npm - round-core - Versions diffs - 0.0.3 → 0.0.5 - Mend

round-core 0.0.3 → 0.0.5

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

package/.github/workflows/benchmarks.yml +44 -0
package/README.md +112 -54
package/benchmarks/apps/react/index.html +9 -0
package/benchmarks/apps/react/main.jsx +25 -0
package/benchmarks/apps/react/vite.config.js +12 -0
package/benchmarks/apps/round/index.html +11 -0
package/benchmarks/apps/round/main.jsx +22 -0
package/benchmarks/apps/round/vite.config.js +15 -0
package/benchmarks/bun.lock +497 -0
package/benchmarks/dist-bench/react/assets/index-9KGqIPOU.js +8 -0
package/benchmarks/dist-bench/react/index.html +10 -0
package/benchmarks/dist-bench/round/assets/index-CBBIRhox.js +52 -0
package/benchmarks/dist-bench/round/index.html +8 -0
package/benchmarks/package.json +22 -0
package/benchmarks/scripts/measure-build.js +64 -0
package/benchmarks/tests/runtime.bench.js +51 -0
package/benchmarks/vitest.config.js +8 -0
package/bun.lock +11 -0
package/dist/cli.js +530 -0
package/dist/index.js +2025 -0
package/dist/vite-plugin.js +774 -0
package/package.json +46 -39
package/src/cli.js +11 -55
package/src/compiler/vite-plugin.js +48 -1
package/src/runtime/context.js +22 -11
package/src/runtime/dom.js +23 -9
package/src/runtime/lifecycle.js +1 -1
package/src/runtime/router.js +83 -14
package/vite.config.build.js +36 -0
package/index.html +0 -19

package/package.json CHANGED Viewed

