chore: parse bindings type

Author: baiwusanyu-c

package.json

@@ -74,18 +74,19 @@
     "update:deps": "npx taze -w && pnpm run init"
   },
   "peerDependencies": {
+    "@ast-grep/napi": "^0.6.3",
     "baiwusanyu-utils": "^1.0.12",
     "chalk": "^4.1.2",
     "estree-walker-ts": "^1.0.0",
     "fast-glob": "^3.2.12",
     "fs-extra": "^11.1.1",
     "hash-sum": "^2.0.0",
     "magic-string": "^0.30.0",
-    "@ast-grep/napi": "^0.6.3",
     "unplugin": "^1.3.1",
     "vue": "^3.2.47"
   },
   "dependencies": {
+    "@ast-grep/napi": "^0.6.3",
     "baiwusanyu-utils": "^1.0.12",
     "chalk": "^4.1.2",
     "estree-walker-ts": "^1.0.0",
@@ -94,7 +95,6 @@
     "hash-sum": "^2.0.0",
     "magic-string": "^0.30.0",
     "unplugin": "^1.3.1",
-    "@ast-grep/napi": "^0.6.3",
     "vue": "^3.3.4"
   },
   "devDependencies": {
@@ -119,8 +119,8 @@
     "@vitejs/plugin-vue-jsx": "^3.0.1",
     "@vitest/coverage-c8": "^0.31.1",
     "@vitest/ui": "^0.31.1",
-    "@vue/compiler-sfc": "^3.3.4",
     "@vue/compiler-dom": "^3.3.4",
+    "@vue/compiler-sfc": "^3.3.4",
     "bumpp": "^9.1.0",
     "cross-env": "^7.0.3",
     "eslint": "^8.41.0",

packages/core/index.ts

@@ -41,6 +41,7 @@ const unplugin = createUnplugin<Options>(
       userOptions,
       framework: meta.framework,
       isScriptSetup: false,
+      bindingsTypeMap: {},
     } as IVueCSSVarsCtx
 
     return [

packages/core/inject/inject-cssvars.ts

@@ -1,7 +1,7 @@
 import hash from 'hash-sum'
 import { type MagicStringBase } from 'magic-string-ast'
 import { ts } from '@ast-grep/napi'
-import MagicString from "magic-string";
+import MagicString from 'magic-string'
 import type { IParseSFCRes, TMatchVariable } from '../parser'
 
 const importer = 'import { useCssVars as _useCssVars } from "vue"\n'
@@ -11,15 +11,15 @@ function findIdentifierFromExp(cssContent: string) {
     rule: {
       matches: 'cssComplexExpIdentifier',
     },
-    utils:{
+    utils: {
       cssComplexExpIdentifier: {
         any: [
           {
             kind: 'identifier',
           },
         ],
-      }
-    }
+      },
+    },
   })
 }
 
@@ -142,30 +142,21 @@ export function createCSSVarsObjCode(
     const hashVal = vbVar.hash || hash(vbVar.value + vbVar.has)
     vbVar.hash = hashVal
     let varStr = ''
-    // composition api 和 option api 一直帶 _ctx
-    if (!isScriptSetup) { // non-inline
-      varStr = vbVar.value ? `(_ctx.${vbVar.value})` : '()'
-    } else {
-      if(!vbVar.has){
-        varStr = `_ctx.${vbVar.value}`
-      }else {
-        // TODO use BindingsType
-        debugger
-        const ms = new MagicString(vbVar.value)
-        // get Identifier sgNode
-        const cssBindKeySgNodes = findIdentifierFromExp(vbVar.value)
-        cssBindKeySgNodes.forEach((node) => {
-          const range = node.range()
-          ms.overwrite(
-            range.start.index,
-            range.end.index,
-            `(_ctx.${node.text()})`
-            // genCSSVarsValue(node, bindings, propsAlias),
-          )
-        })
-        varStr = ms.toString()
-      }
-    }
+
+    const ms = new MagicString(vbVar.value)
+    // get Identifier sgNode
+    const cssBindKeySgNodes = findIdentifierFromExp(vbVar.value)
+    cssBindKeySgNodes.forEach((node) => {
+      const range = node.range()
+      ms.overwrite(
+        range.start.index,
+        range.end.index,
+        // non-inline composition api 和 option api 一直帶 _ctx
+        !isScriptSetup ? `(_ctx.${node.text()})` : '',
+        // genCSSVarsValue(node, bindings, propsAlias),
+      )
+    })
+    varStr = ms.toString()
     resCode = `\n            "${hashVal}": ${varStr},${resCode}`
   })
 
@@ -206,3 +197,15 @@ export function createUseCssVarsCode(
   }
   return resCode
 }
+
+// TODO non-inline css - vite - dev
+// TODO inline bindingTypes - vite - dev
+
+// TODO non-inline css - vite - build
+// TODO inline bindingTypes - vite - build
+
+// TODO non-inline css - webpack - dev
+// TODO inline bindingTypes - webpack - dev
+
+// TODO non-inline css - webpack - build
+// TODO inline bindingTypes - webpack - build

packages/core/parser/parser-compiled-sfc.ts

@@ -87,7 +87,7 @@ export function resetVar() {
 }
 
 // test only
-export function getVar() {
+export /*#__PURE__*/ function getVar() {
   return {
     isSetupEnter,
     setupBodyNode,
@@ -98,7 +98,7 @@ export function getVar() {
 }
 
 // test only
-export function setVar(k: string, v: any) {
+export /*#__PURE__*/ function setVar(k: string, v: any) {
   if (k === 'isSetupEnter')
     isSetupEnter = v