@owlmeans/web-router 0.1.1

package/README.md

@@ -0,0 +1,24 @@
+# OwlMeans Package Template
+
+This is a template directory for creating new packages within the OwlMeans Common Libraries ecosystem.
+
+## Usage
+
+Copy this template directory when creating a new package:
+
+```bash
+cp -r packages/_tpl packages/your-new-package
+cd packages/your-new-package
+```
+
+Then update:
+- `package.json` - Change the package name and dependencies
+- `README.md` - Replace with proper documentation following OwlMeans standards
+- `src/index.ts` - Implement your package functionality
+
+## Template Structure
+
+- **package.json** - Base package configuration with common scripts and exports
+- **tsconfig.json** - TypeScript configuration aligned with OwlMeans standards  
+- **src/index.ts** - Entry point file
+- **README.md** - This template documentation (replace with actual docs)

package/build/index.d.ts

@@ -0,0 +1,2 @@
+export * from './service.js';
+//# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAA"}

package/build/index.js

@@ -0,0 +1,2 @@
+export * from './service.js';
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAA"}

package/build/service.d.ts

@@ -0,0 +1,5 @@
+import type { ClientConfig } from "@owlmeans/client-context";
+import type { ClientContext } from "@owlmeans/client";
+export declare const makeWebRouterService: () => import("@owlmeans/router").RouterService;
+export declare const appendWebRouter: <C extends ClientConfig, T extends ClientContext<C> = ClientContext<C>>(ctx: T) => void;
+//# sourceMappingURL=service.d.ts.map

package/build/service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.d.ts","sourceRoot":"","sources":["../src/service.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAErD,eAAO,MAAM,oBAAoB,gDAwBhC,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,YAAY,EAAE,CAAC,SAAS,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,SAE5G,CAAA"}

package/build/service.js

@@ -0,0 +1,26 @@
+import { makeRouterService } from "@owlmeans/router";
+import { RouterProvider, useNavigate } from "react-router";
+import { Outlet, useLocation, useParams } from "react-router";
+export const makeWebRouterService = () => {
+    const service = makeRouterService();
+    service.outlet = () => {
+        return Outlet;
+    };
+    service.provider = () => {
+        return RouterProvider;
+    };
+    service.useParams = () => {
+        return useParams();
+    };
+    service.useLocation = () => {
+        return useLocation();
+    };
+    service.useNavigate = () => {
+        return useNavigate();
+    };
+    return service;
+};
+export const appendWebRouter = (ctx) => {
+    ctx.registerService(makeWebRouterService());
+};
+//# sourceMappingURL=service.js.map

package/build/service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.js","sourceRoot":"","sources":["../src/service.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAI7D,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,OAAO,GAAG,iBAAiB,EAAE,CAAA;IAEnC,OAAO,CAAC,MAAM,GAAG,GAAG,EAAE;QACpB,OAAO,MAAM,CAAA;IACf,CAAC,CAAA;IAED,OAAO,CAAC,QAAQ,GAAG,GAAG,EAAE;QACtB,OAAO,cAAc,CAAA;IACvB,CAAC,CAAA;IAED,OAAO,CAAC,SAAS,GAAG,GAAwC,EAAE;QAC5D,OAAO,SAAS,EAAO,CAAA;IACzB,CAAC,CAAA;IAED,OAAO,CAAC,WAAW,GAAG,GAAG,EAAE;QACzB,OAAO,WAAW,EAAE,CAAA;IACtB,CAAC,CAAA;IAED,OAAO,CAAC,WAAW,GAAG,GAAG,EAAE;QACzB,OAAO,WAAW,EAAE,CAAA;IACtB,CAAC,CAAA;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAwE,GAAM,EAAE,EAAE;IAC/G,GAAG,CAAC,eAAe,CAAC,oBAAoB,EAAE,CAAC,CAAA;AAC7C,CAAC,CAAA"}

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@owlmeans/web-router",
+  "version": "0.1.1",
+  "type": "module",
+  "scripts": {
+    "build": "tsc -b",
+    "dev": "sleep 63 && nodemon -e ts,tsx,json --watch src --exec \"tsc -p ./tsconfig.json\"",
+    "watch": "tsc -b -w --preserveWatchOutput --pretty"
+  },
+  "main": "build/index.js",
+  "module": "build/index.js",
+  "types": "build/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./build/index.js",
+      "require": "./build/index.js",
+      "default": "./build/index.js",
+      "module": "./build/index.js",
+      "types": "./build/index.d.ts"
+    }
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-router": "^7.9.6"
+  },
+  "devDependencies": {
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.7",
+    "nodemon": "^3.1.11",
+    "typescript": "^5.8.3"
+  },
+  "dependencies": {
+    "@owlmeans/router": "^0.1.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+
+export * from './service.js'

package/src/service.ts

@@ -0,0 +1,36 @@
+import type { RouteParams } from "@owlmeans/router"
+import { makeRouterService } from "@owlmeans/router"
+import { RouterProvider, useNavigate } from "react-router"
+import { Outlet, useLocation, useParams } from "react-router"
+import type { ClientConfig } from "@owlmeans/client-context"
+import type { ClientContext } from "@owlmeans/client"
+
+export const makeWebRouterService = () => {
+  const service = makeRouterService()
+
+  service.outlet = () => {
+    return Outlet
+  }
+
+  service.provider = () => {
+    return RouterProvider
+  }
+
+  service.useParams = <T extends RouteParams = RouteParams>() => {
+    return useParams() as T
+  }
+
+  service.useLocation = () => {
+    return useLocation()
+  }
+
+  service.useNavigate = () => {
+    return useNavigate()
+  }
+
+  return service
+}
+
+export const appendWebRouter = <C extends ClientConfig, T extends ClientContext<C> = ClientContext<C>>(ctx: T) => {
+  ctx.registerService(makeWebRouterService())
+}

package/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "extends": [
+    "../tsconfig.default.json",
+    "../tsconfig.react.json",
+  ],
+  "compilerOptions": {
+    "rootDir": "./src/", /* Specify the root folder within your source files. */
+    "outDir": "./build/", /* Specify an output folder for all emitted files. */
+    "moduleResolution": "Bundler",
+  },
+  "exclude": [
+    "./dist/**/*",
+    "./build/**/*",
+    "./*.ts"
+  ]
+}