npm - create-routify - Versions diffs - 0.0.0-reserve → 1.2.1 - Mend

create-routify 0.0.0-reserve → 1.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 (112) hide show

package/src/versions/three/examples/kitchensink/src/routes/_module.svelte ADDED Viewed

@@ -0,0 +1,8 @@
+<script>
+    import Navigation from '../components/Navigation.svelte'
+</script>
+<Navigation />
+<div class="root-module container">
+    <slot />
+</div>

package/src/versions/three/examples/kitchensink/src/routes/composition/index.svelte ADDED Viewed

@@ -0,0 +1,5 @@
+<script>
+    import { url } from '@roxi/routify'
+</script>
+<a href={$url('../reset')}>reset</a>

package/src/versions/three/examples/kitchensink/src/routes/composition/reset/_module.svelte ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ <slot />
2	+ <!-- routify:meta reset -->

package/src/versions/three/examples/kitchensink/src/routes/composition/reset/index.svelte ADDED Viewed

@@ -0,0 +1,7 @@
+<script>
+    import { url } from '@roxi/routify'
+</script>
+# I'm all alone!
+<a href={$url('../..')}>Go back</a>
+<!-- [go back](/composition) -->

package/src/versions/three/examples/kitchensink/src/routes/index.md ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ # Routify 3 Kitchen Sink
2	+

package/src/versions/three/examples/kitchensink/src/routes/multi-router/_module.md ADDED Viewed

@@ -0,0 +1,4 @@
+[basic](/multi-router/basic)
+[rootNode](/multi-router/rootnode)
+<slot />

package/src/versions/three/examples/kitchensink/src/routes/multi-router/basic.svelte ADDED Viewed

