@gyoll/adapter-react-router-dom 0.1.0

package/build-output/index.cjs

@@ -0,0 +1,91 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// code/index.js
+var index_exports = {};
+__export(index_exports, {
+  reactRouterAdapter: () => reactRouterAdapter
+});
+module.exports = __toCommonJS(index_exports);
+var import_react = __toESM(require("react"), 1);
+var import_react_router_dom = require("react-router-dom");
+function transformRoutes(routes) {
+  return routes.map((route) => {
+    const routeObj = {
+      path: route.path
+    };
+    if (route.component || route.layout || route.error) {
+      routeObj.lazy = async () => {
+        const result = {};
+        const [componentMod, layoutMod, errorMod] = await Promise.all([
+          route.component ? route.component() : null,
+          route.layout ? route.layout() : null,
+          route.error ? route.error() : null
+        ]);
+        if (componentMod || layoutMod) {
+          const ComponentInner = componentMod && componentMod.default;
+          const LayoutOuter = layoutMod && layoutMod.default;
+          if (ComponentInner && LayoutOuter) {
+            result.Component = () => import_react.default.createElement(
+              LayoutOuter,
+              null,
+              import_react.default.createElement(ComponentInner)
+            );
+          } else {
+            result.Component = LayoutOuter || ComponentInner;
+          }
+          if (componentMod?.loader) result.loader = componentMod.loader;
+          if (componentMod?.action) result.action = componentMod.action;
+        }
+        if (errorMod) {
+          result.ErrorBoundary = errorMod.default;
+        }
+        return result;
+      };
+    }
+    if (route.children && route.children.length > 0) {
+      routeObj.children = transformRoutes(route.children);
+    }
+    return routeObj;
+  });
+}
+var reactRouterAdapter = {
+  /**
+   * Creates a React Router instance
+   * @param {Array} routes - Transformed routes
+   * @param {object} options - Router options
+   * @returns {object} Router instance
+   */
+  createRouter(routes, options = {}) {
+    return (0, import_react_router_dom.createBrowserRouter)(routes, options);
+  },
+  /**
+   * Transforms routes to React Router format
+   */
+  transformRoutes
+};

package/build-output/index.d.ts

@@ -0,0 +1,17 @@
+export namespace reactRouterAdapter {
+    /**
+     * Creates a React Router instance
+     * @param {Array} routes - Transformed routes
+     * @param {object} options - Router options
+     * @returns {object} Router instance
+     */
+    export function createRouter(routes: any[], options?: object): object;
+    export { transformRoutes };
+}
+/**
+ * Transforms file-routes format to React Router format
+ * @param {Array} routes - Routes from manifest
+ * @returns {Array} React Router route objects
+ */
+declare function transformRoutes(routes: any[]): any[];
+export {};

package/build-output/index.js

@@ -0,0 +1,61 @@
+// code/index.js
+import React from "react";
+import { createBrowserRouter } from "react-router-dom";
+function transformRoutes(routes) {
+  return routes.map((route) => {
+    const routeObj = {
+      path: route.path
+    };
+    if (route.component || route.layout || route.error) {
+      routeObj.lazy = async () => {
+        const result = {};
+        const [componentMod, layoutMod, errorMod] = await Promise.all([
+          route.component ? route.component() : null,
+          route.layout ? route.layout() : null,
+          route.error ? route.error() : null
+        ]);
+        if (componentMod || layoutMod) {
+          const ComponentInner = componentMod && componentMod.default;
+          const LayoutOuter = layoutMod && layoutMod.default;
+          if (ComponentInner && LayoutOuter) {
+            result.Component = () => React.createElement(
+              LayoutOuter,
+              null,
+              React.createElement(ComponentInner)
+            );
+          } else {
+            result.Component = LayoutOuter || ComponentInner;
+          }
+          if (componentMod?.loader) result.loader = componentMod.loader;
+          if (componentMod?.action) result.action = componentMod.action;
+        }
+        if (errorMod) {
+          result.ErrorBoundary = errorMod.default;
+        }
+        return result;
+      };
+    }
+    if (route.children && route.children.length > 0) {
+      routeObj.children = transformRoutes(route.children);
+    }
+    return routeObj;
+  });
+}
+var reactRouterAdapter = {
+  /**
+   * Creates a React Router instance
+   * @param {Array} routes - Transformed routes
+   * @param {object} options - Router options
+   * @returns {object} Router instance
+   */
+  createRouter(routes, options = {}) {
+    return createBrowserRouter(routes, options);
+  },
+  /**
+   * Transforms routes to React Router format
+   */
+  transformRoutes
+};
+export {
+  reactRouterAdapter
+};

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@gyoll/adapter-react-router-dom",
+  "version": "0.1.0",
+  "type": "module",
+  "description": "React Router DOM adapter for Gyoll file-based routing",
+  "main": "./build-output/index.cjs",
+  "module": "./build-output/index.js",
+  "types": "./build-output/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./build-output/index.d.ts",
+      "import": "./build-output/index.js",
+      "require": "./build-output/index.cjs"
+    }
+  },
+  "files": [
+    "build-output/",
+    "README.md",
+    "LICENSE"
+  ],
+  "keywords": [
+    "routing",
+    "react-router",
+    "react",
+    "adapter",
+    "gyoll"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/your-org/gyoll.git",
+    "directory": "adapters-react-router-dom"
+  },
+  "peerDependencies": {
+    "@gyoll/runtime": "^0.1.0",
+    "react": "^18.0.0",
+    "react-router-dom": "^6.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "typescript": "^5.9.3"
+  },
+  "scripts": {
+    "build": "node build.js",
+    "types": "tsc --declaration --emitDeclarationOnly --outDir build-output",
+    "test:unit": "vitest run --dir tests/unit",
+    "test:integration": "vitest run --dir tests/integration"
+  }
+}