codemeld 2.1.0
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 +514 -0
- package/bin/cli.js +2 -0
- package/dist/ai/agent.d.ts +124 -0
- package/dist/ai/agent.d.ts.map +1 -0
- package/dist/ai/agent.js +289 -0
- package/dist/ai/agent.js.map +1 -0
- package/dist/ai/index.d.ts +10 -0
- package/dist/ai/index.d.ts.map +1 -0
- package/dist/ai/index.js +10 -0
- package/dist/ai/index.js.map +1 -0
- package/dist/ai/prompts.d.ts +35 -0
- package/dist/ai/prompts.d.ts.map +1 -0
- package/dist/ai/prompts.js +166 -0
- package/dist/ai/prompts.js.map +1 -0
- package/dist/ai/refinement-loop.d.ts +29 -0
- package/dist/ai/refinement-loop.d.ts.map +1 -0
- package/dist/ai/refinement-loop.js +180 -0
- package/dist/ai/refinement-loop.js.map +1 -0
- package/dist/ai/tools.d.ts +17 -0
- package/dist/ai/tools.d.ts.map +1 -0
- package/dist/ai/tools.js +353 -0
- package/dist/ai/tools.js.map +1 -0
- package/dist/ai/visual-compare.d.ts +43 -0
- package/dist/ai/visual-compare.d.ts.map +1 -0
- package/dist/ai/visual-compare.js +176 -0
- package/dist/ai/visual-compare.js.map +1 -0
- package/dist/cli.d.ts +3 -0
- package/dist/cli.d.ts.map +1 -0
- package/dist/cli.js +179 -0
- package/dist/cli.js.map +1 -0
- package/dist/converter.d.ts +10 -0
- package/dist/converter.d.ts.map +1 -0
- package/dist/converter.js +836 -0
- package/dist/converter.js.map +1 -0
- package/dist/deconverter.d.ts +19 -0
- package/dist/deconverter.d.ts.map +1 -0
- package/dist/deconverter.js +188 -0
- package/dist/deconverter.js.map +1 -0
- package/dist/frameworks/angular-adapter.d.ts +27 -0
- package/dist/frameworks/angular-adapter.d.ts.map +1 -0
- package/dist/frameworks/angular-adapter.js +617 -0
- package/dist/frameworks/angular-adapter.js.map +1 -0
- package/dist/frameworks/index.d.ts +10 -0
- package/dist/frameworks/index.d.ts.map +1 -0
- package/dist/frameworks/index.js +21 -0
- package/dist/frameworks/index.js.map +1 -0
- package/dist/frameworks/nextjs-adapter.d.ts +22 -0
- package/dist/frameworks/nextjs-adapter.d.ts.map +1 -0
- package/dist/frameworks/nextjs-adapter.js +392 -0
- package/dist/frameworks/nextjs-adapter.js.map +1 -0
- package/dist/frameworks/react-adapter.d.ts +21 -0
- package/dist/frameworks/react-adapter.d.ts.map +1 -0
- package/dist/frameworks/react-adapter.js +71 -0
- package/dist/frameworks/react-adapter.js.map +1 -0
- package/dist/frameworks/svelte-adapter.d.ts +27 -0
- package/dist/frameworks/svelte-adapter.d.ts.map +1 -0
- package/dist/frameworks/svelte-adapter.js +519 -0
- package/dist/frameworks/svelte-adapter.js.map +1 -0
- package/dist/frameworks/types.d.ts +78 -0
- package/dist/frameworks/types.d.ts.map +1 -0
- package/dist/frameworks/types.js +2 -0
- package/dist/frameworks/types.js.map +1 -0
- package/dist/frameworks/vue-adapter.d.ts +34 -0
- package/dist/frameworks/vue-adapter.d.ts.map +1 -0
- package/dist/frameworks/vue-adapter.js +632 -0
- package/dist/frameworks/vue-adapter.js.map +1 -0
- package/dist/generators/accessibility-generator.d.ts +43 -0
- package/dist/generators/accessibility-generator.d.ts.map +1 -0
- package/dist/generators/accessibility-generator.js +507 -0
- package/dist/generators/accessibility-generator.js.map +1 -0
- package/dist/generators/asset-handler.d.ts +14 -0
- package/dist/generators/asset-handler.d.ts.map +1 -0
- package/dist/generators/asset-handler.js +79 -0
- package/dist/generators/asset-handler.js.map +1 -0
- package/dist/generators/build-verifier.d.ts +8 -0
- package/dist/generators/build-verifier.d.ts.map +1 -0
- package/dist/generators/build-verifier.js +64 -0
- package/dist/generators/build-verifier.js.map +1 -0
- package/dist/generators/component-extractor.d.ts +25 -0
- package/dist/generators/component-extractor.d.ts.map +1 -0
- package/dist/generators/component-extractor.js +146 -0
- package/dist/generators/component-extractor.js.map +1 -0
- package/dist/generators/component-generator.d.ts +12 -0
- package/dist/generators/component-generator.d.ts.map +1 -0
- package/dist/generators/component-generator.js +724 -0
- package/dist/generators/component-generator.js.map +1 -0
- package/dist/generators/deploy-generator.d.ts +9 -0
- package/dist/generators/deploy-generator.d.ts.map +1 -0
- package/dist/generators/deploy-generator.js +409 -0
- package/dist/generators/deploy-generator.js.map +1 -0
- package/dist/generators/error-boundary.d.ts +5 -0
- package/dist/generators/error-boundary.d.ts.map +1 -0
- package/dist/generators/error-boundary.js +59 -0
- package/dist/generators/error-boundary.js.map +1 -0
- package/dist/generators/form-generator.d.ts +42 -0
- package/dist/generators/form-generator.d.ts.map +1 -0
- package/dist/generators/form-generator.js +662 -0
- package/dist/generators/form-generator.js.map +1 -0
- package/dist/generators/hooks-generator.d.ts +40 -0
- package/dist/generators/hooks-generator.d.ts.map +1 -0
- package/dist/generators/hooks-generator.js +297 -0
- package/dist/generators/hooks-generator.js.map +1 -0
- package/dist/generators/html-generator.d.ts +27 -0
- package/dist/generators/html-generator.d.ts.map +1 -0
- package/dist/generators/html-generator.js +772 -0
- package/dist/generators/html-generator.js.map +1 -0
- package/dist/generators/jquery-converter.d.ts +41 -0
- package/dist/generators/jquery-converter.d.ts.map +1 -0
- package/dist/generators/jquery-converter.js +594 -0
- package/dist/generators/jquery-converter.js.map +1 -0
- package/dist/generators/pattern-implementer.d.ts +26 -0
- package/dist/generators/pattern-implementer.d.ts.map +1 -0
- package/dist/generators/pattern-implementer.js +336 -0
- package/dist/generators/pattern-implementer.js.map +1 -0
- package/dist/generators/performance-generator.d.ts +51 -0
- package/dist/generators/performance-generator.d.ts.map +1 -0
- package/dist/generators/performance-generator.js +428 -0
- package/dist/generators/performance-generator.js.map +1 -0
- package/dist/generators/router-generator.d.ts +21 -0
- package/dist/generators/router-generator.d.ts.map +1 -0
- package/dist/generators/router-generator.js +178 -0
- package/dist/generators/router-generator.js.map +1 -0
- package/dist/generators/scaffolder.d.ts +28 -0
- package/dist/generators/scaffolder.d.ts.map +1 -0
- package/dist/generators/scaffolder.js +266 -0
- package/dist/generators/scaffolder.js.map +1 -0
- package/dist/generators/seo-generator.d.ts +29 -0
- package/dist/generators/seo-generator.d.ts.map +1 -0
- package/dist/generators/seo-generator.js +223 -0
- package/dist/generators/seo-generator.js.map +1 -0
- package/dist/generators/test-generator.d.ts +19 -0
- package/dist/generators/test-generator.d.ts.map +1 -0
- package/dist/generators/test-generator.js +398 -0
- package/dist/generators/test-generator.js.map +1 -0
- package/dist/generators/type-generator.d.ts +33 -0
- package/dist/generators/type-generator.d.ts.map +1 -0
- package/dist/generators/type-generator.js +663 -0
- package/dist/generators/type-generator.js.map +1 -0
- package/dist/index.d.ts +23 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +12 -0
- package/dist/index.js.map +1 -0
- package/dist/parsers/css-processor.d.ts +23 -0
- package/dist/parsers/css-processor.d.ts.map +1 -0
- package/dist/parsers/css-processor.js +129 -0
- package/dist/parsers/css-processor.js.map +1 -0
- package/dist/parsers/framework-parser.d.ts +48 -0
- package/dist/parsers/framework-parser.d.ts.map +1 -0
- package/dist/parsers/framework-parser.js +770 -0
- package/dist/parsers/framework-parser.js.map +1 -0
- package/dist/parsers/html-parser.d.ts +12 -0
- package/dist/parsers/html-parser.d.ts.map +1 -0
- package/dist/parsers/html-parser.js +444 -0
- package/dist/parsers/html-parser.js.map +1 -0
- package/dist/parsers/js-analyzer.d.ts +199 -0
- package/dist/parsers/js-analyzer.d.ts.map +1 -0
- package/dist/parsers/js-analyzer.js +680 -0
- package/dist/parsers/js-analyzer.js.map +1 -0
- package/dist/parsers/js-resolver.d.ts +8 -0
- package/dist/parsers/js-resolver.d.ts.map +1 -0
- package/dist/parsers/js-resolver.js +45 -0
- package/dist/parsers/js-resolver.js.map +1 -0
- package/dist/parsers/tailwind-detector.d.ts +23 -0
- package/dist/parsers/tailwind-detector.d.ts.map +1 -0
- package/dist/parsers/tailwind-detector.js +104 -0
- package/dist/parsers/tailwind-detector.js.map +1 -0
- package/dist/tests/advanced-features.test.d.ts +2 -0
- package/dist/tests/advanced-features.test.d.ts.map +1 -0
- package/dist/tests/advanced-features.test.js +235 -0
- package/dist/tests/advanced-features.test.js.map +1 -0
- package/dist/tests/css-modules.test.d.ts +2 -0
- package/dist/tests/css-modules.test.d.ts.map +1 -0
- package/dist/tests/css-modules.test.js +61 -0
- package/dist/tests/css-modules.test.js.map +1 -0
- package/dist/tests/css-processor.test.d.ts +2 -0
- package/dist/tests/css-processor.test.d.ts.map +1 -0
- package/dist/tests/css-processor.test.js +48 -0
- package/dist/tests/css-processor.test.js.map +1 -0
- package/dist/tests/html-parser.test.d.ts +2 -0
- package/dist/tests/html-parser.test.d.ts.map +1 -0
- package/dist/tests/html-parser.test.js +78 -0
- package/dist/tests/html-parser.test.js.map +1 -0
- package/dist/tests/integration.test.d.ts +2 -0
- package/dist/tests/integration.test.d.ts.map +1 -0
- package/dist/tests/integration.test.js +65 -0
- package/dist/tests/integration.test.js.map +1 -0
- package/dist/tests/js-analyzer.test.d.ts +2 -0
- package/dist/tests/js-analyzer.test.d.ts.map +1 -0
- package/dist/tests/js-analyzer.test.js +58 -0
- package/dist/tests/js-analyzer.test.js.map +1 -0
- package/dist/tests/naming.test.d.ts +2 -0
- package/dist/tests/naming.test.d.ts.map +1 -0
- package/dist/tests/naming.test.js +43 -0
- package/dist/tests/naming.test.js.map +1 -0
- package/dist/tests/router-generator.test.d.ts +2 -0
- package/dist/tests/router-generator.test.d.ts.map +1 -0
- package/dist/tests/router-generator.test.js +60 -0
- package/dist/tests/router-generator.test.js.map +1 -0
- package/dist/tui/chat.d.ts +13 -0
- package/dist/tui/chat.d.ts.map +1 -0
- package/dist/tui/chat.js +499 -0
- package/dist/tui/chat.js.map +1 -0
- package/dist/tui/design-guide.d.ts +41 -0
- package/dist/tui/design-guide.d.ts.map +1 -0
- package/dist/tui/design-guide.js +184 -0
- package/dist/tui/design-guide.js.map +1 -0
- package/dist/tui/input.d.ts +30 -0
- package/dist/tui/input.d.ts.map +1 -0
- package/dist/tui/input.js +239 -0
- package/dist/tui/input.js.map +1 -0
- package/dist/tui/renderer.d.ts +48 -0
- package/dist/tui/renderer.d.ts.map +1 -0
- package/dist/tui/renderer.js +212 -0
- package/dist/tui/renderer.js.map +1 -0
- package/dist/tui/tools.d.ts +14 -0
- package/dist/tui/tools.d.ts.map +1 -0
- package/dist/tui/tools.js +1370 -0
- package/dist/tui/tools.js.map +1 -0
- package/dist/types.d.ts +93 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +2 -0
- package/dist/types.js.map +1 -0
- package/dist/utils/config.d.ts +20 -0
- package/dist/utils/config.d.ts.map +1 -0
- package/dist/utils/config.js +33 -0
- package/dist/utils/config.js.map +1 -0
- package/dist/utils/formatter.d.ts +5 -0
- package/dist/utils/formatter.d.ts.map +1 -0
- package/dist/utils/formatter.js +68 -0
- package/dist/utils/formatter.js.map +1 -0
- package/dist/utils/logger.d.ts +8 -0
- package/dist/utils/logger.d.ts.map +1 -0
- package/dist/utils/logger.js +19 -0
- package/dist/utils/logger.js.map +1 -0
- package/dist/utils/naming.d.ts +17 -0
- package/dist/utils/naming.d.ts.map +1 -0
- package/dist/utils/naming.js +48 -0
- package/dist/utils/naming.js.map +1 -0
- package/dist/utils/report.d.ts +56 -0
- package/dist/utils/report.d.ts.map +1 -0
- package/dist/utils/report.js +339 -0
- package/dist/utils/report.js.map +1 -0
- package/package.json +61 -0
|
@@ -0,0 +1,519 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Svelte (SvelteKit) Framework Adapter
|
|
3
|
+
*
|
|
4
|
+
* Generates a SvelteKit + TypeScript project.
|
|
5
|
+
* Converts React state/effects into Svelte's $state(), $effect(), event directives.
|
|
6
|
+
*/
|
|
7
|
+
import { mkdir, writeFile } from 'fs/promises';
|
|
8
|
+
import { join } from 'path';
|
|
9
|
+
import { toKebabCase, toValidIdentifier } from '../utils/naming.js';
|
|
10
|
+
import { implementPatterns } from '../generators/pattern-implementer.js';
|
|
11
|
+
export class SvelteAdapter {
|
|
12
|
+
name = 'SvelteKit + TypeScript';
|
|
13
|
+
target = 'svelte';
|
|
14
|
+
componentExtension = '.svelte';
|
|
15
|
+
async scaffoldProject(outputDir, projectName, options) {
|
|
16
|
+
const dirs = [
|
|
17
|
+
outputDir,
|
|
18
|
+
join(outputDir, 'src'),
|
|
19
|
+
join(outputDir, 'src', 'lib'),
|
|
20
|
+
join(outputDir, 'src', 'lib', 'components'),
|
|
21
|
+
join(outputDir, 'src', 'lib', 'styles'),
|
|
22
|
+
join(outputDir, 'src', 'routes'),
|
|
23
|
+
join(outputDir, 'static'),
|
|
24
|
+
];
|
|
25
|
+
for (const dir of dirs) {
|
|
26
|
+
await mkdir(dir, { recursive: true });
|
|
27
|
+
}
|
|
28
|
+
await Promise.all([
|
|
29
|
+
writeFile(join(outputDir, 'package.json'), this.generatePackageJson(projectName, options)),
|
|
30
|
+
writeFile(join(outputDir, 'tsconfig.json'), this.generateTsConfig()),
|
|
31
|
+
writeFile(join(outputDir, 'svelte.config.js'), this.generateSvelteConfig()),
|
|
32
|
+
writeFile(join(outputDir, 'vite.config.ts'), this.generateViteConfig()),
|
|
33
|
+
writeFile(join(outputDir, 'src', 'app.html'), this.generateAppHtml(options.title || projectName, options)),
|
|
34
|
+
writeFile(join(outputDir, 'src', 'app.d.ts'), this.generateAppDts()),
|
|
35
|
+
writeFile(join(outputDir, '.gitignore'), `node_modules/\n.svelte-kit/\nbuild/\n.env\n`),
|
|
36
|
+
]);
|
|
37
|
+
}
|
|
38
|
+
renderComponent(component, options) {
|
|
39
|
+
const lines = [];
|
|
40
|
+
const scriptBody = [];
|
|
41
|
+
// State -> Svelte 5 $state() (sanitize names)
|
|
42
|
+
for (const sv of component.stateVars) {
|
|
43
|
+
const safeName = toValidIdentifier(sv.name);
|
|
44
|
+
scriptBody.push(`let ${safeName} = $state(${sv.initialValue});`);
|
|
45
|
+
}
|
|
46
|
+
// Interactive patterns
|
|
47
|
+
let templateHtml = component.jsx;
|
|
48
|
+
if (options.analysis?.interactivePatterns) {
|
|
49
|
+
const patternResult = implementPatterns(templateHtml, options.analysis.interactivePatterns, options.customHooks);
|
|
50
|
+
templateHtml = patternResult.jsx;
|
|
51
|
+
for (const decl of patternResult.stateDeclarations) {
|
|
52
|
+
const match = decl.match(/\[(\w+),\s*\w+\]\s*=\s*useState(?:<[^>]*>)?\(([^)]*)\)/);
|
|
53
|
+
if (match) {
|
|
54
|
+
scriptBody.push(`let ${match[1]} = $state(${match[2]});`);
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
for (const handler of patternResult.handlers) {
|
|
58
|
+
// Convert React setter pattern to direct assignment
|
|
59
|
+
let svelteHandler = handler
|
|
60
|
+
.replace(/set(\w+)\(prev\s*=>\s*!prev\)/g, (_, name) => `${name.charAt(0).toLowerCase()}${name.slice(1)} = !${name.charAt(0).toLowerCase()}${name.slice(1)}`)
|
|
61
|
+
.replace(/set(\w+)\(prev\s*=>\s*prev\s*===\s*(\w+)\s*\?\s*null\s*:\s*(\w+)\)/g, (_, name, v1, v2) => `${name.charAt(0).toLowerCase()}${name.slice(1)} = ${name.charAt(0).toLowerCase()}${name.slice(1)} === ${v1} ? null : ${v2}`)
|
|
62
|
+
.replace(/set(\w+)\(([^)]+)\)/g, (_, name, val) => `${name.charAt(0).toLowerCase()}${name.slice(1)} = ${val}`);
|
|
63
|
+
scriptBody.push(svelteHandler);
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
// Effects -> $effect()
|
|
67
|
+
for (const effect of component.effects) {
|
|
68
|
+
scriptBody.push(`$effect(() => {\n ${effect}\n});`);
|
|
69
|
+
}
|
|
70
|
+
// Event handlers (sanitize DOM manipulation)
|
|
71
|
+
for (const eh of component.eventHandlers) {
|
|
72
|
+
const handlerName = `handle${eh.event.charAt(0).toUpperCase()}${eh.event.slice(1)}`;
|
|
73
|
+
const handlerLines = [];
|
|
74
|
+
for (const line of eh.handler.split('\n')) {
|
|
75
|
+
const trimmed = line.trim();
|
|
76
|
+
if (!trimmed)
|
|
77
|
+
continue;
|
|
78
|
+
// Convert classList.toggle('x') to state toggle
|
|
79
|
+
const toggleMatch = trimmed.match(/\w+\.classList\.toggle\(['"]([^'"]+)['"]\)/);
|
|
80
|
+
if (toggleMatch) {
|
|
81
|
+
const cls = toggleMatch[1].replace(/\[.*?\]/g, '').replace(/[^a-zA-Z0-9]+/g, ' ').trim()
|
|
82
|
+
.split(/\s+/).map(w => w.charAt(0).toUpperCase() + w.slice(1)).join('');
|
|
83
|
+
if (cls) {
|
|
84
|
+
handlerLines.push(` is${cls} = !is${cls};`);
|
|
85
|
+
continue;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
// Skip raw DOM manipulation
|
|
89
|
+
if (/\.\s*(classList|style|innerHTML|textContent|appendChild|removeChild)\b/.test(trimmed) ||
|
|
90
|
+
/document\.(getElementById|querySelector|getElementsBy)/.test(trimmed)) {
|
|
91
|
+
handlerLines.push(` // TODO: ${trimmed}`);
|
|
92
|
+
continue;
|
|
93
|
+
}
|
|
94
|
+
handlerLines.push(` ${trimmed}`);
|
|
95
|
+
}
|
|
96
|
+
scriptBody.push(`function ${handlerName}() {\n${handlerLines.join('\n')}\n}`);
|
|
97
|
+
}
|
|
98
|
+
// Composable imports & calls
|
|
99
|
+
this.addComposableImportsAndCalls(scriptBody, options);
|
|
100
|
+
// Convert JSX to Svelte template
|
|
101
|
+
templateHtml = this.jsxToSvelteTemplate(templateHtml);
|
|
102
|
+
// Build SFC
|
|
103
|
+
lines.push('<script lang="ts">');
|
|
104
|
+
for (const line of scriptBody)
|
|
105
|
+
lines.push(` ${line}`);
|
|
106
|
+
lines.push('</script>');
|
|
107
|
+
lines.push('');
|
|
108
|
+
for (const line of templateHtml.split('\n')) {
|
|
109
|
+
lines.push(line);
|
|
110
|
+
}
|
|
111
|
+
lines.push('');
|
|
112
|
+
// CSS
|
|
113
|
+
if (component.css) {
|
|
114
|
+
lines.push('<style>');
|
|
115
|
+
lines.push(component.css);
|
|
116
|
+
lines.push('</style>');
|
|
117
|
+
lines.push('');
|
|
118
|
+
}
|
|
119
|
+
return lines.join('\n');
|
|
120
|
+
}
|
|
121
|
+
generateAppEntry(options) {
|
|
122
|
+
// SvelteKit uses +layout.svelte
|
|
123
|
+
const lines = [];
|
|
124
|
+
if (options.hasGlobalCSS) {
|
|
125
|
+
lines.push('<script lang="ts">');
|
|
126
|
+
lines.push(" import '$lib/styles/global.css';");
|
|
127
|
+
lines.push('</script>');
|
|
128
|
+
lines.push('');
|
|
129
|
+
}
|
|
130
|
+
lines.push('<slot />');
|
|
131
|
+
lines.push('');
|
|
132
|
+
return lines.join('\n');
|
|
133
|
+
}
|
|
134
|
+
generateRouting(options) {
|
|
135
|
+
const files = new Map();
|
|
136
|
+
// SvelteKit uses file-based routing in src/routes/
|
|
137
|
+
for (let i = 0; i < options.componentNames.length; i++) {
|
|
138
|
+
const name = options.componentNames[i];
|
|
139
|
+
const fileName = options.fileNames[i];
|
|
140
|
+
const isIndex = /^index\.html?$/i.test(fileName);
|
|
141
|
+
const kebab = toKebabCase(name);
|
|
142
|
+
// Use explicit route path if provided, otherwise derive from filename
|
|
143
|
+
const explicitPath = options.routePaths?.[i];
|
|
144
|
+
let routeDir;
|
|
145
|
+
if (explicitPath) {
|
|
146
|
+
routeDir = explicitPath === '/' ? '' : explicitPath.replace(/^\//, '');
|
|
147
|
+
}
|
|
148
|
+
else {
|
|
149
|
+
routeDir = isIndex ? '' : kebab;
|
|
150
|
+
}
|
|
151
|
+
const routePath = routeDir ? `routes/${routeDir}/+page.svelte` : 'routes/+page.svelte';
|
|
152
|
+
const content = [
|
|
153
|
+
'<script lang="ts">',
|
|
154
|
+
` import ${name} from '$lib/components/${kebab}.svelte';`,
|
|
155
|
+
'</script>',
|
|
156
|
+
'',
|
|
157
|
+
`<${name} />`,
|
|
158
|
+
'',
|
|
159
|
+
].join('\n');
|
|
160
|
+
files.set(routePath, content);
|
|
161
|
+
}
|
|
162
|
+
return files;
|
|
163
|
+
}
|
|
164
|
+
generateHooks(neededHooks, interactivePatterns) {
|
|
165
|
+
const files = new Map();
|
|
166
|
+
for (const hook of neededHooks) {
|
|
167
|
+
let content = '';
|
|
168
|
+
switch (hook) {
|
|
169
|
+
case 'useScrollReveal':
|
|
170
|
+
content = this.generateScrollRevealAction(interactivePatterns);
|
|
171
|
+
break;
|
|
172
|
+
case 'useScrollClass':
|
|
173
|
+
content = this.generateScrollClassAction();
|
|
174
|
+
break;
|
|
175
|
+
case 'useCounterAnimation':
|
|
176
|
+
content = this.generateCounterAnimationAction();
|
|
177
|
+
break;
|
|
178
|
+
case 'useInterval':
|
|
179
|
+
content = `export function useInterval(callback: () => void, delay: number | null) {
|
|
180
|
+
$effect(() => {
|
|
181
|
+
if (delay === null) return;
|
|
182
|
+
const id = setInterval(callback, delay);
|
|
183
|
+
return () => clearInterval(id);
|
|
184
|
+
});
|
|
185
|
+
}
|
|
186
|
+
`;
|
|
187
|
+
break;
|
|
188
|
+
case 'useTimeout':
|
|
189
|
+
content = `export function useTimeout(callback: () => void, delay: number | null) {
|
|
190
|
+
$effect(() => {
|
|
191
|
+
if (delay === null) return;
|
|
192
|
+
const id = setTimeout(callback, delay);
|
|
193
|
+
return () => clearTimeout(id);
|
|
194
|
+
});
|
|
195
|
+
}
|
|
196
|
+
`;
|
|
197
|
+
break;
|
|
198
|
+
case 'useFetch':
|
|
199
|
+
content = this.generateFetchHelper();
|
|
200
|
+
break;
|
|
201
|
+
default:
|
|
202
|
+
continue;
|
|
203
|
+
}
|
|
204
|
+
if (content)
|
|
205
|
+
files.set(`lib/hooks/${hook}.ts`, content);
|
|
206
|
+
}
|
|
207
|
+
return files;
|
|
208
|
+
}
|
|
209
|
+
generateErrorBoundary() {
|
|
210
|
+
return `<script lang="ts">
|
|
211
|
+
import { page } from '$app/stores';
|
|
212
|
+
|
|
213
|
+
let { error } = $derived($page);
|
|
214
|
+
</script>
|
|
215
|
+
|
|
216
|
+
{#if error}
|
|
217
|
+
<div style="padding: 2rem; text-align: center">
|
|
218
|
+
<h2>Something went wrong</h2>
|
|
219
|
+
<pre style="color: red; white-space: pre-wrap">{error.message}</pre>
|
|
220
|
+
<a href="/">Go Home</a>
|
|
221
|
+
</div>
|
|
222
|
+
{:else}
|
|
223
|
+
<slot />
|
|
224
|
+
{/if}
|
|
225
|
+
`;
|
|
226
|
+
}
|
|
227
|
+
// ── Private helpers ──────────────────────────────────────────────
|
|
228
|
+
jsxToSvelteTemplate(jsx) {
|
|
229
|
+
let template = jsx;
|
|
230
|
+
// React Router <Link to="/path"> → SvelteKit <a href="/path"> (SvelteKit handles routing via <a>)
|
|
231
|
+
template = template.replace(/<Link\b([^>]*?)to="([^"]*)"([^>]*?)>([\s\S]*?)<\/Link>/g, (_m, before, path, after, content) => {
|
|
232
|
+
const cleanBefore = before.replace(/\s*className=/g, ' class=');
|
|
233
|
+
const cleanAfter = after.replace(/\s*className=/g, ' class=');
|
|
234
|
+
return `<a${cleanBefore}href="${path}"${cleanAfter}>${content}</a>`;
|
|
235
|
+
});
|
|
236
|
+
// className -> class
|
|
237
|
+
template = template.replace(/className=/g, 'class=');
|
|
238
|
+
// className={`... ${expr} ...`} -> class="... {expr} ..."
|
|
239
|
+
template = template.replace(/class=\{`([^`]*)`\}/g, (_match, content) => {
|
|
240
|
+
const svelteExpr = content.replace(/\$\{([^}]+)\}/g, '{$1}');
|
|
241
|
+
return `class="${svelteExpr}"`;
|
|
242
|
+
});
|
|
243
|
+
// onClick={handler} -> on:click={handler}
|
|
244
|
+
template = template.replace(/onClick=\{(\w+)\}/g, 'onclick={$1}');
|
|
245
|
+
template = template.replace(/onClick=\{(?:\(\)\s*=>\s*)?(\w+)\(([^)]*)\)\s*\}/g, 'onclick={() => $1($2)}');
|
|
246
|
+
template = template.replace(/onChange=\{([^}]+)\}/g, 'onchange={$1}');
|
|
247
|
+
template = template.replace(/onSubmit=\{([^}]+)\}/g, 'onsubmit|preventDefault={$1}');
|
|
248
|
+
template = template.replace(/onKeyDown=\{([^}]+)\}/g, 'onkeydown={$1}');
|
|
249
|
+
// style={{ prop: val }} -> style="prop: val"
|
|
250
|
+
template = template.replace(/style=\{\{([^}]*)\}\}/g, (_m, inner) => {
|
|
251
|
+
const cssProps = inner.split(',').map((p) => {
|
|
252
|
+
const [key, val] = p.split(':').map(s => s.trim());
|
|
253
|
+
if (!key || !val)
|
|
254
|
+
return '';
|
|
255
|
+
const cssKey = key.replace(/([A-Z])/g, '-$1').toLowerCase();
|
|
256
|
+
const cssVal = val.replace(/['"]/g, '');
|
|
257
|
+
return `${cssKey}: ${cssVal}`;
|
|
258
|
+
}).filter(Boolean).join('; ');
|
|
259
|
+
return `style="${cssProps}"`;
|
|
260
|
+
});
|
|
261
|
+
// {expr} in text stays as {expr} in Svelte
|
|
262
|
+
// JSX uses {expr}, Svelte uses {expr} — same syntax!
|
|
263
|
+
// htmlFor -> for
|
|
264
|
+
template = template.replace(/htmlFor=/g, 'for=');
|
|
265
|
+
// Self-closing tags
|
|
266
|
+
template = template.replace(/<(img|input|br|hr|meta|link)([^>]*?)\/>/g, '<$1$2 />');
|
|
267
|
+
return template;
|
|
268
|
+
}
|
|
269
|
+
addComposableImportsAndCalls(body, options) {
|
|
270
|
+
const ip = options.analysis?.interactivePatterns;
|
|
271
|
+
if (!ip)
|
|
272
|
+
return;
|
|
273
|
+
if (ip.scrollReveals.length > 0 && options.customHooks.includes('useScrollReveal')) {
|
|
274
|
+
body.unshift(`import { useScrollReveal } from '$lib/hooks/useScrollReveal';`);
|
|
275
|
+
for (const sr of ip.scrollReveals) {
|
|
276
|
+
const mode = sr.property === 'animationPlayState' ? 'animation' : 'class';
|
|
277
|
+
body.push(`useScrollReveal('${sr.selector}', ${sr.threshold}, '${mode}');`);
|
|
278
|
+
}
|
|
279
|
+
}
|
|
280
|
+
if (ip.scrollClasses.length > 0 && options.customHooks.includes('useScrollClass')) {
|
|
281
|
+
body.unshift(`import { useScrollClass } from '$lib/hooks/useScrollClass';`);
|
|
282
|
+
for (const sc of ip.scrollClasses) {
|
|
283
|
+
body.push(`useScrollClass('${sc.elementSelector}', '${sc.className}', ${sc.threshold});`);
|
|
284
|
+
}
|
|
285
|
+
}
|
|
286
|
+
if (ip.counterAnimations.length > 0 && options.customHooks.includes('useCounterAnimation')) {
|
|
287
|
+
body.unshift(`import { useCounterAnimation } from '$lib/hooks/useCounterAnimation';`);
|
|
288
|
+
for (const ca of ip.counterAnimations) {
|
|
289
|
+
body.push(`useCounterAnimation('${ca.selector}');`);
|
|
290
|
+
}
|
|
291
|
+
}
|
|
292
|
+
}
|
|
293
|
+
generateScrollRevealAction(patterns) {
|
|
294
|
+
const threshold = patterns.scrollReveals[0]?.threshold ?? 0.1;
|
|
295
|
+
return `import { onMount, onDestroy } from 'svelte';
|
|
296
|
+
|
|
297
|
+
export function useScrollReveal(
|
|
298
|
+
selector: string,
|
|
299
|
+
threshold = ${threshold},
|
|
300
|
+
mode: 'animation' | 'class' = 'animation',
|
|
301
|
+
className = 'revealed'
|
|
302
|
+
) {
|
|
303
|
+
let observer: IntersectionObserver | null = null;
|
|
304
|
+
|
|
305
|
+
onMount(() => {
|
|
306
|
+
const elements = document.querySelectorAll<HTMLElement>(selector);
|
|
307
|
+
if (elements.length === 0) return;
|
|
308
|
+
|
|
309
|
+
if (mode === 'animation') {
|
|
310
|
+
elements.forEach((el) => { el.style.animationPlayState = 'paused'; });
|
|
311
|
+
}
|
|
312
|
+
|
|
313
|
+
observer = new IntersectionObserver(
|
|
314
|
+
(entries) => {
|
|
315
|
+
entries.forEach((entry) => {
|
|
316
|
+
if (entry.isIntersecting) {
|
|
317
|
+
const el = entry.target as HTMLElement;
|
|
318
|
+
if (mode === 'animation') {
|
|
319
|
+
el.style.animationPlayState = 'running';
|
|
320
|
+
} else {
|
|
321
|
+
el.classList.add(className);
|
|
322
|
+
}
|
|
323
|
+
observer?.unobserve(el);
|
|
324
|
+
}
|
|
325
|
+
});
|
|
326
|
+
},
|
|
327
|
+
{ threshold }
|
|
328
|
+
);
|
|
329
|
+
|
|
330
|
+
elements.forEach((el) => observer!.observe(el));
|
|
331
|
+
});
|
|
332
|
+
|
|
333
|
+
onDestroy(() => { observer?.disconnect(); });
|
|
334
|
+
}
|
|
335
|
+
`;
|
|
336
|
+
}
|
|
337
|
+
generateScrollClassAction() {
|
|
338
|
+
return `import { onMount, onDestroy } from 'svelte';
|
|
339
|
+
|
|
340
|
+
export function useScrollClass(selector: string, className: string, threshold = 50) {
|
|
341
|
+
let handler: (() => void) | null = null;
|
|
342
|
+
|
|
343
|
+
onMount(() => {
|
|
344
|
+
const el = document.querySelector(selector);
|
|
345
|
+
if (!el) return;
|
|
346
|
+
|
|
347
|
+
handler = () => {
|
|
348
|
+
if (window.scrollY > threshold) {
|
|
349
|
+
el.classList.add(className);
|
|
350
|
+
} else {
|
|
351
|
+
el.classList.remove(className);
|
|
352
|
+
}
|
|
353
|
+
};
|
|
354
|
+
|
|
355
|
+
window.addEventListener('scroll', handler, { passive: true });
|
|
356
|
+
handler();
|
|
357
|
+
});
|
|
358
|
+
|
|
359
|
+
onDestroy(() => {
|
|
360
|
+
if (handler) window.removeEventListener('scroll', handler);
|
|
361
|
+
});
|
|
362
|
+
}
|
|
363
|
+
`;
|
|
364
|
+
}
|
|
365
|
+
generateCounterAnimationAction() {
|
|
366
|
+
return `import { onMount, onDestroy } from 'svelte';
|
|
367
|
+
|
|
368
|
+
export function useCounterAnimation(selector: string) {
|
|
369
|
+
let observer: IntersectionObserver | null = null;
|
|
370
|
+
const timers: ReturnType<typeof setInterval>[] = [];
|
|
371
|
+
|
|
372
|
+
onMount(() => {
|
|
373
|
+
const elements = document.querySelectorAll<HTMLElement>(selector);
|
|
374
|
+
if (elements.length === 0) return;
|
|
375
|
+
|
|
376
|
+
observer = new IntersectionObserver(
|
|
377
|
+
(entries) => {
|
|
378
|
+
entries.forEach((entry) => {
|
|
379
|
+
if (entry.isIntersecting) {
|
|
380
|
+
const el = entry.target as HTMLElement;
|
|
381
|
+
const target = parseInt(el.getAttribute('data-target') || el.textContent || '0', 10);
|
|
382
|
+
let count = 0;
|
|
383
|
+
const steps = 40;
|
|
384
|
+
const step = target / steps;
|
|
385
|
+
|
|
386
|
+
const timer = setInterval(() => {
|
|
387
|
+
count = Math.min(count + step, target);
|
|
388
|
+
el.textContent = Math.floor(count).toLocaleString();
|
|
389
|
+
if (count >= target) clearInterval(timer);
|
|
390
|
+
}, 28);
|
|
391
|
+
|
|
392
|
+
timers.push(timer);
|
|
393
|
+
observer?.unobserve(el);
|
|
394
|
+
}
|
|
395
|
+
});
|
|
396
|
+
},
|
|
397
|
+
{ threshold: 0.5 }
|
|
398
|
+
);
|
|
399
|
+
|
|
400
|
+
elements.forEach((el) => observer!.observe(el));
|
|
401
|
+
});
|
|
402
|
+
|
|
403
|
+
onDestroy(() => {
|
|
404
|
+
observer?.disconnect();
|
|
405
|
+
timers.forEach(t => clearInterval(t));
|
|
406
|
+
});
|
|
407
|
+
}
|
|
408
|
+
`;
|
|
409
|
+
}
|
|
410
|
+
generateFetchHelper() {
|
|
411
|
+
return `export async function useFetch<T = unknown>(url: string, options?: RequestInit): Promise<{ data: T | null; error: string | null }> {
|
|
412
|
+
try {
|
|
413
|
+
const response = await fetch(url, options);
|
|
414
|
+
if (!response.ok) throw new Error(\`HTTP \${response.status}\`);
|
|
415
|
+
const data = await response.json();
|
|
416
|
+
return { data, error: null };
|
|
417
|
+
} catch (err) {
|
|
418
|
+
return { data: null, error: (err as Error).message };
|
|
419
|
+
}
|
|
420
|
+
}
|
|
421
|
+
`;
|
|
422
|
+
}
|
|
423
|
+
generatePackageJson(name, options) {
|
|
424
|
+
return JSON.stringify({
|
|
425
|
+
name: name.toLowerCase().replace(/[^a-z0-9-]/g, '-'),
|
|
426
|
+
private: true,
|
|
427
|
+
version: '0.0.0',
|
|
428
|
+
type: 'module',
|
|
429
|
+
scripts: {
|
|
430
|
+
dev: 'vite dev',
|
|
431
|
+
build: 'vite build',
|
|
432
|
+
preview: 'vite preview',
|
|
433
|
+
},
|
|
434
|
+
devDependencies: {
|
|
435
|
+
'@sveltejs/adapter-auto': '^3.0.0',
|
|
436
|
+
'@sveltejs/kit': '^2.0.0',
|
|
437
|
+
'@sveltejs/vite-plugin-svelte': '^4.0.0',
|
|
438
|
+
svelte: '^5.0.0',
|
|
439
|
+
'svelte-check': '^4.0.0',
|
|
440
|
+
typescript: '^5.7.0',
|
|
441
|
+
vite: '^6.0.0',
|
|
442
|
+
...(options.useTailwind ? {
|
|
443
|
+
tailwindcss: '^4.0.0',
|
|
444
|
+
'@tailwindcss/postcss': '^4.0.0',
|
|
445
|
+
postcss: '^8.4.0',
|
|
446
|
+
} : {}),
|
|
447
|
+
},
|
|
448
|
+
}, null, 2);
|
|
449
|
+
}
|
|
450
|
+
generateTsConfig() {
|
|
451
|
+
return JSON.stringify({
|
|
452
|
+
extends: './.svelte-kit/tsconfig.json',
|
|
453
|
+
compilerOptions: {
|
|
454
|
+
allowJs: true,
|
|
455
|
+
checkJs: true,
|
|
456
|
+
esModuleInterop: true,
|
|
457
|
+
forceConsistentCasingInFileNames: true,
|
|
458
|
+
resolveJsonModule: true,
|
|
459
|
+
skipLibCheck: true,
|
|
460
|
+
sourceMap: true,
|
|
461
|
+
strict: true,
|
|
462
|
+
moduleResolution: 'bundler',
|
|
463
|
+
},
|
|
464
|
+
}, null, 2);
|
|
465
|
+
}
|
|
466
|
+
generateSvelteConfig() {
|
|
467
|
+
return `import adapter from '@sveltejs/adapter-auto';
|
|
468
|
+
import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
|
|
469
|
+
|
|
470
|
+
/** @type {import('@sveltejs/kit').Config} */
|
|
471
|
+
const config = {
|
|
472
|
+
preprocess: vitePreprocess(),
|
|
473
|
+
kit: {
|
|
474
|
+
adapter: adapter(),
|
|
475
|
+
},
|
|
476
|
+
};
|
|
477
|
+
|
|
478
|
+
export default config;
|
|
479
|
+
`;
|
|
480
|
+
}
|
|
481
|
+
generateViteConfig() {
|
|
482
|
+
return `import { sveltekit } from '@sveltejs/kit/vite';
|
|
483
|
+
import { defineConfig } from 'vite';
|
|
484
|
+
|
|
485
|
+
export default defineConfig({
|
|
486
|
+
plugins: [sveltekit()],
|
|
487
|
+
});
|
|
488
|
+
`;
|
|
489
|
+
}
|
|
490
|
+
generateAppHtml(title, options) {
|
|
491
|
+
const extStyles = (options.externalStyles || []).map(href => ` <link rel="stylesheet" href="${href}" />`).join('\n');
|
|
492
|
+
return `<!doctype html>
|
|
493
|
+
<html lang="en">
|
|
494
|
+
<head>
|
|
495
|
+
<meta charset="utf-8" />
|
|
496
|
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
497
|
+
<title>${title}</title>
|
|
498
|
+
${extStyles}
|
|
499
|
+
%sveltekit.head%
|
|
500
|
+
</head>
|
|
501
|
+
<body data-sveltekit-preload-data="hover">
|
|
502
|
+
<div style="display: contents">%sveltekit.body%</div>
|
|
503
|
+
</body>
|
|
504
|
+
</html>
|
|
505
|
+
`;
|
|
506
|
+
}
|
|
507
|
+
generateAppDts() {
|
|
508
|
+
return `/// <reference types="@sveltejs/kit" />
|
|
509
|
+
|
|
510
|
+
declare namespace App {
|
|
511
|
+
// interface Error {}
|
|
512
|
+
// interface Locals {}
|
|
513
|
+
// interface PageData {}
|
|
514
|
+
// interface Platform {}
|
|
515
|
+
}
|
|
516
|
+
`;
|
|
517
|
+
}
|
|
518
|
+
}
|
|
519
|
+
//# sourceMappingURL=svelte-adapter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"svelte-adapter.js","sourceRoot":"","sources":["../../src/frameworks/svelte-adapter.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Framework adapter interface and shared types.
|
|
3
|
+
*
|
|
4
|
+
* Each target framework (React, Next.js, Vue, Svelte, Angular) implements
|
|
5
|
+
* FrameworkAdapter to generate its own project scaffolding, components,
|
|
6
|
+
* routing, and state management from the same parsed HTML/CSS/JS analysis.
|
|
7
|
+
*/
|
|
8
|
+
import type { ExtractedComponent } from '../types.js';
|
|
9
|
+
import type { AnalyzedJS, InteractivePatterns } from '../parsers/js-analyzer.js';
|
|
10
|
+
import type { ScaffoldOptions } from '../generators/scaffolder.js';
|
|
11
|
+
export type FrameworkTarget = 'react' | 'nextjs' | 'vue' | 'svelte' | 'angular';
|
|
12
|
+
export interface FrameworkAdapter {
|
|
13
|
+
/** Human-readable name, e.g. "Next.js (App Router)" */
|
|
14
|
+
readonly name: string;
|
|
15
|
+
/** Target framework identifier */
|
|
16
|
+
readonly target: FrameworkTarget;
|
|
17
|
+
/** File extension for component files, e.g. '.tsx', '.vue', '.svelte', '.ts' */
|
|
18
|
+
readonly componentExtension: string;
|
|
19
|
+
/**
|
|
20
|
+
* Scaffold the project structure: package.json, config files, entry point, etc.
|
|
21
|
+
*/
|
|
22
|
+
scaffoldProject(outputDir: string, projectName: string, options: FrameworkScaffoldOptions): Promise<void>;
|
|
23
|
+
/**
|
|
24
|
+
* Render a component file from the extracted component data.
|
|
25
|
+
* Returns the full file contents as a string.
|
|
26
|
+
*/
|
|
27
|
+
renderComponent(component: ExtractedComponent, options: ComponentRenderOptions): string;
|
|
28
|
+
/**
|
|
29
|
+
* Generate the app entry / root layout that imports all page components.
|
|
30
|
+
* For React: App.tsx, for Next.js: layout.tsx + page.tsx, for Vue: App.vue, etc.
|
|
31
|
+
*/
|
|
32
|
+
generateAppEntry(options: AppEntryOptions): string;
|
|
33
|
+
/**
|
|
34
|
+
* Generate router/routing setup if multi-page.
|
|
35
|
+
* Returns a map of file path (relative to output src) -> content.
|
|
36
|
+
*/
|
|
37
|
+
generateRouting(options: RoutingOptions): Map<string, string>;
|
|
38
|
+
/**
|
|
39
|
+
* Generate custom hooks / composables / lifecycle equivalents.
|
|
40
|
+
* Returns a map of file path (relative to output src) -> content.
|
|
41
|
+
*/
|
|
42
|
+
generateHooks(neededHooks: string[], interactivePatterns: InteractivePatterns): Map<string, string>;
|
|
43
|
+
/**
|
|
44
|
+
* Generate error boundary or equivalent error handling component.
|
|
45
|
+
*/
|
|
46
|
+
generateErrorBoundary(): string;
|
|
47
|
+
}
|
|
48
|
+
export interface FrameworkScaffoldOptions extends ScaffoldOptions {
|
|
49
|
+
useRouter: boolean;
|
|
50
|
+
useTailwind: boolean;
|
|
51
|
+
}
|
|
52
|
+
export interface ComponentRenderOptions {
|
|
53
|
+
cssModules: boolean;
|
|
54
|
+
customHooks: string[];
|
|
55
|
+
analysis?: AnalyzedJS;
|
|
56
|
+
subComponentImports?: string[];
|
|
57
|
+
/** Framework-specific: whether this is a page or a sub-component */
|
|
58
|
+
isPage?: boolean;
|
|
59
|
+
/** For Next.js: whether to add 'use client' directive */
|
|
60
|
+
isClientComponent?: boolean;
|
|
61
|
+
}
|
|
62
|
+
export interface AppEntryOptions {
|
|
63
|
+
componentNames: string[];
|
|
64
|
+
hasGlobalCSS: boolean;
|
|
65
|
+
errorBoundary: boolean;
|
|
66
|
+
tailwind: boolean;
|
|
67
|
+
isMultiPage: boolean;
|
|
68
|
+
}
|
|
69
|
+
export interface RoutingOptions {
|
|
70
|
+
componentNames: string[];
|
|
71
|
+
fileNames: string[];
|
|
72
|
+
hasGlobalCSS: boolean;
|
|
73
|
+
errorBoundary: boolean;
|
|
74
|
+
tailwind: boolean;
|
|
75
|
+
/** Explicit route paths (e.g. from hash-based SPA routing). If provided, overrides file-name-derived paths. */
|
|
76
|
+
routePaths?: string[];
|
|
77
|
+
}
|
|
78
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/frameworks/types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,EAAc,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACjF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAEnE,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEhF,MAAM,WAAW,gBAAgB;IAC/B,uDAAuD;IACvD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAEtB,kCAAkC;IAClC,QAAQ,CAAC,MAAM,EAAE,eAAe,CAAC;IAEjC,gFAAgF;IAChF,QAAQ,CAAC,kBAAkB,EAAE,MAAM,CAAC;IAEpC;;OAEG;IACH,eAAe,CACb,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,wBAAwB,GAChC,OAAO,CAAC,IAAI,CAAC,CAAC;IAEjB;;;OAGG;IACH,eAAe,CACb,SAAS,EAAE,kBAAkB,EAC7B,OAAO,EAAE,sBAAsB,GAC9B,MAAM,CAAC;IAEV;;;OAGG;IACH,gBAAgB,CAAC,OAAO,EAAE,eAAe,GAAG,MAAM,CAAC;IAEnD;;;OAGG;IACH,eAAe,CAAC,OAAO,EAAE,cAAc,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAE9D;;;OAGG;IACH,aAAa,CACX,WAAW,EAAE,MAAM,EAAE,EACrB,mBAAmB,EAAE,mBAAmB,GACvC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEvB;;OAEG;IACH,qBAAqB,IAAI,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,wBAAyB,SAAQ,eAAe;IAC/D,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,eAAe;IAC9B,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,+GAA+G;IAC/G,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/frameworks/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import type { FrameworkAdapter, FrameworkScaffoldOptions, ComponentRenderOptions, AppEntryOptions, RoutingOptions } from './types.js';
|
|
2
|
+
import type { ExtractedComponent } from '../types.js';
|
|
3
|
+
import type { InteractivePatterns } from '../parsers/js-analyzer.js';
|
|
4
|
+
export declare class VueAdapter implements FrameworkAdapter {
|
|
5
|
+
readonly name = "Vite + Vue 3 + TypeScript";
|
|
6
|
+
readonly target: "vue";
|
|
7
|
+
readonly componentExtension = ".vue";
|
|
8
|
+
scaffoldProject(outputDir: string, projectName: string, options: FrameworkScaffoldOptions): Promise<void>;
|
|
9
|
+
renderComponent(component: ExtractedComponent, options: ComponentRenderOptions): string;
|
|
10
|
+
generateAppEntry(options: AppEntryOptions): string;
|
|
11
|
+
generateRouting(options: RoutingOptions): Map<string, string>;
|
|
12
|
+
generateHooks(neededHooks: string[], interactivePatterns: InteractivePatterns): Map<string, string>;
|
|
13
|
+
generateErrorBoundary(): string;
|
|
14
|
+
/**
|
|
15
|
+
* Convert JSX syntax to Vue template syntax.
|
|
16
|
+
*/
|
|
17
|
+
private jsxToVueTemplate;
|
|
18
|
+
private addComposableImports;
|
|
19
|
+
private addComposableCalls;
|
|
20
|
+
private generateScrollRevealComposable;
|
|
21
|
+
private generateScrollClassComposable;
|
|
22
|
+
private generateCounterAnimationComposable;
|
|
23
|
+
private generateIntervalComposable;
|
|
24
|
+
private generateTimeoutComposable;
|
|
25
|
+
private generateFetchComposable;
|
|
26
|
+
private generatePackageJson;
|
|
27
|
+
private generateTsConfig;
|
|
28
|
+
private generateTsConfigApp;
|
|
29
|
+
private generateTsConfigNode;
|
|
30
|
+
private generateViteConfig;
|
|
31
|
+
private generateIndexHtml;
|
|
32
|
+
private generateMain;
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=vue-adapter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vue-adapter.d.ts","sourceRoot":"","sources":["../../src/frameworks/vue-adapter.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,sBAAsB,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACtI,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAIrE,qBAAa,UAAW,YAAW,gBAAgB;IACjD,QAAQ,CAAC,IAAI,+BAA+B;IAC5C,QAAQ,CAAC,MAAM,EAAG,KAAK,CAAU;IACjC,QAAQ,CAAC,kBAAkB,UAAU;IAE/B,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,wBAAwB,GAAG,OAAO,CAAC,IAAI,CAAC;IA8B/G,eAAe,CAAC,SAAS,EAAE,kBAAkB,EAAE,OAAO,EAAE,sBAAsB,GAAG,MAAM;IA2HvF,gBAAgB,CAAC,OAAO,EAAE,eAAe,GAAG,MAAM;IAqBlD,eAAe,CAAC,OAAO,EAAE,cAAc,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;IA4C7D,aAAa,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,mBAAmB,EAAE,mBAAmB,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;IAuCnG,qBAAqB,IAAI,MAAM;IA2B/B;;OAEG;IACH,OAAO,CAAC,gBAAgB;IA+CxB,OAAO,CAAC,oBAAoB;IAa5B,OAAO,CAAC,kBAAkB;IAwB1B,OAAO,CAAC,8BAA8B;IA6CtC,OAAO,CAAC,6BAA6B;IA6BrC,OAAO,CAAC,kCAAkC;IA8C1C,OAAO,CAAC,0BAA0B;IAgBlC,OAAO,CAAC,yBAAyB;IAgBjC,OAAO,CAAC,uBAAuB;IAyB/B,OAAO,CAAC,mBAAmB;IA+B3B,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,mBAAmB;IAsB3B,OAAO,CAAC,oBAAoB;IAkB5B,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,iBAAiB;IAkBzB,OAAO,CAAC,YAAY;CAiBrB"}
|