feat: updates (#44)

README.md

@@ -1,2 +1,40 @@
 # panda-vscode
+
 The official Panda CSS VSCode extension
+
+## Contributing
+
+### Setup
+
+```bash
+yarn install
+```
+
+### Development
+
+```bash
+yarn dev
+```
+
+Then start the VSCode extension development host with [the `Run extension` launch config.](.vscode/launch.json)
+
+### Build
+
+```bash
+yarn build
+```
+
+### Test
+
+```bash
+yarn test
+```
+
+```bash
+yarn typecheck
+```
+
+### Publishing
+
+Done automatically when the release PR (generated with
+[Changesets](https://github.com/changesets/changesets/blob/main/docs/adding-a-changeset.md)) is merged.

package.json

@@ -19,26 +19,27 @@
   "author": "Segun Adebayo <[email protected]>",
   "license": "MIT",
   "dependencies": {
-    "@changesets/changelog-github": "0.4.8",
-    "@changesets/cli": "2.26.2",
-    "@types/node": "20.4.5",
-    "@typescript-eslint/eslint-plugin": "6.2.1",
-    "@typescript-eslint/parser": "6.2.1",
-    "prettier": "^2.8.8",
-    "tsup": "7.1.0",
-    "typescript": "5.2.2",
-    "vitest": "0.33.0"
+    "@changesets/changelog-github": "0.5.0",
+    "@changesets/cli": "2.27.1",
+    "@types/node": "20.11.30",
+    "@typescript-eslint/eslint-plugin": "7.3.1",
+    "@typescript-eslint/parser": "7.3.1",
+    "prettier": "^3.2.5",
+    "tsup": "8.0.2",
+    "typescript": "5.4.2",
+    "vitest": "1.4.0"
   },
   "resolutions": {
-    "panda-css-vscode/esbuild": "npm:[email protected]"
+    "panda-css-vscode/esbuild": "npm:[email protected]",
+    "panda-css-vscode/lightningcss": "npm:[email protected]"
   },
   "packageManager": "[email protected]",
   "workspaces": [
     "packages/*",
     "sandbox/**"
   ],
   "devDependencies": {
-    "@types/eslint": "^8",
-    "eslint": "^8.52.0"
+    "@types/eslint": "^8.56.6",
+    "eslint": "^8.57.0"
   }
 }

packages/language-server/__tests__/fixtures/create-config-result.ts

@@ -0,0 +1,108 @@
+import { mergeConfigs } from '@pandacss/config'
+import { PandaContext } from '@pandacss/node'
+import presetBase from '@pandacss/preset-base'
+import presetPanda from '@pandacss/preset-panda'
+import { parseJson, stringifyJson } from '@pandacss/shared'
+import type { Config, LoadConfigResult, PresetCore, UserConfig } from '@pandacss/types'
+import { utils } from './utils'
+
+const buttonRecipe = {
+  className: 'button',
+  description: 'The styles for the Button component',
+  base: {
+    display: 'flex',
+    cursor: 'pointer',
+    fontWeight: 'bold',
+  },
+  variants: {
+    visual: {
+      funky: { bg: 'red.200', color: 'slate.800' },
+      edgy: { border: '1px solid {colors.red.500}' },
+    },
+    size: {
+      sm: { padding: '4', fontSize: '12px' },
+      lg: { padding: '8', fontSize: '40px' },
+    },
+    shape: {
+      square: { borderRadius: '0' },
+      circle: { borderRadius: 'full' },
+    },
+  },
+  defaultVariants: {
+    visual: 'funky',
+    size: 'sm',
+    shape: 'circle',
+  },
+}
+
+const fixturePreset: Omit<PresetCore, 'globalCss' | 'staticCss'> = {
+  ...presetBase,
+  ...presetPanda,
+  theme: {
+    ...presetPanda.theme,
+    recipes: {
+      button: buttonRecipe,
+    },
+  },
+}
+
+const config: UserConfig = {
+  ...fixturePreset,
+  optimize: true,
+  cwd: '',
+  outdir: 'styled-system',
+  include: [],
+  //
+  cssVarRoot: ':where(html)',
+  jsxFramework: 'react',
+}
+
+const fixtureDefaults = {
+  dependencies: [],
+  config,
+  path: '',
+  hooks: {},
+  serialized: stringifyJson(config),
+  deserialize: () => parseJson(stringifyJson(config)),
+} as LoadConfigResult
+
+export const createConfigResult = (userConfig?: Config) => {
+  const resolvedConfig = (
+    userConfig ? mergeConfigs([userConfig, fixtureDefaults.config]) : fixtureDefaults.config
+  ) as UserConfig
+
+  return { ...fixtureDefaults, config: resolvedConfig }
+}
+
+export const createContext = (userConfig?: Config) => {
+  let resolvedConfig = (
+    userConfig ? mergeConfigs([userConfig, fixtureDefaults.config]) : fixtureDefaults.config
+  ) as UserConfig
+
+  const hooks = userConfig?.hooks ?? {}
+
+  // This allows editing the config before the context is created
+  // since this function is only used in tests, we only look at the user hooks
+  // not the presets hooks, so that we can keep this fn sync
+  if (hooks['config:resolved']) {
+    const result = hooks['config:resolved']({
+      config: resolvedConfig,
+      path: fixtureDefaults.path,
+      dependencies: fixtureDefaults.dependencies,
+      utils: utils,
+    })
+    if (result) {
+      resolvedConfig = result as UserConfig
+    }
+  }
+
+  return new PandaContext({
+    ...fixtureDefaults,
+    hooks,
+    config: resolvedConfig,
+    tsconfig: {
+      // @ts-expect-error
+      useInMemoryFileSystem: true,
+    },
+  })
+}

packages/language-server/__tests__/fixtures/index.ts

@@ -0,0 +1 @@
+export * from './create-config-result'

packages/language-server/__tests__/fixtures/utils.ts

@@ -0,0 +1,18 @@
+import { traverse } from '@pandacss/shared'
+
+const omit = <T, K extends keyof T | (string & {})>(obj: T, paths: K[]): Omit<T, K> => {
+  const result = { ...obj }
+
+  traverse(result, ({ path, parent, key }) => {
+    if (paths.includes(path as K)) {
+      delete (parent as any)[key]
+    }
+  })
+
+  return result as Omit<T, K>
+}
+
+export const utils = {
+  omit,
+  traverse,
+}