@thyn/core 0.0.346 → 0.0.348

package/dist/core/router.d.ts

@@ -1,5 +1,5 @@
 export declare const router: {
-    path: import("./signals.js").Signal<string>;
+    readonly path: any;
     param: (name: string) => string | undefined;
 };
 interface Route {

package/dist/core/router.js

@@ -1,11 +1,27 @@
 import { component, show } from "./element.js";
 import { $signal, staticEffect } from "./signals.js";
-const params = $signal({});
+let params = null;
+let routerPath = null;
+let initialized = false;
+function initRouter() {
+    if (initialized)
+        return;
+    params = $signal({});
+    routerPath = $signal(location.pathname);
+    initialized = true;
+}
 export const router = {
-    path: $signal(location.pathname),
-    param: (name) => params()[name],
+    get path() {
+        initRouter();
+        return routerPath;
+    },
+    param: (name) => {
+        initRouter();
+        return params()[name];
+    },
 };
 export function Router({ routes }) {
+    initRouter();
     const current = $signal(null);
     const compiledRoutes = routes.map(route => {
         const compiledRoute = {
@@ -21,7 +37,7 @@ export function Router({ routes }) {
         return compiledRoute;
     });
     staticEffect(() => {
-        const pn = router.path();
+        const pn = routerPath();
         if (pn !== location.pathname) {
             history.pushState({}, "", pn);
         }
@@ -48,6 +64,7 @@ export function Router({ routes }) {
     })));
 }
 export function Link({ slot, to }) {
+    initRouter();
     const a = document.createElement("a");
     a.href = to;
     for (const ch of slot) {
@@ -59,7 +76,7 @@ export function Link({ slot, to }) {
             !(e.metaKey || e.ctrlKey || e.shiftKey || e.altKey)) {
             e.preventDefault();
             history.pushState({}, "", to);
-            router.path(to);
+            routerPath(to);
         }
     };
     return a;

package/dist/index.d.ts

@@ -1,5 +1,3 @@
 export * from "./core/signals.js";
 export * from "./core/element.js";
 export * from "./core/router.js";
-export { default } from "./plugin/index.js";
-export { transformSFC, compileSFC } from "./plugin/index.js";

package/dist/index.js

@@ -1,5 +1,3 @@
 export * from "./core/signals.js";
 export * from "./core/element.js";
 export * from "./core/router.js";
-export { default } from "./plugin/index.js";
-export { transformSFC, compileSFC } from "./plugin/index.js";

package/dist/node.d.ts

@@ -0,0 +1,5 @@
+export * from "./core/signals.js";
+export * from "./core/element.js";
+export * from "./core/router.js";
+export { default } from "./plugin/index.js";
+export { transformSFC, compileSFC } from "./plugin/index.js";

package/dist/node.js

@@ -0,0 +1,5 @@
+export * from "./core/signals.js";
+export * from "./core/element.js";
+export * from "./core/router.js";
+export { default } from "./plugin/index.js";
+export { transformSFC, compileSFC } from "./plugin/index.js";

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "@thyn/core",
-  "version": "0.0.346",
+  "version": "0.0.348",
   "type": "module",
   "main": "dist/index.js",
   "exports": {
-    ".": "./dist/index.js",
-    "./router": "./dist/router.js"
+    ".": {
+      "node": "./dist/node.js",
+      "default": "./dist/index.js"
+    },
+    "./plugin": "./dist/plugin/index.js"
   },
   "sideEffects": false,
   "scripts": {

package/src/core/router.ts

@@ -1,20 +1,35 @@
 import { component, show } from "./element.js";
 import { $signal, staticEffect } from "./signals.js";
 
-const params = $signal({} as any);
+let params = null;
+let routerPath = null;
+let initialized = false;
+
+function initRouter() {
+  if (initialized) return;
+  params = $signal({} as any);
+  routerPath = $signal(location.pathname);
+  initialized = true;
+}
 
 export const router = {
-  path: $signal(location.pathname),
-  param: (name: string): string | undefined => params()[name],
+  get path() {
+    initRouter();
+    return routerPath;
+  },
+  param: (name: string): string | undefined => {
+    initRouter();
+    return params()[name];
+  },
 };
 
-
 interface Route {
   path: string;
   component: () => Node;
 }
 
 export function Router({ routes }: { routes: Route[] }) {
+  initRouter();
   const current = $signal(null);
   const compiledRoutes = routes.map(route => {
     const compiledRoute = {
@@ -31,7 +46,7 @@ export function Router({ routes }: { routes: Route[] }) {
   });
 
   staticEffect(() => {
-    const pn = router.path();
+    const pn = routerPath();
     if (pn !== location.pathname) {
       history.pushState({}, "", pn);
     }
@@ -61,6 +76,7 @@ export function Router({ routes }: { routes: Route[] }) {
 }
 
 export function Link({ slot, to }) {
+  initRouter();
   const a = document.createElement("a");
   a.href = to;
   for (const ch of slot) {
@@ -74,7 +90,7 @@ export function Link({ slot, to }) {
     ) {
       e.preventDefault();
       history.pushState({}, "", to);
-      router.path(to);
+      routerPath(to);
     }
   };
   return a;

package/src/index.ts

@@ -1,5 +1,3 @@
 export * from "./core/signals.js";
 export * from "./core/element.js";
 export * from "./core/router.js";
-export { default } from "./plugin/index.js";
-export { transformSFC, compileSFC } from "./plugin/index.js";

package/src/node.ts

@@ -0,0 +1,5 @@
+export * from "./core/signals.js";
+export * from "./core/element.js";
+export * from "./core/router.js";
+export { default } from "./plugin/index.js";
+export { transformSFC, compileSFC } from "./plugin/index.js";