4.0.0 Nested Routes, Default Handling

.envrc

@@ -0,0 +1,4 @@
+watch_file package.json
+watch_file package-lock.json
+
+use flake

.eslintrc.json

@@ -17,15 +17,10 @@
   ],
   "env": {
     "browser": false,
-    "es6": true,
-    "jasmine": true
+    "es6": true
   },
-  "ignorePatterns": [
-    "configs/"
-  ],
+  "ignorePatterns": [],
   "rules": {
-    "no-unused-vars": "off", // necessary for import jsx components/modules
-    "@typescript-eslint/no-unused-vars": "off", // necessary for import jsx components/modules
     "@typescript-eslint/explicit-function-return-type": "off",
     "@typescript-eslint/explicit-module-boundary-types": "off",
     "@typescript-eslint/no-explicit-any": "off",

README.md

@@ -5,16 +5,16 @@ At compile and runtime the typesafety is guaranteed, for the Route-Components an
 
 ```ts
 import plusnew, { component } from '@plusnew/core';
-import { createRoute, Invalid, NotFound, serializer } from '@plusnew/router';
+import { createRoute, Invalid, NotFound, schema } from '@plusnew/router';
 
 const rootRoute = createRoute(
   // With the paths the route will be responsible for
   'rootRouteName',
 
   // Defines what parameter the route can have
   {
-    oneParameter: [serializer.number()], // This parameter is required and a normal number
-    sortOrder: [serializer.string('asc'), serializer.string('desc'), serializer.undefined()], // This paramter is optional, when given it has to be the string literal 'asc' | 'desc'
+    oneParameter: [schema.number()], // This parameter is required and a normal number
+    sortOrder: [schema.string('asc'), schema.string('desc'), schema.undefined()], // This paramter is optional, when given it has to be the string literal 'asc' | 'desc'
   } as const,
 
   // This Component will be shown, when the path is matching the routeName and the parameters
@@ -35,7 +35,7 @@ const rootRoute = createRoute(
 const childRoute = rootRoute.createChildRoute(
   'childRouteName',
   {
-    optionalParameter: [serializer.undefined(), serializer.boolean()], // Optional boolean parameter
+    optionalParameter: [schema.undefined(), schema.boolean()], // Optional boolean parameter
   } as const,
   component(
     'ChildRouteComponent',

demo/demo.ts

@@ -0,0 +1,40 @@
+import { createRootRoute } from "../src";
+
+const rootRoute = createRootRoute({});
+const tableRoute = rootRoute.createChildRoute("table", {});
+
+function render(url: string) {
+  document.body.innerHTML = `<nav>
+  <ul>
+    <li>${a(
+      rootRoute.createPath({ "/": {} }),
+      rootRoute.map(
+        url,
+        ({ hasChildRouteActive }) => hasChildRouteActive === false,
+      ) ?? false,
+      "start",
+    )}</li>
+    <li>${a(
+      tableRoute.createPath({ "/": {}, table: {} }),
+      tableRoute.map(url, () => true) ?? false,
+      "table",
+    )}</li>
+  </ul>
+</nav>
+${content(url)}
+`;
+}
+
+function content(url: string) {
+  return (
+    rootRoute.map(url, ({ hasChildRouteActive }) =>
+      hasChildRouteActive ? null : `<article>Hi there!</article>`,
+    ) ?? "Not found"
+  );
+}
+
+function a(url: string, active: boolean, content: string) {
+  return `<a class="${active ? "active" : ""}" href="${url}">${content}<a>`;
+}
+
+render(window.location.pathname);

flake.nix

@@ -0,0 +1,37 @@
+{
+  inputs = {
+    nixpkgs.url = "github:NixOS/nixpkgs/nixos-unstable";
+    flake-utils.url = "github:numtide/flake-utils";
+    npmlock2nixSrc = {
+      url = "github:nix-community/npmlock2nix";
+      flake = false;
+    };
+  };
+
+  outputs = { self, nixpkgs, flake-utils, npmlock2nixSrc }:
+    flake-utils.lib.eachDefaultSystem
+      (system:
+        let pkgs = nixpkgs.legacyPackages.${system};
+            npmlock2nix = import npmlock2nixSrc { inherit pkgs; };
+
+        in {
+          devShells.default = npmlock2nix.v2.shell {
+            nodejs = pkgs.nodejs;
+            src = ./.;
+          };
+
+          checks.default = npmlock2nix.v2.build {
+            nodejs = pkgs.nodejs;
+            src = ./.;
+            buildCommands = [
+              "npm exec tsc -- --noEmit"
+              "CHROME_PATH=${pkgs.chromium}/bin/chromium XDG_CONFIG_HOME=$TMPDIR/chromium-config XDG_CACHE_HOME=$TMPDIR=/chromium-cache npm run test"
+            ];
+            installPhase = ''
+              touch $out
+            '';
+          };
+        }
+      );
+}
+

index.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <script type="module" src="./demo/demo.ts"></script>
+</head>
+
+<body></body>
+
+</html>