create-sv-router 0.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.
Files changed (28) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +33 -0
  3. package/dist/index.js +10408 -0
  4. package/dist/package.json +3 -0
  5. package/package.json +36 -0
  6. package/templates/code-based/README.md +9 -0
  7. package/templates/code-based/index.html +13 -0
  8. package/templates/code-based/package.json +22 -0
  9. package/templates/code-based/src/App.svelte +10 -0
  10. package/templates/code-based/src/main.ts +4 -0
  11. package/templates/code-based/src/router.ts +8 -0
  12. package/templates/code-based/src/routes/About.svelte +3 -0
  13. package/templates/code-based/src/routes/Home.svelte +3 -0
  14. package/templates/code-based/src/vite-env.d.ts +2 -0
  15. package/templates/code-based/svelte.config.js +6 -0
  16. package/templates/code-based/tsconfig.json +13 -0
  17. package/templates/code-based/vite.config.ts +6 -0
  18. package/templates/file-based/README.md +9 -0
  19. package/templates/file-based/index.html +13 -0
  20. package/templates/file-based/package.json +23 -0
  21. package/templates/file-based/src/App.svelte +9 -0
  22. package/templates/file-based/src/main.ts +4 -0
  23. package/templates/file-based/src/routes/about.svelte +3 -0
  24. package/templates/file-based/src/routes/index.svelte +3 -0
  25. package/templates/file-based/src/vite-env.d.ts +2 -0
  26. package/templates/file-based/svelte.config.js +6 -0
  27. package/templates/file-based/tsconfig.json +13 -0
  28. package/templates/file-based/vite.config.ts +7 -0
