npm - create-sv-router - Versions diffs - 0.1.2 → 0.2.1 - Mend

create-sv-router 0.1.2 → 0.2.1

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 (52) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "create-sv-router",
-  "version": "0.1.2",
+  "version": "0.2.1",
   "description": "Modern Svelte Routing",
   "keywords": [
     "svelte",
@@ -23,11 +23,11 @@
     "templates"
   ],
   "dependencies": {
-    "@clack/prompts": "^0.10.1",
-    "execa": "^9.5.2"
+    "@clack/prompts": "^1.1.0",
+    "execa": "^9.6.1"
   },
   "devDependencies": {
-    "@vercel/ncc": "^0.38.3"
+    "@vercel/ncc": "^0.38.4"
   },
   "scripts": {
     "dev": "node src",

package/templates/{code-based → code-based-js}/README.md RENAMED Viewed

@@ -1,6 +1,6 @@
 # sv-router | Code-Based Template
-Check the [documentation](https://sv-router.vercel.app/guide/code-based/routing-concepts).
+Check the [documentation](https://sv-router.vercel.app/guide/code-based/route-definition).
 Start the dev server:

package/templates/code-based-js/index.html ADDED Viewed

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<link rel="icon" type="image/svg+xml" href="/vite.svg" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<title>sv-router Starter</title>
+	</head>
+	<body>
+		<div id="app" style="display: contents"></div>
+		<script type="module" src="/src/main.js"></script>
+	</body>
+</html>

package/templates/{code-based → code-based-js}/package.json RENAMED Viewed

@@ -12,10 +12,10 @@
 		"sv-router": "latest"
 	},
 	"devDependencies": {
-		"@sveltejs/vite-plugin-svelte": "^5.0.3",
-		"svelte": "^5.20.2",
-		"svelte-check": "^4.1.4",
-		"typescript": "~5.7.2",
-		"vite": "^6.2.0"
+		"@sveltejs/vite-plugin-svelte": "^7.0.0",
+		"svelte": "^5.55.3",
+		"svelte-check": "^4.4.6",
+		"typescript": "^6.0.2",
+		"vite": "^8.0.8"
 	}
 }

package/templates/code-based-js/src/App.svelte ADDED Viewed

@@ -0,0 +1,9 @@
+<script>
+	import { Router } from 'sv-router';
+	import { p } from './router';
+</script>
+<a href={p('/')}>Home</a>
+<a href={p('/about')}>About</a>
+<Router />

package/templates/code-based-js/src/main.js ADDED Viewed

@@ -0,0 +1,6 @@
+import { mount } from 'svelte';
+import App from './App.svelte';
+mount(App, {
+	target: /** @type {HTMLElement} */ (document.querySelector('#app')),
+});

package/templates/code-based-js/src/routes/About.svelte ADDED Viewed

@@ -0,0 +1,5 @@
+<script></script>
+<h1>About</h1>
+<p>This is another page</p>

package/templates/code-based-js/src/routes/Home.svelte ADDED Viewed

@@ -0,0 +1,12 @@
+<script></script>
+<h1>Home</h1>
+<p>
+	Check out the <a
+		href="https://sv-router.vercel.app/guide/code-based/route-definition"
+		target="_blank"
+	>
+		documentation
+	</a>
+</p>

package/templates/code-based-js/tsconfig.json ADDED Viewed

@@ -0,0 +1,15 @@
+{
+	"compilerOptions": {
+		"target": "ES2020",
+		"module": "preserve",
+		"moduleResolution": "bundler",
+		"esModuleInterop": true,
+		"strict": true,
+		"noEmit": true,
+		"verbatimModuleSyntax": true,
+		"skipLibCheck": true,
+		"allowJs": true,
+		"checkJs": true
+	},
+	"include": ["src/**/*.js", "src/**/*.svelte"]
+}

package/templates/code-based-ts/README.md ADDED Viewed

@@ -0,0 +1,9 @@
+# sv-router | Code-Based Template
+Check the [documentation](https://sv-router.vercel.app/guide/code-based/route-definition).
+Start the dev server:
+```
+npm run dev
+```

package/templates/code-based-ts/gitignore ADDED Viewed

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+node_modules
+dist
+dist-ssr
+*.local
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

package/templates/code-based-ts/package.json ADDED Viewed

@@ -0,0 +1,21 @@
+{
+	"name": "svelte-app",
+	"private": true,
+	"type": "module",
+	"scripts": {
+		"dev": "vite",
+		"build": "vite build",
+		"preview": "vite preview",
+		"check": "svelte-check"
+	},
+	"dependencies": {
+		"sv-router": "latest"
+	},
+	"devDependencies": {
+		"@sveltejs/vite-plugin-svelte": "^7.0.0",
+		"svelte": "^5.55.3",
+		"svelte-check": "^4.4.6",
+		"typescript": "^6.0.2",
+		"vite": "^8.0.8"
+	}
+}

package/templates/code-based-ts/src/router.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { createRouter } from 'sv-router';
+import About from './routes/About.svelte';
+import Home from './routes/Home.svelte';
+export const { p, navigate, isActive, route } = createRouter({
+	'/': Home,
+	'/about': About,
+});

package/templates/{code-based → code-based-ts}/src/routes/Home.svelte RENAMED Viewed

@@ -4,7 +4,7 @@
 <p>
 	Check out the <a
-		href="https://sv-router.vercel.app/guide/code-based/routing-concepts"
+		href="https://sv-router.vercel.app/guide/code-based/route-definition"
 		target="_blank"
 	>
 		documentation

package/templates/code-based-ts/vite.config.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+import { defineConfig } from 'vite';
+export default defineConfig({
+	plugins: [svelte()],
+});

package/templates/{file-based → file-based-js}/README.md RENAMED Viewed

@@ -1,6 +1,6 @@
 # sv-router | File-Based Template
-Check the [documentation](https://sv-router.vercel.app/guide/file-based/routing-concepts).
+Check the [documentation](https://sv-router.vercel.app/guide/file-based/route-definition).
 Start the dev server:

package/templates/file-based-js/index.html ADDED Viewed

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<link rel="icon" type="image/svg+xml" href="/vite.svg" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<title>sv-router Starter</title>
+	</head>
+	<body>
+		<div id="app" style="display: contents"></div>
+		<script type="module" src="/src/main.js"></script>
+	</body>
+</html>

package/templates/file-based-js/package.json ADDED Viewed

@@ -0,0 +1,22 @@
+{
+	"name": "svelte-app",
+	"private": true,
+	"type": "module",
+	"scripts": {
+		"dev": "vite",
+		"build": "vite build",
+		"preview": "vite preview",
+		"check": "svelte-check",
+		"postinstall": "sv-router --js"
+	},
+	"dependencies": {
+		"sv-router": "latest"
+	},
+	"devDependencies": {
+		"@sveltejs/vite-plugin-svelte": "^7.0.0",
+		"svelte": "^5.55.3",
+		"svelte-check": "^4.4.6",
+		"typescript": "^6.0.2",
+		"vite": "^8.0.8"
+	}
+}

package/templates/file-based-js/src/App.svelte ADDED Viewed

@@ -0,0 +1,9 @@
+<script>
+	import { Router } from 'sv-router';
+	import { p } from 'sv-router/generated';
+</script>
+<a href={p('/')}>Home</a>
+<a href={p('/about')}>About</a>
+<Router />

package/templates/file-based-js/src/main.js ADDED Viewed

@@ -0,0 +1,6 @@
+import { mount } from 'svelte';
+import App from './App.svelte';
+mount(App, {
+	target: /** @type {HTMLElement} */ (document.querySelector('#app')),
+});

package/templates/file-based-js/src/routes/about.svelte ADDED Viewed

@@ -0,0 +1,5 @@
+<script></script>
+<h1>About</h1>
+<p>This is another page</p>

package/templates/file-based-js/src/routes/index.svelte ADDED Viewed

@@ -0,0 +1,12 @@
+<script></script>
+<h1>Home</h1>
+<p>
+	Check out the <a
+		href="https://sv-router.vercel.app/guide/file-based/route-definition"
+		target="_blank"
+	>
+		documentation
+	</a>
+</p>

package/templates/file-based-js/src/vite-env.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /// <reference types="svelte" />
2	+ /// <reference types="vite/client" />

package/templates/file-based-js/svelte.config.js ADDED Viewed

@@ -0,0 +1,6 @@
+/** @type {import('@sveltejs/vite-plugin-svelte').SvelteConfig} */
+export default {
+	compilerOptions: {
+		runes: true,
+	},
+};

package/templates/file-based-js/tsconfig.json ADDED Viewed

@@ -0,0 +1,15 @@
+{
+	"extends": ["./.router/tsconfig.json"],
+	"compilerOptions": {
+		"target": "ES2020",
+		"module": "preserve",
+		"moduleResolution": "bundler",
+		"esModuleInterop": true,
+		"strict": true,
+		"noEmit": true,
+		"verbatimModuleSyntax": true,
+		"skipLibCheck": true,
+		"allowJs": true,
+		"checkJs": true
+	}
+}

package/templates/file-based-js/vite.config.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+import { router } from 'sv-router/vite-plugin';
+import { defineConfig } from 'vite';
+export default defineConfig({
+	plugins: [svelte(), router({ js: true })],
+});

package/templates/file-based-ts/README.md ADDED Viewed

@@ -0,0 +1,9 @@
+# sv-router | File-Based Template
+Check the [documentation](https://sv-router.vercel.app/guide/file-based/route-definition).
+Start the dev server:
+```
+npm run dev
+```

package/templates/file-based-ts/gitignore ADDED Viewed

@@ -0,0 +1,26 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+node_modules
+dist
+dist-ssr
+*.local
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+.router

package/templates/{file-based → file-based-ts}/package.json RENAMED Viewed

@@ -13,10 +13,10 @@
 		"sv-router": "latest"
 	},
 	"devDependencies": {
-		"@sveltejs/vite-plugin-svelte": "^5.0.3",
-		"svelte": "^5.20.2",
-		"svelte-check": "^4.1.4",
-		"typescript": "~5.7.2",
-		"vite": "^6.2.0"
+		"@sveltejs/vite-plugin-svelte": "^7.0.0",
+		"svelte": "^5.55.3",
+		"svelte-check": "^4.4.6",
+		"typescript": "^6.0.2",
+		"vite": "^8.0.8"
 	}
 }

package/templates/{file-based → file-based-ts}/src/routes/index.svelte RENAMED Viewed

@@ -4,7 +4,7 @@
 <p>
 	Check out the <a
-		href="https://sv-router.vercel.app/guide/file-based/routing-concepts"
+		href="https://sv-router.vercel.app/guide/file-based/route-definition"
 		target="_blank"
 	>
 		documentation