@@ -0,0 +1,13 @@
+<script>
+    import { Router, activeRoute } from '@roxi/routify'
+    const hasNestedRouter = $activeRoute.router.name === 'nested'
+</script>
+{#if !hasNestedRouter}
+    <article>
+        <Router name="nested" />
+    </article>
+{:else}
+    <p>We could nest routers inifintely, but let's not...</p>
+{/if}

package/src/versions/three/examples/kitchensink/src/routes/multi-router/index.svelte ADDED Viewed

File without changes

package/src/versions/three/examples/kitchensink/src/routes/multi-router/rootnode.svelte ADDED Viewed

@@ -0,0 +1,15 @@
+<script>
+    import { Router, activeRoute } from '@roxi/routify'
+    const { router } = $activeRoute
+    const hasNestedRouter = router.name === 'nested'
+    const rootNode = router.instance.nodeIndex.find(node => node.path === '/composition')
+</script>
+{#if !hasNestedRouter}
+    <article>
+        <Router name="rootnode" {rootNode} />
+    </article>
+{:else}
+    <p>We could nest routers inifintely, but let's not...</p>
+{/if}

package/src/versions/three/examples/kitchensink/src/routes/redirect/index.svelte ADDED Viewed

@@ -0,0 +1,10 @@
+<script context="module">
+    /** @type {RoutifyLoad} */
+    const load = () => {
+        return {
+            redirect: '/composition',
+        }
+    }
+    export { load }
+</script>

package/src/versions/three/examples/kitchensink/vite.config.js ADDED Viewed

@@ -0,0 +1,24 @@
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import routify from '@roxi/routify/vite-plugin'
+import { defineConfig } from 'vite'
+import { mdsvex } from 'mdsvex'
+const production = process.env.NODE_ENV === 'production'
+export default defineConfig({
+    clearScreen: false,
+    plugins: [
+        routify(),
+        svelte({
+            emitCss: true,
+            compilerOptions: {
+                dev: !production,
+            },
+            extensions: ['.md', '.svelte'],
+            preprocess: [mdsvex({ extension: 'md' })],
+        }),
+    ],
+    server: { port: 1337 },
+})

package/src/versions/three/examples/microframework/app/index.html ADDED Viewed

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width,initial-scale=1" />
+        <title>Svelte app</title>
+        <!-- Google Fonts -->
+        <link
+            rel="stylesheet"
+            href="https://fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic"
+        />
+        <!-- CSS Reset -->
+        <link
+            rel="stylesheet"
+            href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css"
+        />
+        <!-- Milligram CSS -->
+        <link
+            rel="stylesheet"
+            href="https://cdnjs.cloudflare.com/ajax/libs/milligram/1.4.1/milligram.css"
+        />
+        <script type="module" src="/src/main.js"></script>
+    </head>
+    <body></body>
+</html>

package/src/versions/three/examples/microframework/app/package.json ADDED Viewed

@@ -0,0 +1,15 @@
+{
+    "type": "module",
+    "scripts": {
+        "build": "vite build",
+        "serve": "vite serve",
+        "dev": "vite"
+    },
+    "devDependencies": {
+        "@roxi/routify": "^3.0.0-next.1",
+        "@sveltejs/vite-plugin-svelte": "^1.0.0-next.13",
+        "mdsvex": "^0.9.3",
+        "svelte": "^3.39.0",
+        "vite": "^2.2.3"
+    }
+}

package/src/versions/three/examples/microframework/app/src/App.svelte ADDED Viewed

@@ -0,0 +1,24 @@
+<script>
+    import { Router, Routify } from '@roxi/routify'
+    import routes from '../.routify/routes.main.js'
+    import moduleRoutes from '../.routify/routes.moduleA.js'
+    // create a new instance of Routify. An instance is basically a collection of node trees,
+    // which can be accessed through instance.nodeIndex and instance.superNode
+    const instance = new Routify({})
+    // let's add our generated route tree
+    instance.superNode.importTree(routes)
+    // for this example we are going use the root node of the main route tree to attach our module to.
+    // we named this route tree "main", so its root node will have the id "_main"
+    // we could also have resolved the node with custom meta or through instance.superNode.
+    const parentNode = instance.nodeIndex.find(node => node.id === '_main')
+    // we want it to be accessible at ./external-module.
+    // if we had left the name out, it would have been available at `./moduleA'.
+    // if we wanted to nest it deeper, we would have used a different parent node.
+    parentNode.importTree({ name: 'external-module', ...moduleRoutes })
+</script>
+<Router {instance} />

package/src/versions/three/examples/microframework/app/src/main.js ADDED Viewed

@@ -0,0 +1,5 @@
+import App from './App.svelte'
+const app = new App({ target: document.body })
+export default app

package/src/versions/three/examples/microframework/app/src/routes/_module.md ADDED Viewed

@@ -0,0 +1,3 @@
+[internal-module](/internal-module)
+[external-module](/external-module)
+<slot />

package/src/versions/three/examples/microframework/app/src/routes/index.md ADDED Viewed

	@@ -0,0 +1 @@
1	+ # Routify 3 App

package/src/versions/three/examples/microframework/app/src/routes/internal-module/index.md ADDED Viewed

	@@ -0,0 +1 @@
1	+ # internal module

package/src/versions/three/examples/microframework/app/vite.config.js ADDED Viewed

@@ -0,0 +1,29 @@
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import routify from '@roxi/routify/vite-plugin'
+import { defineConfig } from 'vite'
+import { mdsvex } from 'mdsvex'
+const production = process.env.NODE_ENV === 'production'
+export default defineConfig({
+    clearScreen: false,
+    plugins: [
+        routify({
+            routesDir: {
+                main: './src/routes',
+                moduleA: '../module/src/routes',
+            },
+        }),
+        svelte({
+            emitCss: true,
+            compilerOptions: {
+                dev: !production,
+            },
+            extensions: ['.md', '.svelte'],
+            preprocess: [mdsvex({ extension: 'md' })],
+        }),
+    ],
+    server: { port: 1337 },
+})

package/src/versions/three/examples/microframework/module/index.html ADDED Viewed

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width,initial-scale=1" />
+        <title>Svelte app</title>
+        <!-- Google Fonts -->
+        <link
+            rel="stylesheet"
+            href="https://fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic"
+        />
+        <!-- CSS Reset -->
+        <link
+            rel="stylesheet"
+            href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css"
+        />
+        <!-- Milligram CSS -->
+        <link
+            rel="stylesheet"
+            href="https://cdnjs.cloudflare.com/ajax/libs/milligram/1.4.1/milligram.css"
+        />
+        <script type="module" src="/src/main.js"></script>
+    </head>
+    <body></body>
+</html>

package/src/versions/three/examples/microframework/module/package.json ADDED Viewed

@@ -0,0 +1,15 @@
+{
+    "type": "module",
+    "scripts": {
+        "build": "vite build",
+        "serve": "vite serve",
+        "dev": "vite"
+    },
+    "devDependencies": {
+        "@roxi/routify": "^3.0.0-next.1",
+        "@sveltejs/vite-plugin-svelte": "^1.0.0-next.22",
+        "mdsvex": "^0.9.3",
+        "svelte": "^3.39.0",
+        "vite": "^2.2.3"
+    }
+}

package/src/versions/three/examples/microframework/module/src/App.svelte ADDED Viewed

@@ -0,0 +1,6 @@
+<script>
+    import { Router } from '@roxi/routify'
+    import { routes } from '../.routify/routes.default.js'
+</script>
+<Router {routes} />

package/src/versions/three/examples/microframework/module/src/main.js ADDED Viewed

@@ -0,0 +1,5 @@
+import App from './App.svelte'
+const app = new App({ target: document.body })
+export default app

package/src/versions/three/examples/microframework/module/src/routes/external-page.md ADDED Viewed

	@@ -0,0 +1 @@
1	+ # external page

package/src/versions/three/examples/microframework/module/src/routes/index.svelte ADDED Viewed

@@ -0,0 +1,7 @@
+<script>
+    import { url } from '@roxi/routify'
+</script>
+<h1>Module A</h1>
+<a href={$url('../external-page')}>external-page</a>

package/src/versions/three/examples/microframework/module/vite.config.js ADDED Viewed

@@ -0,0 +1,24 @@
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import routify from '@roxi/routify/vite-plugin'
+import { defineConfig } from 'vite'
+import { mdsvex } from 'mdsvex'
+const production = process.env.NODE_ENV === 'production'
+export default defineConfig({
+    clearScreen: false,
+    plugins: [
+        routify(),
+        svelte({
+            emitCss: true,
+            compilerOptions: {
+                dev: !production,
+            },
+            extensions: ['.md', '.svelte'],
+            preprocess: [mdsvex({ extension: 'md' })],
+        }),
+    ],
+    server: { port: 1337 },
+})

package/src/versions/three/examples/multi-router/index.html ADDED Viewed

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <title>Svelte app</title>
+    <!-- Google Fonts -->
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic" />
+    <!-- CSS Reset -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css" />
+    <!-- Pico.css -->
+    <link rel="stylesheet" href="https://unpkg.com/@picocss/pico@1.3.3/css/pico.css" />
+    <script type="module" src="/src/main.js"></script>
+</head>
+<body></body>
+</html>

package/src/versions/three/examples/multi-router/package.json ADDED Viewed

@@ -0,0 +1,16 @@
+{
+    "name": "multi-router",
+    "type": "module",
+    "scripts": {
+        "build": "vite build",
+        "preview": "vite preview",
+        "dev": "vite"
+    },
+    "devDependencies": {
+        "@roxi/routify": "^3.0.0-next.1",
+        "@sveltejs/vite-plugin-svelte": "^1.0.0-next.13",
+        "mdsvex": "^0.9.3",
+        "svelte": "^3.39.0",
+        "vite": "^2.2.3"
+    }
+}

package/src/versions/three/examples/multi-router/src/App.svelte ADDED Viewed

@@ -0,0 +1,8 @@
+<script>
+    import { Router } from '@roxi/routify'
+    import routes from '../.routify/routes.default.js'
+</script>
+<div class="container">
+    <Router {routes} />
+</div>

package/src/versions/three/examples/multi-router/src/main.js ADDED Viewed

@@ -0,0 +1,5 @@
+import App from './App.svelte'
+const app = new App({ target: document.body })
+export default app

package/src/versions/three/examples/multi-router/src/routes/_module.svelte ADDED Viewed

@@ -0,0 +1,5 @@
+<h1>Routify 3 App</h1>
+<a href="/">[home]</a>
+<a href="/page-with-widget">[page with widget]</a>
+<slot />

package/src/versions/three/examples/multi-router/src/routes/index.md ADDED Viewed

	@@ -0,0 +1,4 @@
1	+
2	+
3	+
4	+ # Index

package/src/versions/three/examples/multi-router/src/routes/page-with-widget.svelte ADDED Viewed

@@ -0,0 +1,7 @@
+<script>
+    import { Router } from '@roxi/routify'
+    import WidgetRoutes from '../../.routify/routes.widget.js'
+</script>
+<Router name="nested1" routes={WidgetRoutes} />
+<Router name="nested2" routes={WidgetRoutes} />

package/src/versions/three/examples/multi-router/src/widget/_module.svelte ADDED Viewed

@@ -0,0 +1,7 @@
+<article>
+    <a href="/">home</a>
+    <a href="/page1">page1</a>
+    <a href="/page2">page2</a>
+    <slot />
+</article>

package/src/versions/three/examples/multi-router/src/widget/index.md ADDED Viewed

	@@ -0,0 +1 @@
1	+ # Nested Router

package/src/versions/three/examples/multi-router/src/widget/page1.md ADDED Viewed

	@@ -0,0 +1 @@
1	+ # page1

package/src/versions/three/examples/multi-router/src/widget/page2.md ADDED Viewed

	@@ -0,0 +1 @@
1	+ # page2

package/src/versions/three/examples/multi-router/vite.config.js ADDED Viewed

@@ -0,0 +1,29 @@
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import routify from '@roxi/routify/vite-plugin'
+import { defineConfig } from 'vite'
+import { mdsvex } from 'mdsvex'
+const production = process.env.NODE_ENV === 'production'
+export default defineConfig({
+    clearScreen: false,
+    plugins: [
+        routify({
+            routesDir: {
+                default: 'src/routes',
+                widget: 'src/widget',
+            },
+        }),
+        svelte({
+            emitCss: true,
+            compilerOptions: {
+                dev: !production,
+            },
+            extensions: ['.md', '.svelte'],
+            preprocess: [mdsvex({ extension: 'md' })],
+        }),
+    ],
+    server: { port: 1337 },
+})