@@ -1,40 +1,47 @@
-{
-    "name": "round-core",
-    "version": "0.0.3",
-    "description": "A lightweight frontend framework for SPA with signals and fine grained reactivity",
-    "main": "src/index.js",
-    "type": "module",
-    "icon": "round.png",
-    "repository": {
-        "url": "https://github.com/ZtaMDev/RoundJS.git"
-    },
-    "bin": {
-        "round": "./src/cli.js"
-    },
-    "scripts": {
-        "dev": "node ./cli.js dev --config ./test/main/round.config.json",
-        "build": "node ./cli.js build --config ./test/main/round.config.json",
-        "test": "vitest run"
-    },
-    "keywords": [
-        "framework",
-        "spa",
-        "signals",
-        "vite"
-    ],
-    "author": "Round Framework Team",
-    "license": "MIT",
-    "dependencies": {
-        "marked": "^12.0.2",
-        "vite": "^5.0.0",
-        "vitest": "^1.6.0"
-    },
-    "devDependencies": {
-        "jsdom": "^24.0.0",
-        "bun-types": "latest",
-        "@types/node": "latest"
-    },
-    "peerDependencies": {
-        "bun": ">=1.0.0"
-    }
+{
+    "name": "round-core",
+    "version": "0.0.5",
+    "description": "A lightweight frontend framework for SPA with signals and fine grained reactivity",
+    "main": "./dist/index.js",
+    "exports": {
+        ".": "./dist/index.js",
+        "./vite-plugin": "./dist/vite-plugin.js"
+    },
+    "type": "module",
+    "icon": "round.png",
+    "repository": {
+        "url": "https://github.com/ZtaMDev/RoundJS.git"
+    },
+    "bin": {
+        "round": "./dist/cli.js"
+    },
+    "scripts": {
+        "dev": "node ./src/cli.js dev --config ./test/main/round.config.json",
+        "build": "node ./src/cli.js build --config ./test/main/round.config.json",
+        "build:core": "vite build -c vite.config.build.js",
+        "test": "vitest run",
+        "bench": "bun run --cwd benchmarks bench",
+        "bench:build": "bun run --cwd benchmarks bench:build",
+        "bench:runtime": "bun run --cwd benchmarks bench:runtime"
+    },
+    "keywords": [
+        "framework",
+        "spa",
+        "signals",
+        "vite"
+    ],
+    "author": "Round Framework Team",
+    "license": "MIT",
+    "dependencies": {
+        "marked": "^12.0.2",
+        "vite": "^5.0.0"
+    },
+    "devDependencies": {
+        "bun-types": "latest",
+        "@types/node": "latest",
+        "vitest": "^1.6.0"
+    },
+    "peerDependencies": {
+        "bun": ">=1.0.0"
+    }
 }

package/src/cli.js CHANGED Viewed

@@ -1,4 +1,4 @@
-#!/usr/bin/env node
 import path from 'node:path';
 import fs from 'node:fs';
 import process from 'node:process';
@@ -6,6 +6,13 @@ import { fileURLToPath } from 'node:url';
 import { createServer, build as viteBuild, preview as vitePreview } from 'vite';
 import RoundPlugin from './compiler/vite-plugin.js';
+// Handle graceful shutdown
+function onSignal() {
+    process.exit(0);
+}
+process.on('SIGINT', onSignal);
+process.on('SIGTERM', onSignal);
 function normalizePath(p) {
     return p.replaceAll('\\', '/');
 }
@@ -115,32 +122,6 @@ function resolveFrom(baseDir, p) {
     return path.resolve(baseDir, p);
 }
-function ensureIndexHtml(rootDir, entryRel, title = 'Round') {
-    const indexPath = path.join(rootDir, 'index.html');
-    if (fs.existsSync(indexPath)) return;
-    const entryPath = entryRel.startsWith('/') ? entryRel : `/${entryRel}`;
-    fs.writeFileSync(indexPath, [
-        '<!DOCTYPE html>',
-        '<html lang="en">',
-        '<head>',
-        '    <meta charset="UTF-8" />',
-        '    <meta name="viewport" content="width=device-width, initial-scale=1.0" />',
-        `    <title>${title}</title>`,
-        '</head>',
-        '<body>',
-        '    <div id="app"></div>',
-        '    <script type="module">',
-        "        import { render } from 'round-core';",
-        `        import App from '${entryPath}';`,
-        '',
-        '        render(App, document.getElementById("app"));',
-        '    </script>',
-        '</body>',
-        '</html>',
-        ''
-    ].join('\n'), 'utf8');
-}
 function parseArgs(argv) {
     const args = { _: [] };
@@ -224,7 +205,6 @@ async function runInit({ name }) {
     const pkgPath = path.join(projectDir, 'package.json');
     const configPath = path.join(projectDir, 'round.config.json');
     const viteConfigPath = path.join(projectDir, 'vite.config.js');
-    const indexHtmlPath = path.join(projectDir, 'index.html');
     const appRoundPath = path.join(srcDir, 'app.round');
     const counterRoundPath = path.join(srcDir, 'counter.round');
@@ -239,7 +219,7 @@ async function runInit({ name }) {
             preview: 'round preview'
         },
         dependencies: {
-            'round-core': '^0.0.1'
+            'round-core': '^0.0.4'
         },
         devDependencies: {
             vite: '^5.0.0'
@@ -272,7 +252,7 @@ async function runInit({ name }) {
     writeFileIfMissing(viteConfigPath, [
         "import { defineConfig } from 'vite';",
-        "import RoundPlugin from 'round-core/src/compiler/vite-plugin.js';",
+        "import RoundPlugin from 'round-core/vite-plugin';",
         '',
         'export default defineConfig({',
         "    plugins: [RoundPlugin({ configPath: './round.config.json' })],",
@@ -283,26 +263,6 @@ async function runInit({ name }) {
         ''
     ].join('\n'));
-    writeFileIfMissing(indexHtmlPath, [
-        '<!DOCTYPE html>',
-        '<html lang="en">',
-        '<head>',
-        '    <meta charset="UTF-8" />',
-        '    <meta name="viewport" content="width=device-width, initial-scale=1.0" />',
-        `    <title>${name}</title>`,
-        '</head>',
-        '<body>',
-        '    <div id="app"></div>',
-        '    <script type="module">',
-        "        import { render } from 'round-core';",
-        "        import App from '/src/app.round';",
-        '',
-        "        render(App, document.getElementById('app'));",
-        '    </script>',
-        '</body>',
-        '</html>',
-        ''
-    ].join('\n'));
     writeFileIfMissing(appRoundPath, [
         "import { Route } from 'round-core';",
@@ -379,7 +339,6 @@ async function runDev({ rootDir, configPathAbs, config }) {
         throw new Error(`Entry not found: ${entryAbs ?? '(missing entry)'} (config: ${configPathAbs})`);
     }
     const entryRel = normalizePath(path.relative(rootDir, entryAbs));
-    ensureIndexHtml(rootDir, entryRel, config?.name ?? 'Round');
     let viteServer = null;
     let restarting = false;
@@ -393,7 +352,6 @@ async function runDev({ rootDir, configPathAbs, config }) {
             throw new Error(`Entry not found: ${entryAbs2 ?? '(missing entry)'} (config: ${configPathAbs})`);
         }
         const entryRel2 = normalizePath(path.relative(rootDir, entryAbs2));
-        ensureIndexHtml(rootDir, entryRel2, nextConfig?.name ?? 'Round');
         const serverPort2 = coerceNumber(nextConfig?.dev?.port, 5173);
         const open2 = Boolean(nextConfig?.dev?.open);
@@ -468,7 +426,6 @@ async function runBuild({ rootDir, configPathAbs, config }) {
         throw new Error(`Entry not found: ${entryAbs ?? '(missing entry)'} (config: ${configPathAbs})`);
     }
     const entryRel = normalizePath(path.relative(rootDir, entryAbs));
-    ensureIndexHtml(rootDir, entryRel, config?.name ?? 'Round');
     const outDir = config?.output ? resolveFrom(configDir, config.output) : resolveFrom(rootDir, './dist');
     const base = config?.routing?.base ?? '/';
@@ -506,8 +463,7 @@ async function runPreview({ rootDir, configPathAbs, config }) {
     const entryAbs = config?.entry ? resolveFrom(configDir, config.entry) : null;
     if (entryAbs && fs.existsSync(entryAbs)) {
-        const entryRel = normalizePath(path.relative(rootDir, entryAbs));
-        ensureIndexHtml(rootDir, entryRel, config?.name ?? 'Round');
+        // No physical index.html needed
     }
     banner('Preview');

package/src/compiler/vite-plugin.js CHANGED Viewed

@@ -93,6 +93,8 @@ export default function RoundPlugin(pluginOptions = {}) {
         configPathAbs: null,
         configDir: null,
         entryAbs: null,
+        entryRel: null,
+        name: 'Round',
         startHead: null,
         startHeadHtml: null
     };
@@ -131,7 +133,13 @@ export default function RoundPlugin(pluginOptions = {}) {
         const trailingSlash = config?.routing?.trailingSlash;
         state.routingTrailingSlash = trailingSlash !== undefined ? Boolean(trailingSlash) : true;
+        const customTags = config?.htmlTags;
+        state.customTags = Array.isArray(customTags) ? customTags : [];
+        state.name = config?.name ?? 'Round';
         const entryRel = config?.entry;
+        state.entryRel = entryRel;
         state.entryAbs = entryRel ? resolveMaybeRelative(configDir, entryRel) : null;
         const include = pluginOptions.include ?? config?.include ?? [];
@@ -303,7 +311,8 @@ export default function RoundPlugin(pluginOptions = {}) {
             return {
                 define: {
-                    __ROUND_ROUTING_TRAILING_SLASH__: JSON.stringify(state.routingTrailingSlash)
+                    __ROUND_ROUTING_TRAILING_SLASH__: JSON.stringify(state.routingTrailingSlash),
+                    __ROUND_CUSTOM_TAGS__: JSON.stringify(state.customTags ?? [])
                 },
                 esbuild: {
                     include: /\.(round|js|jsx|ts|tsx)$/,
@@ -319,7 +328,45 @@ export default function RoundPlugin(pluginOptions = {}) {
             };
         },
+        resolveId(id) {
+            if (id === '/index.html' || id === 'index.html') {
+                const fullPath = path.resolve(state.rootDir, 'index.html');
+                if (!fs.existsSync(fullPath)) {
+                    return '/index.html'; // Virtual ID
+                }
+            }
+            return null;
+        },
         load(id) {
+            if (id === '/index.html' || id === 'index.html') {
+                const fullPath = path.resolve(state.rootDir, 'index.html');
+                if (fs.existsSync(fullPath)) return null; // Fallback to disk
+                const entry = state.entryRel ?? './src/index.js';
+                const entryPath = entry.startsWith('/') ? entry : `/${entry}`;
+                return [
+                    '<!DOCTYPE html>',
+                    '<html lang="en">',
+                    '<head>',
+                    '    <meta charset="UTF-8" />',
+                    '    <meta name="viewport" content="width=device-width, initial-scale=1.0" />',
+                    `    <title>${state.name}</title>`,
+                    '</head>',
+                    '<body>',
+                    '    <div id="app"></div>',
+                    '    <script type="module">',
+                    "        import { render } from 'round-core';",
+                    `        import App from '${entryPath}';`,
+                    '',
+                    "        render(App, document.getElementById('app'));",
+                    '    </script>',
+                    '</body>',
+                    '</html>'
+                ].join('\n');
+            }
             if (!isMdRawRequest(id)) return;
             const fileAbs = stripQuery(id);

package/src/runtime/context.js CHANGED Viewed

@@ -29,18 +29,29 @@ export function createContext(defaultValue) {
     };
     function Provider(props = {}) {
-        const value = props.value;
-        const child = Array.isArray(props.children) ? props.children[0] : props.children;
-        const childFn = typeof child === 'function' ? child : () => child;
+        const children = props.children;
-        return createElement('span', { style: { display: 'contents' } }, () => {
-            pushContext({ [ctx.id]: value });
-            try {
-                return childFn();
-            } finally {
-                popContext();
-            }
-        });
+        // Push context now so that any createElement/appendChild called
+        // during the instantiation of this Provider branch picks it up immediately.
+        pushContext({ [ctx.id]: props.value });
+        try {
+            // We use a span to handle reactive value updates and dynamic children.
+            return createElement('span', { style: { display: 'contents' } }, () => {
+                // Read current value (reactive if it's a signal)
+                const val = (typeof props.value === 'function' && props.value.peek) ? props.value() : props.value;
+                // Push it during the effect run too! This ensures that anything returned
+                // from this callback (which might trigger more appendChild calls) sees the context.
+                pushContext({ [ctx.id]: val });
+                try {
+                    return children;
+                } finally {
+                    popContext();
+                }
+            });
+        } finally {
+            popContext();
+        }
     }
     ctx.Provider = Provider;

package/src/runtime/dom.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { effect, untrack } from './signals.js';
-import { runInContext as runInLifecycle, createComponentInstance, mountComponent, initLifecycleRoot } from './lifecycle.js';
+import { runInLifecycle, createComponentInstance, mountComponent, initLifecycleRoot } from './lifecycle.js';
 import { reportErrorSafe } from './error-reporter.js';
 import { captureContext, runInContext, readContext } from './context.js';
 import { SuspenseContext } from './suspense.js';
@@ -76,14 +76,13 @@ export function createElement(tag, props = {}, ...children) {
     if (typeof tag === 'string') {
         const isCustomElement = tag.includes('-');
-        // Simple check: if it looks like a component (no hyphen, lowercase start)
-        // and it's not a standard tag, it's likely an error.
-        // We use a small heuristic list or regex.
-        // Actually, user requested: "custom components when they start with lowercase... should give error".
-        // Using a whitelist of standard tags is robust.
-        const isStandard = /^(a|abbr|address|area|article|aside|audio|b|base|bdi|bdo|blockquote|body|br|button|canvas|caption|cite|code|col|colgroup|data|datalist|dd|del|details|dfn|dialog|div|dl|dt|em|embed|fieldset|figcaption|figure|footer|form|h1|h2|h3|h4|h5|h6|head|header|hgroup|hr|html|i|iframe|img|input|ins|kbd|label|legend|li|link|main|map|mark|meta|meter|nav|noscript|object|ol|optgroup|option|output|p|param|picture|pre|progress|q|rp|rt|ruby|s|samp|script|section|select|slot|small|source|span|strong|style|sub|summary|sup|svg|table|tbody|td|template|textarea|tfoot|th|thead|time|title|tr|track|u|ul|var|video|wbr|path|circle|rect|line|g|defs|linearGradient|stop|radialGradient|text|tspan)$/.test(tag);
-        if (!isCustomElement && !isStandard && /^[a-z]/.test(tag)) {
+        const isStandard = /^(a|abbr|address|area|article|aside|audio|b|base|bdi|bdo|blockquote|body|br|button|canvas|caption|cite|code|col|colgroup|data|datalist|dd|del|details|dfn|dialog|div|dl|dt|em|embed|fieldset|figcaption|figure|footer|form|h1|h2|h3|h4|h5|h6|head|header|hgroup|hr|html|i|iframe|img|input|ins|kbd|label|legend|li|link|main|map|mark|meta|meter|nav|noscript|object|ol|optgroup|option|output|p|param|picture|pre|progress|q|rp|rt|ruby|s|samp|script|search|section|select|slot|small|source|span|strong|style|sub|summary|sup|svg|table|tbody|td|template|textarea|tfoot|th|thead|time|title|tr|track|u|ul|var|video|wbr|menu|animate|animateMotion|animateTransform|circle|clipPath|defs|desc|ellipse|feBlend|feColorMatrix|feComponentTransfer|feComposite|feConvolveMatrix|feDiffuseLighting|feDisplacementMap|feDistantLight|feDropShadow|feFlood|feFuncA|feFuncB|feFuncG|feFuncR|feGaussianBlur|feImage|feMerge|feMergeNode|feMorphology|feOffset|fePointLight|feSpecularLighting|feSpotLight|feTile|feTurbulence|filter|foreignObject|g|image|line|linearGradient|marker|mask|metadata|mpath|path|pattern|polygon|polyline|radialGradient|rect|set|stop|switch|symbol|text|textPath|tspan|use|view)$/.test(tag);
+        // __ROUND_CUSTOM_TAGS__ is injected by the vite plugin from round.config.json
+        const isCustomConfigured = typeof __ROUND_CUSTOM_TAGS__ !== 'undefined' && __ROUND_CUSTOM_TAGS__.includes(tag);
+        if (!isCustomElement && !isStandard && !isCustomConfigured && /^[a-z]/.test(tag)) {
             throw new Error(`Component names must start with an uppercase letter: <${tag} />`);
         }
     }
@@ -273,6 +272,21 @@ export function createElement(tag, props = {}, ...children) {
                 return;
             }
+            if (key === 'classList') {
+                if (value && typeof value === 'object') {
+                    Object.entries(value).forEach(([className, condition]) => {
+                        if (typeof condition === 'function') {
+                            effect(() => {
+                                element.classList.toggle(className, !!condition());
+                            }, { onLoad: false });
+                        } else {
+                            element.classList.toggle(className, !!condition);
+                        }
+                    });
+                }
+                return;
+            }
             if (key === 'className') element.className = value;
             else if (key === 'value') element.value = value;
             else if (key === 'checked') element.checked = Boolean(value);

package/src/runtime/lifecycle.js CHANGED Viewed

@@ -6,7 +6,7 @@ export function getCurrentComponent() {
     return componentStack[componentStack.length - 1];
 }
-export function runInContext(componentInstance, fn) {
+export function runInLifecycle(componentInstance, fn) {
     componentStack.push(componentInstance);
     try {
         return fn();

package/src/runtime/router.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { signal, effect } from './signals.js';
 import { createElement } from './dom.js';
+import { createContext, readContext } from './context.js';
 const hasWindow = typeof window !== 'undefined' && typeof document !== 'undefined';
@@ -20,6 +21,8 @@ let defaultNotFoundComponent = null;
 let autoNotFoundMounted = false;
 let userProvidedNotFound = false;
+const RoutingContext = createContext('');
 function ensureListener() {
     if (!hasWindow || listenerInitialized) return;
     listenerInitialized = true;
@@ -72,6 +75,7 @@ export function useRouteReady() {
 export function getIsNotFound() {
     const pathname = normalizePathname(currentPath());
+    if (pathname === '/') return false;
     if (!(Boolean(pathEvalReady()) && lastPathEvaluated === pathname)) return false;
     return !Boolean(pathHasMatch());
 }
@@ -79,6 +83,7 @@ export function getIsNotFound() {
 export function useIsNotFound() {
     return () => {
         const pathname = normalizePathname(currentPath());
+        if (pathname === '/') return false;
         if (!(Boolean(pathEvalReady()) && lastPathEvaluated === pathname)) return false;
         return !Boolean(pathHasMatch());
     };
@@ -104,6 +109,10 @@ function mountAutoNotFound() {
         if (lastPathEvaluated !== pathname) return null;
         if (hasMatch) return null;
+        // Skip absolute 404 overlay for the root path if no match found,
+        // allowing the base app to render its non-routed content.
+        if (pathname === '/') return null;
         const Comp = defaultNotFoundComponent;
         if (typeof Comp === 'function') {
             return createElement(Comp, { pathname });
@@ -229,10 +238,12 @@ function normalizeTo(to) {
     return normalizePathname(path) + suffix;
 }
-function matchRoute(route, pathname) {
+function matchRoute(route, pathname, exact = true) {
     const r = normalizePathname(route);
     const p = normalizePathname(pathname);
-    return r === p;
+    if (exact) return r === p;
+    // Prefix match: either exactly the same, or p starts with r plus a slash
+    return p === r || p.startsWith(r.endsWith('/') ? r : r + '/');
 }
 function beginPathEvaluation(pathname) {
@@ -257,13 +268,41 @@ export function Route(props = {}) {
     ensureListener();
     return createElement('span', { style: { display: 'contents' } }, () => {
+        const parentPath = readContext(RoutingContext) || '';
         const pathname = normalizePathname(currentPath());
         beginPathEvaluation(pathname);
-        const route = props.route ?? '/';
-        if (!matchRoute(route, pathname)) return null;
-        hasMatchForPath = true;
-        pathHasMatch(true);
+        const routeProp = props.route ?? '/';
+        if (typeof routeProp === 'string' && !routeProp.startsWith('/')) {
+            throw new Error(`Invalid route: "${routeProp}". All routes must start with a forward slash "/". (Nested under: "${parentPath || 'root'}")`);
+        }
+        let fullRoute = '';
+        if (parentPath && parentPath !== '/') {
+            const cleanParent = parentPath.endsWith('/') ? parentPath.slice(0, -1) : parentPath;
+            const cleanChild = routeProp.startsWith('/') ? routeProp : '/' + routeProp;
+            if (cleanChild.startsWith(cleanParent + '/') || cleanChild === cleanParent) {
+                fullRoute = normalizePathname(cleanChild);
+            } else {
+                fullRoute = normalizePathname(cleanParent + cleanChild);
+            }
+        } else {
+            fullRoute = normalizePathname(routeProp);
+        }
+        const isRoot = fullRoute === '/';
+        const exact = props.exact !== undefined ? Boolean(props.exact) : isRoot;
+        // For nested routing, we match as a prefix so parents stay rendered while children are active
+        if (!matchRoute(fullRoute, pathname, exact)) return null;
+        // If it's an exact match of the FULL segments, mark as matched for 404 purposes
+        if (matchRoute(fullRoute, pathname, true)) {
+            hasMatchForPath = true;
+            pathHasMatch(true);
+        }
         const mergedHead = (props.head && typeof props.head === 'object') ? props.head : {};
         const meta = props.description
             ? ([{ name: 'description', content: String(props.description) }].concat(mergedHead.meta ?? props.meta ?? []))
@@ -274,7 +313,9 @@ export function Route(props = {}) {
         const favicon = mergedHead.favicon ?? props.favicon;
         applyHead({ title, meta, links, icon, favicon });
-        return props.children;
+        // Provide the current full path to nested routes
+        return createElement(RoutingContext.Provider, { value: fullRoute }, props.children);
     });
 }
@@ -282,13 +323,39 @@ export function Page(props = {}) {
     ensureListener();
     return createElement('span', { style: { display: 'contents' } }, () => {
+        const parentPath = readContext(RoutingContext) || '';
         const pathname = normalizePathname(currentPath());
         beginPathEvaluation(pathname);
-        const route = props.route ?? '/';
-        if (!matchRoute(route, pathname)) return null;
-        hasMatchForPath = true;
-        pathHasMatch(true);
+        const routeProp = props.route ?? '/';
+        if (typeof routeProp === 'string' && !routeProp.startsWith('/')) {
+            throw new Error(`Invalid route: "${routeProp}". All routes must start with a forward slash "/". (Nested under: "${parentPath || 'root'}")`);
+        }
+        let fullRoute = '';
+        if (parentPath && parentPath !== '/') {
+            const cleanParent = parentPath.endsWith('/') ? parentPath.slice(0, -1) : parentPath;
+            const cleanChild = routeProp.startsWith('/') ? routeProp : '/' + routeProp;
+            if (cleanChild.startsWith(cleanParent + '/') || cleanChild === cleanParent) {
+                fullRoute = normalizePathname(cleanChild);
+            } else {
+                fullRoute = normalizePathname(cleanParent + cleanChild);
+            }
+        } else {
+            fullRoute = normalizePathname(routeProp);
+        }
+        const isRoot = fullRoute === '/';
+        const exact = props.exact !== undefined ? Boolean(props.exact) : isRoot;
+        if (!matchRoute(fullRoute, pathname, exact)) return null;
+        if (matchRoute(fullRoute, pathname, true)) {
+            hasMatchForPath = true;
+            pathHasMatch(true);
+        }
         const mergedHead = (props.head && typeof props.head === 'object') ? props.head : {};
         const meta = props.description
             ? ([{ name: 'description', content: String(props.description) }].concat(mergedHead.meta ?? props.meta ?? []))
@@ -299,7 +366,8 @@ export function Page(props = {}) {
         const favicon = mergedHead.favicon ?? props.favicon;
         applyHead({ title, meta, links, icon, favicon });
-        return props.children;
+        return createElement(RoutingContext.Provider, { value: fullRoute }, props.children);
     });
 }
@@ -318,6 +386,7 @@ export function NotFound(props = {}) {
         if (lastPathEvaluated !== pathname) return null;
         if (hasMatch) return null;
+        if (pathname === '/') return null;
         const Comp = props.component ?? defaultNotFoundComponent;
         if (typeof Comp === 'function') {
@@ -339,8 +408,8 @@ export function Link(props = {}) {
     const rawHref = props.href ?? props.to ?? '#';
     const href = spaNormalizeHref(rawHref);
-     const spa = props.spa !== undefined ? Boolean(props.spa) : true;
-     const reload = Boolean(props.reload);
+    const spa = props.spa !== undefined ? Boolean(props.spa) : true;
+    const reload = Boolean(props.reload);
     const onClick = (e) => {
         if (typeof props.onClick === 'function') props.onClick(e);

package/vite.config.build.js ADDED Viewed

@@ -0,0 +1,36 @@
+import { defineConfig } from 'vite';
+import path from 'node:path';
+import fs from 'node:fs';
+export default defineConfig({
+    build: {
+        target: 'es2022',
+        outDir: 'dist',
+        emptyOutDir: true,
+        minify: false,
+        lib: {
+            entry: {
+                index: path.resolve(__dirname, 'src/index.js'),
+                cli: path.resolve(__dirname, 'src/cli.js'),
+                'vite-plugin': path.resolve(__dirname, 'src/compiler/vite-plugin.js')
+            },
+            formats: ['es']
+        },
+        rollupOptions: {
+            external: [
+                'vite',
+                'marked',
+                'node:fs', 'node:path', 'node:process', 'node:url', 'node:vm', 'node:util',
+                'fs', 'path', 'process', 'url', 'vm', 'util'
+            ],
+            output: {
+                banner: (chunk) => {
+                    if (chunk.name === 'cli' || chunk.fileName === 'cli.js') {
+                        return '#!/usr/bin/env node';
+                    }
+                    return '';
+                }
+            }
+        },
+    },
+});

package/index.html DELETED Viewed

@@ -1,19 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Round Vite Test</title>
-</head>
-<body>
-    <div id="app"></div>
-    <script type="module">
-        import { render } from '/index.js';
-        import TestApp from 'start_exmpl/TestApp.round';
-        render(TestApp, document.getElementById('app'));
-    </script>
-</body>
-</html>