@vixt/react 0.9.0 → 0.11.0

package/dist/node/modules/components.d.mts

@@ -0,0 +1,10 @@
+import * as _$vite from "vite";
+
+//#region src/node/modules/components.d.ts
+interface ComponentResolverOptions {
+  dirs?: string[];
+  dts?: string | boolean;
+}
+declare const _default: (options?: ComponentResolverOptions | undefined) => _$vite.PluginOption;
+//#endregion
+export { ComponentResolverOptions, _default as default };

package/dist/node/modules/components.mjs

@@ -0,0 +1,2 @@
+import { t as components_default } from "../components-DgaASyfT.mjs";
+export { components_default as default };

package/dist/node/modules/preset-react.d.mts

@@ -0,0 +1,7 @@
+import * as _$_vixt_core0 from "@vixt/core";
+import { VixtOptions } from "@vixt/core";
+
+//#region src/node/modules/preset-react.d.ts
+declare const _default: _$_vixt_core0.VixtModule<VixtOptions>;
+//#endregion
+export { _default as default };

package/dist/node/modules/preset-react.mjs

@@ -0,0 +1,2 @@
+import { t as preset_react_default } from "../preset-react-DWJpAlWQ.mjs";
+export { preset_react_default as default };

package/dist/node/modules/route-block.d.mts

@@ -0,0 +1,13 @@
+import { ReactRoute } from "vite-plugin-pages";
+
+//#region src/node/modules/route-block.d.ts
+declare function extendRoute(route: ReactRoute): {
+  children?: ReactRoute[];
+  rawRoute?: string | undefined;
+  path?: string | undefined;
+  caseSensitive?: boolean | undefined;
+  element?: string | undefined;
+  index?: boolean | undefined;
+} | undefined;
+//#endregion
+export { extendRoute };

package/dist/node/modules/route-block.mjs

@@ -0,0 +1,38 @@
+import { r as __toESM } from "../chunk-e9Ob2GDo.mjs";
+import { t as require_lib } from "../lib-ByhivYXf.mjs";
+import extractComments from "extract-comments";
+import { parse } from "yaml";
+//#region src/node/modules/route-block.ts
+var import_lib = /* @__PURE__ */ __toESM(require_lib(), 1);
+const routeJSXReg = /^\s+(route)\s+/gm;
+function parseJSX(code) {
+	return extractComments(code).slice(0, 1).filter((comment) => routeJSXReg.test(comment.value) && comment.value.includes(":") && comment.loc.start.line === 1);
+}
+function parseYamlComment(code, path) {
+	return code.reduce((memo, item) => {
+		const { value } = item;
+		const v = value.replace(routeJSXReg, "");
+		try {
+			const yamlResult = parse(v);
+			return {
+				...memo,
+				...yamlResult
+			};
+		} catch (err) {
+			throw new Error(`Invalid YAML format of comment in ${path}\n${err.message}`);
+		}
+	}, {});
+}
+function getRouteBlock(path) {
+	return parseYamlComment(parseJSX(import_lib.default.readFileSync(path, "utf-8")), path);
+}
+function extendRoute(route) {
+	if (!route.element) return;
+	const block = getRouteBlock(route.element.startsWith("/") ? route.element.slice(1) : route.element);
+	return {
+		...route,
+		...block
+	};
+}
+//#endregion
+export { extendRoute };

package/dist/node/modules/virtual-root-component.d.mts

@@ -0,0 +1,7 @@
+import * as _$_vixt_core0 from "@vixt/core";
+
+//#region src/node/modules/virtual-root-component.d.ts
+declare function isEmptyCode(code?: string): boolean;
+declare const _default: _$_vixt_core0.VixtModule<_$_vixt_core0.ModuleOptions>;
+//#endregion
+export { _default as default, isEmptyCode };

package/dist/node/modules/virtual-root-component.mjs

@@ -0,0 +1,51 @@
+import { r as __toESM } from "../chunk-e9Ob2GDo.mjs";
+import { t as require_lib } from "../lib-ByhivYXf.mjs";
+import { c as resolvePathSync, l as posix } from "../dist-OcbwbyG4.mjs";
+import { defineVixtModule } from "@vixt/core";
+import { parseAst } from "vite";
+//#region src/node/modules/virtual-root-component.ts
+var import_lib = /* @__PURE__ */ __toESM(require_lib(), 1);
+function resolveRootComponent(vixt) {
+	for (const layer of vixt._layers) {
+		const layerRootComponentPath = posix.resolve(layer.config.srcDir, "App.tsx");
+		const layerRootComponentCode = import_lib.default.existsSync(layerRootComponentPath) && import_lib.default.readFileSync(layerRootComponentPath, "utf-8") || "";
+		if (!isEmptyCode(layerRootComponentCode)) return {
+			path: layerRootComponentPath,
+			code: layerRootComponentCode
+		};
+	}
+	const defaultRootComponentPath = resolvePathSync("@vixt/react/client/App");
+	return {
+		path: defaultRootComponentPath,
+		code: import_lib.default.readFileSync(defaultRootComponentPath, "utf-8")
+	};
+}
+function isEmptyCode(code) {
+	if (!code) return true;
+	try {
+		return !parseAst(code, { jsx: true }).body.length;
+	} catch {
+		return false;
+	}
+}
+const name = "virtual:vixt:root-component.tsx";
+var virtual_root_component_default = defineVixtModule({
+	meta: { name },
+	setup(_, vixt) {
+		return {
+			name,
+			resolveId(id) {
+				if (id === name) return name;
+			},
+			load(id) {
+				if (id === name) {
+					const { path, code } = resolveRootComponent(vixt);
+					this.addWatchFile(path);
+					return code;
+				}
+			}
+		};
+	}
+});
+//#endregion
+export { virtual_root_component_default as default, isEmptyCode };

