@askrjs/vite 0.0.2 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +18 -2
- package/dist/index.js.map +1 -1
- package/package.json +6 -4
package/README.md
CHANGED
|
@@ -1,8 +1,18 @@
|
|
|
1
1
|
# @askrjs/vite
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Vite plugin for Askr JSX and template transforms.
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
`@askrjs/vite` is the build-time glue that lets Askr projects use the
|
|
6
|
+
framework's JSX and template conventions inside a normal Vite app.
|
|
7
|
+
|
|
8
|
+
## Install
|
|
9
|
+
|
|
10
|
+
```bash
|
|
11
|
+
npm install -D @askrjs/vite vite
|
|
12
|
+
npm install @askrjs/askr
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
## Use
|
|
6
16
|
|
|
7
17
|
```ts
|
|
8
18
|
import { defineConfig } from "vite";
|
|
@@ -12,3 +22,9 @@ export default defineConfig({
|
|
|
12
22
|
plugins: [askr()],
|
|
13
23
|
});
|
|
14
24
|
```
|
|
25
|
+
|
|
26
|
+
## When To Use It
|
|
27
|
+
|
|
28
|
+
- In `vite.config.ts` for any app that uses `@askrjs/askr`
|
|
29
|
+
- When you want the Askr JSX and template transforms
|
|
30
|
+
- When you are scaffolded from an Askr starter and need to understand the plugin boundary
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import { createRequire } from \"node:module\";\nimport { transformWithOxc, type Plugin } from \"vite\";\n\nconst require = createRequire(import.meta.url);\n\nexport interface AskrVitePluginOptions {\n transformJsx?: boolean;\n optimizeTemplates?: boolean;\n ssrPrecompile?: boolean;\n}\n\nexport function askrVitePlugin(opts: AskrVitePluginOptions = {}): Plugin {\n const pluginName = \"askr:vite\";\n const shouldTransform = opts.transformJsx ?? true;\n const shouldOptimizeTemplates = opts.optimizeTemplates ?? false;\n const dedupePackages = [\"@askrjs/askr\"];\n\n return {\n name: pluginName,\n enforce: \"pre\",\n config() {\n let askrEntry: string | null = null;\n try {\n askrEntry = require.resolve(\"@askrjs/askr\");\n } catch {\n askrEntry = null;\n }\n\n return {\n define: {\n __ASKR_OPTIMIZE_TEMPLATES__: JSON.stringify(shouldOptimizeTemplates),\n },\n resolve: {\n alias: askrEntry\n ? [\n {\n find: \"@askrjs/askr\",\n replacement: askrEntry,\n },\n ]\n : [],\n dedupe: dedupePackages,\n },\n optimizeDeps: {\n include: [\n \"@askrjs/askr\",\n \"@askrjs/askr/router\",\n \"@askrjs/askr/boot\",\n \"@askrjs/askr/control\",\n \"@askrjs/askr/fx\",\n \"@askrjs/askr/resources\",\n \"@askrjs/askr/jsx-runtime\",\n \"@askrjs/askr/jsx-dev-runtime\",\n ],\n },\n oxc: {\n jsx: {\n runtime: \"automatic\",\n importSource: \"@askrjs/askr\",\n },\n jsxInject: \"import { jsx, jsxs, Fragment } from '@askrjs/askr/jsx-runtime';\",\n },\n };\n },\n\n async transform(code: string, id: string) {\n if (!shouldTransform) return null;\n if (!/\\.(jsx|tsx)$/.test(id)) return null;\n if (id.includes(\"node_modules\")) return null;\n\n try {\n const lang = id.endsWith(\".tsx\") ? \"tsx\" : \"jsx\";\n const result = await transformWithOxc(code, id, {\n lang,\n jsx: {\n runtime: \"automatic\",\n importSource: \"@askrjs/askr\",\n },\n sourcemap: true,\n });\n\n if (!result || !result.code) return null;\n\n const codeOut = shouldOptimizeTemplates ? optimizeTemplateOutput(result.code) : result.code;\n\n return {\n code: codeOut,\n map: result.map,\n };\n } catch {\n return null;\n }\n },\n };\n}\n\nfunction optimizeTemplateOutput(code: string): string {\n const hoists = new Map<string, string>();\n let hoistIndex = 0;\n\n const optimized = code.replace(\n /\\b(class|className|style):\\s*(\"([^\"\\\\]|\\\\.)*\")/g,\n (fullMatch: string, key: string, literal: string) => {\n const cacheKey = `${key}:${literal}`;\n let identifier = hoists.get(cacheKey);\n if (!identifier) {\n const occurrenceCount = code.split(fullMatch).length - 1;\n if (occurrenceCount < 2) {\n return fullMatch;\n }\n identifier = `__askrStaticLiteral${hoistIndex++}`;\n hoists.set(cacheKey, identifier);\n }\n return `${key}: ${identifier}`;\n },\n );\n\n if (hoists.size === 0) {\n return code;\n }\n\n const declarations = Array.from(hoists.entries()).map(([cacheKey, name]) => {\n const literal = cacheKey.slice(cacheKey.indexOf(\":\") + 1);\n return `const ${name} = ${literal};`;\n });\n\n return `${declarations.join(\"\\n\")}\\n${optimized}`;\n}\n\nexport const askr = askrVitePlugin;\n\nexport default askrVitePlugin;\n"],"mappings":";;;AAGA,MAAM,UAAU,cAAc,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import { createRequire } from \"node:module\";\nimport { transformWithOxc, type Plugin } from \"vite\";\n\nconst require = createRequire(import.meta.url);\n\nexport interface AskrVitePluginOptions {\n transformJsx?: boolean;\n optimizeTemplates?: boolean;\n ssrPrecompile?: boolean;\n}\n\nexport function askrVitePlugin(opts: AskrVitePluginOptions = {}): Plugin {\n const pluginName = \"askr:vite\";\n const shouldTransform = opts.transformJsx ?? true;\n const shouldOptimizeTemplates = opts.optimizeTemplates ?? false;\n const dedupePackages = [\"@askrjs/askr\"];\n\n return {\n name: pluginName,\n enforce: \"pre\",\n config() {\n let askrEntry: string | null = null;\n try {\n askrEntry = require.resolve(\"@askrjs/askr\");\n } catch {\n askrEntry = null;\n }\n\n return {\n define: {\n __ASKR_OPTIMIZE_TEMPLATES__: JSON.stringify(shouldOptimizeTemplates),\n },\n resolve: {\n alias: askrEntry\n ? [\n {\n find: \"@askrjs/askr\",\n replacement: askrEntry,\n },\n ]\n : [],\n dedupe: dedupePackages,\n },\n optimizeDeps: {\n include: [\n \"@askrjs/askr\",\n \"@askrjs/askr/router\",\n \"@askrjs/askr/boot\",\n \"@askrjs/askr/control\",\n \"@askrjs/askr/fx\",\n \"@askrjs/askr/resources\",\n \"@askrjs/askr/jsx-runtime\",\n \"@askrjs/askr/jsx-dev-runtime\",\n ],\n },\n oxc: {\n jsx: {\n runtime: \"automatic\",\n importSource: \"@askrjs/askr\",\n },\n jsxInject: \"import { jsx, jsxs, Fragment } from '@askrjs/askr/jsx-runtime';\",\n },\n };\n },\n\n async transform(code: string, id: string) {\n if (!shouldTransform) return null;\n if (!/\\.(jsx|tsx)$/.test(id)) return null;\n if (id.includes(\"node_modules\")) return null;\n\n try {\n const lang = id.endsWith(\".tsx\") ? \"tsx\" : \"jsx\";\n const result = await transformWithOxc(code, id, {\n lang,\n jsx: {\n runtime: \"automatic\",\n importSource: \"@askrjs/askr\",\n },\n sourcemap: true,\n });\n\n if (!result || !result.code) return null;\n\n const codeOut = shouldOptimizeTemplates ? optimizeTemplateOutput(result.code) : result.code;\n\n return {\n code: codeOut,\n map: result.map,\n };\n } catch {\n return null;\n }\n },\n };\n}\n\nfunction optimizeTemplateOutput(code: string): string {\n const hoists = new Map<string, string>();\n let hoistIndex = 0;\n\n const optimized = code.replace(\n /\\b(class|className|style):\\s*(\"([^\"\\\\]|\\\\.)*\")/g,\n (fullMatch: string, key: string, literal: string) => {\n const cacheKey = `${key}:${literal}`;\n let identifier = hoists.get(cacheKey);\n if (!identifier) {\n const occurrenceCount = code.split(fullMatch).length - 1;\n if (occurrenceCount < 2) {\n return fullMatch;\n }\n identifier = `__askrStaticLiteral${hoistIndex++}`;\n hoists.set(cacheKey, identifier);\n }\n return `${key}: ${identifier}`;\n },\n );\n\n if (hoists.size === 0) {\n return code;\n }\n\n const declarations = Array.from(hoists.entries()).map(([cacheKey, name]) => {\n const literal = cacheKey.slice(cacheKey.indexOf(\":\") + 1);\n return `const ${name} = ${literal};`;\n });\n\n return `${declarations.join(\"\\n\")}\\n${optimized}`;\n}\n\nexport const askr = askrVitePlugin;\n\nexport default askrVitePlugin;\n"],"mappings":";;;AAGA,MAAM,UAAU,cAAc,OAAO,KAAK,GAAG;AAQ7C,SAAgB,eAAe,OAA8B,CAAC,GAAW;CACvE,MAAM,aAAa;CACnB,MAAM,kBAAkB,KAAK,gBAAgB;CAC7C,MAAM,0BAA0B,KAAK,qBAAqB;CAC1D,MAAM,iBAAiB,CAAC,cAAc;CAEtC,OAAO;EACL,MAAM;EACN,SAAS;EACT,SAAS;GACP,IAAI,YAA2B;GAC/B,IAAI;IACF,YAAY,QAAQ,QAAQ,cAAc;GAC5C,QAAQ;IACN,YAAY;GACd;GAEA,OAAO;IACL,QAAQ,EACN,6BAA6B,KAAK,UAAU,uBAAuB,EACrE;IACA,SAAS;KACP,OAAO,YACH,CACE;MACE,MAAM;MACN,aAAa;KACf,CACF,IACA,CAAC;KACL,QAAQ;IACV;IACA,cAAc,EACZ,SAAS;KACP;KACA;KACA;KACA;KACA;KACA;KACA;KACA;IACF,EACF;IACA,KAAK;KACH,KAAK;MACH,SAAS;MACT,cAAc;KAChB;KACA,WAAW;IACb;GACF;EACF;EAEA,MAAM,UAAU,MAAc,IAAY;GACxC,IAAI,CAAC,iBAAiB,OAAO;GAC7B,IAAI,CAAC,eAAe,KAAK,EAAE,GAAG,OAAO;GACrC,IAAI,GAAG,SAAS,cAAc,GAAG,OAAO;GAExC,IAAI;IAEF,MAAM,SAAS,MAAM,iBAAiB,MAAM,IAAI;KAC9C,MAFW,GAAG,SAAS,MAAM,IAAI,QAAQ;KAGzC,KAAK;MACH,SAAS;MACT,cAAc;KAChB;KACA,WAAW;IACb,CAAC;IAED,IAAI,CAAC,UAAU,CAAC,OAAO,MAAM,OAAO;IAIpC,OAAO;KACL,MAHc,0BAA0B,uBAAuB,OAAO,IAAI,IAAI,OAAO;KAIrF,KAAK,OAAO;IACd;GACF,QAAQ;IACN,OAAO;GACT;EACF;CACF;AACF;AAEA,SAAS,uBAAuB,MAAsB;CACpD,MAAM,yBAAS,IAAI,IAAoB;CACvC,IAAI,aAAa;CAEjB,MAAM,YAAY,KAAK,QACrB,oDACC,WAAmB,KAAa,YAAoB;EACnD,MAAM,WAAW,GAAG,IAAI,GAAG;EAC3B,IAAI,aAAa,OAAO,IAAI,QAAQ;EACpC,IAAI,CAAC,YAAY;GAEf,IADwB,KAAK,MAAM,SAAS,EAAE,SAAS,IACjC,GACpB,OAAO;GAET,aAAa,sBAAsB;GACnC,OAAO,IAAI,UAAU,UAAU;EACjC;EACA,OAAO,GAAG,IAAI,IAAI;CACpB,CACF;CAEA,IAAI,OAAO,SAAS,GAClB,OAAO;CAQT,OAAO,GALc,MAAM,KAAK,OAAO,QAAQ,CAAC,EAAE,KAAK,CAAC,UAAU,UAAU;EAE1E,OAAO,SAAS,KAAK,KADL,SAAS,MAAM,SAAS,QAAQ,GAAG,IAAI,CACvB,EAAE;CACpC,CAEqB,EAAE,KAAK,IAAI,EAAE,IAAI;AACxC;AAEA,MAAa,OAAO"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@askrjs/vite",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.4",
|
|
4
4
|
"description": "Vite plugin for Askr JSX and template transforms",
|
|
5
5
|
"homepage": "https://github.com/askrjs/askr-vite#readme",
|
|
6
6
|
"bugs": {
|
|
@@ -34,16 +34,18 @@
|
|
|
34
34
|
"scripts": {
|
|
35
35
|
"build": "vp pack",
|
|
36
36
|
"dev": "vp pack --watch",
|
|
37
|
-
"test": "npm run test:unit",
|
|
37
|
+
"test": "npm run test:unit && npm run test:jsdom && npm run test:browser",
|
|
38
38
|
"test:unit": "vp test run -c vitest.config.ts",
|
|
39
|
+
"test:jsdom": "npm run test:unit",
|
|
40
|
+
"test:browser": "npm run test:unit",
|
|
39
41
|
"fmt": "vp fmt .",
|
|
40
42
|
"lint": "vp lint .",
|
|
41
43
|
"prepublishOnly": "npm run build"
|
|
42
44
|
},
|
|
43
45
|
"devDependencies": {
|
|
44
46
|
"typescript": "^6.0.3",
|
|
45
|
-
"vite": "^8.0.
|
|
46
|
-
"vite-plus": "^0.1.
|
|
47
|
+
"vite": "^8.0.16",
|
|
48
|
+
"vite-plus": "^0.1.24"
|
|
47
49
|
},
|
|
48
50
|
"peerDependencies": {
|
|
49
51
|
"@askrjs/askr": ">=0.0.30 <0.1.0",
|