add runes support

GaryB432 · Sep 27, 2024 · ba5f9ce · ba5f9ce
1 parent f821c83
commit ba5f9ce
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 3 deletions.
diff --git a/src/sveltekit-component/index.ts b/src/sveltekit-component/index.ts
@@ -37,6 +37,7 @@ function normalizeOptions(options: Options): Options {
 }
 
 export default function (options: Options): Rule {
+  if (!options.runes) throw new Error('only runes mode is supported');
   const opts = normalizeOptions(options);
   const directory = opts.directory ?? 'lib/components';
   const projectRoot = (opts.projectRoot ?? '.') as Path;
@@ -46,7 +47,7 @@ export default function (options: Options): Rule {
     if (!tree.exists(normalize(join(projectRoot, 'svelte.config.js')))) {
       context.logger.warn(`no svelte configuration found in '${projectRoot}'`);
     }
-    const templateSource = apply(url('./files'), [
+    const templateSource = apply(url('./files/v2/runes'), [
       applyTemplates({ ...opts, ...strings }),
       move(normalize(join(projectRoot, 'src', parsedPath.path))),
     ]);

diff --git a/src/sveltekit-component/index_spec.ts b/src/sveltekit-component/index_spec.ts
@@ -16,6 +16,9 @@ describe('sveltekit-component', () => {
     expect(tree.files).toEqual(
       jasmine.arrayWithExactContents(['/src/lib/components/Tester.svelte'])
     );
+    expect(tree.readContent('/src/lib/components/Tester.svelte')).not.toContain(
+      'export let'
+    );
   });
 
   it('works with directory', async () => {

diff --git a/src/sveltekit-component/schema.json b/src/sveltekit-component/schema.json
@@ -33,6 +33,11 @@
     "projectRoot": {
       "type": "string",
       "description": "Svelte App root directory"
+    },
+    "runes": {
+      "type": "boolean",
+      "description": "Use runes for reactivitty",
+      "default": true
     }
   },
   "additionalProperties": false,

diff --git a/src/sveltekit-route/index.ts b/src/sveltekit-route/index.ts
@@ -40,10 +40,11 @@ function normalizeOptions(o: Options): Required<Options> {
   const endpoint = o.endpoint ?? false;
   const skipTests = o.skipTests ?? false;
   const projectRoot = o.projectRoot ?? '.';
-  return { ...o, path, style, skipTests, endpoint, projectRoot };
+  return { ...o, path, style, skipTests, endpoint, projectRoot, runes: true };
 }
 
 export default function (opts: Options): Rule {
+  if (!opts.runes) throw new Error('only runes mode is supported');
   return async (tree: Tree, context: SchematicContext) => {
     const options = normalizeOptions(opts);
     if (!tree.exists(join(options.projectRoot as Path, 'svelte.config.js'))) {
@@ -53,7 +54,7 @@ export default function (opts: Options): Rule {
     const parsedPath = parseName(options.path, options.name);
     options.name = parsedPath.name;
     options.path = parsedPath.path;
-    const templateSource = apply(url('./files/v0'), [
+    const templateSource = apply(url('./files/v2/runes'), [
       applyTemplates({
         ...strings,
         ...options,

diff --git a/src/sveltekit-route/index_spec.ts b/src/sveltekit-route/index_spec.ts
@@ -20,6 +20,9 @@ describe('sveltekit-route', () => {
         '/tests/tester.spec.ts',
       ])
     );
+    expect(tree.readContent('/src/routes/tester/+page.svelte')).toContain(
+      '$props()'
+    );
   });
 });
 

diff --git a/src/sveltekit-route/schema.json b/src/sveltekit-route/schema.json
@@ -49,6 +49,11 @@
       },
       "description": "The path to your project root, relative to the current workspace. Default is workingDirectory",
       "visible": false
+    },
+    "runes": {
+      "type": "boolean",
+      "description": "Use runes for reactivitty",
+      "default": true
     }
   },
   "required": ["name"]