package/dist/node/modules/virtual-setup-layouts.d.mts

@@ -0,0 +1,6 @@
+import * as _$_vixt_core0 from "@vixt/core";
+
+//#region src/node/modules/virtual-setup-layouts.d.ts
+declare const _default: _$_vixt_core0.VixtModule<_$_vixt_core0.ModuleOptions>;
+//#endregion
+export { _default as default };

package/dist/node/modules/virtual-setup-layouts.mjs

@@ -0,0 +1,41 @@
+import { defineVixtModule } from "@vixt/core";
+//#region src/node/modules/virtual-setup-layouts.ts
+const name = "virtual:vixt:setup-layouts";
+const virtualModuleId = name;
+const resolvedVirtualModuleId = `\0${virtualModuleId}`;
+var virtual_setup_layouts_default = defineVixtModule({
+	meta: { name },
+	setup(_, vixt) {
+		return {
+			name,
+			resolveId(id) {
+				if (id === virtualModuleId) return resolvedVirtualModuleId;
+			},
+			load(id) {
+				if (id === resolvedVirtualModuleId) {
+					const { defaultLayout = "default" } = vixt.options.layouts ?? {};
+					return `import { createElement } from 'react'
+import { layouts } from 'virtual:generated-layouts'
+
+export function setupLayouts(routes) {
+  return routes.map(route => {
+    if (route.children?.length > 0) {
+      route.children = setupLayouts(route.children)
+    }
+    if(route.element && route.meta?.layout !== false) {
+      return {
+        path: route.path,
+        element: createElement(layouts[route.meta?.layout ?? '${defaultLayout}']),
+        children: [{ ...route, path: '' }]
+      }
+    }
+    return route
+  });
+}`;
+				}
+			}
+		};
+	}
+});
+//#endregion
+export { virtual_setup_layouts_default as default };

package/dist/node/node.d.mts

@@ -0,0 +1,18 @@
+import { ExtractPluginOptions } from "@vixt/core";
+import React from "@vitejs/plugin-react";
+import Pages from "vite-plugin-pages";
+import Layouts from "vite-plugin-vue-layouts";
+
+//#region src/node/node.d.ts
+interface ReactVixtOptions {
+  react?: ExtractPluginOptions<typeof React>;
+  /** https://github.com/hannoeru/vite-plugin-pages */
+  pages?: ExtractPluginOptions<typeof Pages>;
+  /** https://github.com/JohnCampionJr/vite-plugin-vue-layouts */
+  layouts?: ExtractPluginOptions<typeof Layouts>;
+}
+declare module '@vixt/core' {
+  interface VixtOptions extends ReactVixtOptions {}
+}
+//#endregion
+export { ReactVixtOptions };

package/dist/node/preset-react-DWJpAlWQ.mjs