package/dist/package.json ADDED
@@ -0,0 +1,3 @@
1
+ {
2
+ "type": "module"
3
+ }
package/package.json ADDED
@@ -0,0 +1,36 @@
1
+ {
2
+ "name": "create-sv-router",
3
+ "version": "0.1.0",
4
+ "description": "Modern Svelte Routing",
5
+ "keywords": [
6
+ "svelte",
7
+ "router",
8
+ "spa"
9
+ ],
10
+ "homepage": "https://github.com/colinlienard/sv-router",
11
+ "bugs": {
12
+ "url": "https://github.com/colinlienard/sv-router/issues"
13
+ },
14
+ "repository": {
15
+ "type": "git",
16
+ "url": "git+https://github.com/colinlienard/sv-router.git"
17
+ },
18
+ "license": "MIT",
19
+ "type": "module",
20
+ "bin": "./dist/index.js",
21
+ "files": [
22
+ "dist",
23
+ "templates"
24
+ ],
25
+ "dependencies": {
26
+ "@clack/prompts": "^0.10.1",
27
+ "execa": "^9.5.2"
28
+ },
29
+ "devDependencies": {
30
+ "@vercel/ncc": "^0.38.3"
31
+ },
32
+ "scripts": {
33
+ "dev": "node src",
34
+ "build": "ncc build src/index.js"
35
+ }
36
+ }
package/templates/code-based/README.md ADDED
@@ -0,0 +1,9 @@
1
+ # sv-router | Code-Based Template
2
+
3
+ Check the [documentation](https://sv-router.vercel.app/guide/code-based/routing-concepts).
4
+
5
+ Start the dev server:
6
+
7
+ ```
8
+ npm run dev
9
+ ```
package/templates/code-based/index.html ADDED
@@ -0,0 +1,13 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <link rel="icon" type="image/svg+xml" href="/vite.svg" />
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
+ <title>sv-router Starter</title>
8
+ </head>
9
+ <body>
10
+ <div id="app" style="display: contents"></div>
11
+ <script type="module" src="/src/main.ts"></script>
12
+ </body>
13
+ </html>
package/templates/code-based/package.json ADDED
@@ -0,0 +1,22 @@
1
+ {
2
+ "name": "svelte-app",
3
+ "private": true,
4
+ "type": "module",
5
+ "scripts": {
6
+ "dev": "vite",
7
+ "build": "vite build",
8
+ "preview": "vite preview",
9
+ "check": "svelte-check"
10
+ },
11
+ "dependencies": {
12
+ "sv-router": "latest"
13
+ },
14
+ "devDependencies": {
15
+ "@sveltejs/vite-plugin-svelte": "^5.0.3",
16
+ "@tsconfig/svelte": "^5.0.4",
17
+ "svelte": "^5.20.2",
18
+ "svelte-check": "^4.1.4",
19
+ "typescript": "~5.7.2",
20
+ "vite": "^6.2.0"
21
+ }
22
+ }
package/templates/code-based/src/App.svelte ADDED
@@ -0,0 +1,10 @@
1
+ <script lang="ts">
2
+ import './router.ts';
3
+ import { Router } from 'sv-router';
4
+ import { p } from './router';
5
+ </script>
6
+
7
+ <a href={p('/')}>Home</a>
8
+ <a href={p('/about')}>About</a>
9
+
10
+ <Router />
package/templates/code-based/src/main.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { mount } from 'svelte';
2
+ import App from './App.svelte';
3
+
4
+ mount(App, { target: document.querySelector('#app')! });
package/templates/code-based/src/router.ts ADDED
@@ -0,0 +1,8 @@
1
+ import { createRouter } from 'sv-router';
2
+ import About from './routes/About.svelte';
3
+ import Home from './routes/Home.svelte';
4
+
5
+ export const { p, navigate, isActive, route } = createRouter({
6
+ '/': Home,
7
+ '/about': About,
8
+ });
package/templates/code-based/src/routes/About.svelte ADDED
@@ -0,0 +1,3 @@
1
+ <script lang="ts"></script>
2
+
3
+ <h1>About</h1>
package/templates/code-based/src/routes/Home.svelte ADDED
@@ -0,0 +1,3 @@
1
+ <script lang="ts"></script>
2
+
3
+ <h1>Home</h1>
package/templates/code-based/src/vite-env.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ /// <reference types="svelte" />
2
+ /// <reference types="vite/client" />
package/templates/code-based/svelte.config.js ADDED
@@ -0,0 +1,6 @@
1
+ /** @type {import('@sveltejs/vite-plugin-svelte').SvelteConfig} */
2
+ export default {
3
+ compilerOptions: {
4
+ runes: true,
5
+ },
6
+ };
package/templates/code-based/tsconfig.json ADDED
@@ -0,0 +1,13 @@
1
+ {
2
+ "compilerOptions": {
3
+ "target": "ES2020",
4
+ "module": "preserve",
5
+ "moduleResolution": "bundler",
6
+ "esModuleInterop": true,
7
+ "strict": true,
8
+ "noEmit": true,
9
+ "verbatimModuleSyntax": true,
10
+ "skipLibCheck": true
11
+ },
12
+ "include": ["src/**/*.ts", "src/**/*.svelte"]
13
+ }
package/templates/code-based/vite.config.ts ADDED
@@ -0,0 +1,6 @@
1
+ import { svelte } from '@sveltejs/vite-plugin-svelte';
2
+ import { defineConfig } from 'vite';
3
+
4
+ export default defineConfig({
5
+ plugins: [svelte()],
6
+ });
package/templates/file-based/README.md ADDED
@@ -0,0 +1,9 @@
1
+ # sv-router | File-Based Template
2
+
3
+ Check the [documentation](https://sv-router.vercel.app/guide/file-based/routing-concepts).
4
+
5
+ Start the dev server:
6
+
7
+ ```
8
+ npm run dev
9
+ ```
package/templates/file-based/index.html ADDED
@@ -0,0 +1,13 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <link rel="icon" type="image/svg+xml" href="/vite.svg" />
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
+ <title>sv-router Starter</title>
8
+ </head>
9
+ <body>
10
+ <div id="app" style="display: contents"></div>
11
+ <script type="module" src="/src/main.ts"></script>
12
+ </body>
13
+ </html>
package/templates/file-based/package.json ADDED
@@ -0,0 +1,23 @@
1
+ {
2
+ "name": "svelte-app",
3
+ "private": true,
4
+ "type": "module",
5
+ "scripts": {
6
+ "dev": "vite",
7
+ "build": "vite build",
8
+ "preview": "vite preview",
9
+ "check": "svelte-check",
10
+ "postinstall": "sv-router"
11
+ },
12
+ "dependencies": {
13
+ "sv-router": "latest"
14
+ },
15
+ "devDependencies": {
16
+ "@sveltejs/vite-plugin-svelte": "^5.0.3",
17
+ "@tsconfig/svelte": "^5.0.4",
18
+ "svelte": "^5.20.2",
19
+ "svelte-check": "^4.1.4",
20
+ "typescript": "~5.7.2",
21
+ "vite": "^6.2.0"
22
+ }
23
+ }
package/templates/file-based/src/App.svelte ADDED
@@ -0,0 +1,9 @@
1
+ <script lang="ts">
2
+ import { Router } from 'sv-router';
3
+ import { p } from 'sv-router/generated';
4
+ </script>
5
+
6
+ <a href={p('/')}>Home</a>
7
+ <a href={p('/about')}>About</a>
8
+
9
+ <Router />
package/templates/file-based/src/main.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { mount } from 'svelte';
2
+ import App from './App.svelte';
3
+
4
+ mount(App, { target: document.querySelector('#app')! });
package/templates/file-based/src/routes/about.svelte ADDED
@@ -0,0 +1,3 @@
1
+ <script lang="ts"></script>
2
+
3
+ <h1>About</h1>
package/templates/file-based/src/routes/index.svelte ADDED
@@ -0,0 +1,3 @@
1
+ <script lang="ts"></script>
2
+
3
+ <h1>Home</h1>
package/templates/file-based/src/vite-env.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ /// <reference types="svelte" />
2
+ /// <reference types="vite/client" />
package/templates/file-based/svelte.config.js ADDED
@@ -0,0 +1,6 @@
1
+ /** @type {import('@sveltejs/vite-plugin-svelte').SvelteConfig} */
2
+ export default {
3
+ compilerOptions: {
4
+ runes: true,
5
+ },
6
+ };
package/templates/file-based/tsconfig.json ADDED
@@ -0,0 +1,13 @@
1
+ {
2
+ "extends": ["./.router/tsconfig.json"],
3
+ "compilerOptions": {
4
+ "target": "ES2020",
5
+ "module": "preserve",
6
+ "moduleResolution": "bundler",
7
+ "esModuleInterop": true,
8
+ "strict": true,
9
+ "noEmit": true,
10
+ "verbatimModuleSyntax": true,
11
+ "skipLibCheck": true
12
+ }
13
+ }
package/templates/file-based/vite.config.ts ADDED
@@ -0,0 +1,7 @@
1
+ import { svelte } from '@sveltejs/vite-plugin-svelte';
2
+ import { router } from 'sv-router/vite-plugin';
3
+ import { defineConfig } from 'vite';
4
+
5
+ export default defineConfig({
6
+ plugins: [svelte(), router()],
7
+ });