@@ -0,0 +1,65 @@
+import { t as components_default } from "./components-DgaASyfT.mjs";
+import { extendRoute } from "./modules/route-block.mjs";
+import { defineVixtModule, resolveLayersDirs } from "@vixt/core";
+import React from "@vitejs/plugin-react";
+import Pages from "vite-plugin-pages";
+import Layouts from "vite-plugin-vue-layouts";
+//#region ../../node_modules/.pnpm/defu@6.1.7/node_modules/defu/dist/defu.mjs
+function isPlainObject(value) {
+	if (value === null || typeof value !== "object") return false;
+	const prototype = Object.getPrototypeOf(value);
+	if (prototype !== null && prototype !== Object.prototype && Object.getPrototypeOf(prototype) !== null) return false;
+	if (Symbol.iterator in value) return false;
+	if (Symbol.toStringTag in value) return Object.prototype.toString.call(value) === "[object Module]";
+	return true;
+}
+function _defu(baseObject, defaults, namespace = ".", merger) {
+	if (!isPlainObject(defaults)) return _defu(baseObject, {}, namespace, merger);
+	const object = { ...defaults };
+	for (const key of Object.keys(baseObject)) {
+		if (key === "__proto__" || key === "constructor") continue;
+		const value = baseObject[key];
+		if (value === null || value === void 0) continue;
+		if (merger && merger(object, key, value, namespace)) continue;
+		if (Array.isArray(value) && Array.isArray(object[key])) object[key] = [...value, ...object[key]];
+		else if (isPlainObject(value) && isPlainObject(object[key])) object[key] = _defu(value, object[key], (namespace ? `${namespace}.` : "") + key.toString(), merger);
+		else object[key] = value;
+	}
+	return object;
+}
+function createDefu(merger) {
+	return (...arguments_) => arguments_.reduce((p, c) => _defu(p, c, "", merger), {});
+}
+const defu = createDefu();
+var preset_react_default = defineVixtModule({
+	meta: { name: "vixt:preset-react" },
+	setup(_, vixt) {
+		const { components = [], layouts = [], pages = [] } = resolveLayersDirs([...vixt._layers].reverse());
+		const { buildTypesDir } = vixt.options;
+		const defaultOptions = {
+			react: {},
+			pages: {
+				dirs: pages,
+				extendRoute
+			},
+			layouts: {
+				layoutsDirs: layouts,
+				pagesDirs: pages,
+				extensions: ["jsx", "tsx"],
+				importMode: () => "sync"
+			}
+		};
+		const options = vixt.options = defu(vixt.options, defaultOptions);
+		return [
+			React(options.react),
+			Pages(options.pages),
+			Layouts(options.layouts),
+			components_default({
+				dirs: components,
+				dts: `${buildTypesDir}/components.d.ts`
+			})
+		];
+	}
+});
+//#endregion
+export { preset_react_default as t };

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
-import './client.d'
-import './node.d'
+import '../client/client.d'
+import '../node/node.d'

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vixt/react",
   "type": "module",
-  "version": "0.9.0",
+  "version": "0.11.0",
   "author": "SoulLyoko<https://github.com/SoulLyoko>",
   "license": "MIT",
   "homepage": "https://soullyoko.github.io/vixt/",
@@ -12,33 +12,32 @@
     "react"
   ],
   "exports": {
-    ".": "./dist/index.mjs",
+    ".": "./dist/node/index.mjs",
     "./client/App": "./src/client/App.tsx",
     "./client/*": "./dist/client/*.js",
     "./types": "./dist/types/index.d.ts",
     "./package.json": "./package.json"
   },
-  "main": "./dist/index.mjs",
+  "main": "./dist/node/index.mjs",
   "types": "./dist/types/index.d.ts",
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@types/react": "^19.2.14",
+    "@types/react": "^19.2.15",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.1.4",
-    "ahooks": "^3.9.6",
+    "@vitejs/plugin-react": "^6.0.2",
+    "ahooks": "^3.9.7",
     "extract-comments": "^1.1.0",
     "fast-glob": "^3.3.3",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "react-router": "^7.13.1",
-    "unocss": "^66.6.0",
-    "unplugin-auto-import": "^21.0.0",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
+    "react-router": "^7.15.1",
+    "unocss": "^66.7.0",
     "unplugin-vue-components": "28.0.0",
     "vite-plugin-pages": "^0.33.3",
     "vite-plugin-vue-layouts": "^0.11.0",
-    "yaml": "^2.8.2",
-    "@vixt/core": "0.9.0"
+    "yaml": "^2.9.0",
+    "@vixt/core": "0.11.0"
   }
 }

package/dist/index.d.mts

@@ -1,7 +0,0 @@
-import * as _vixt_core0 from "@vixt/core";
-import * as vite from "vite";
-
-//#region src/index.d.ts
-declare const _default: (options?: _vixt_core0.VixtOptions | undefined) => vite.PluginOption;
-//#endregion
-export { _default as default };

package/dist/types/client.d.ts

@@ -1,12 +0,0 @@
-import type { Root } from 'react-dom/client'
-import type { RouteObject } from 'react-router'
-
-declare module '@vixt/core/client' {
-  interface VixtAppConfig { }
-
-  interface VixtApp {
-    app: Root
-    routes: RouteObject[]
-    appConfig: VixtAppConfig
-  }
-}

package/dist/types/node.d.ts

@@ -1,20 +0,0 @@
-import type React from '@vitejs/plugin-react'
-import type { ExtractPluginOptions } from '@vixt/core'
-import type UnoCSS from 'unocss/vite'
-import type AutoImport from 'unplugin-auto-import/vite'
-import type Pages from 'vite-plugin-pages'
-import type Layouts from 'vite-plugin-vue-layouts'
-
-declare module '@vixt/core' {
-  interface VixtOptions {
-    react?: ExtractPluginOptions<typeof React>
-    /** https://github.com/hannoeru/vite-plugin-pages */
-    pages?: ExtractPluginOptions<typeof Pages>
-    /** https://github.com/JohnCampionJr/vite-plugin-vue-layouts */
-    layouts?: ExtractPluginOptions<typeof Layouts>
-    /** https://github.com/unplugin/unplugin-auto-import */
-    imports?: ExtractPluginOptions<typeof AutoImport>
-    /** https://github.com/unocss/unocss */
-    unocss?: ExtractPluginOptions<typeof UnoCSS>
-  }
-}