@vixt/react 0.11.2 → 0.12.1

package/dist/node/index.mjs

@@ -1,13 +1,11 @@
-import { r as __toESM } from "./chunk-DnnnRqeS.mjs";
-import { t as require_lib } from "./lib-BJ7U9lm_.mjs";
-import { c as resolvePathSync } from "./dist-CoEoJGXV.mjs";
-import { t as preset_react_default } from "./preset-react-BTKKeG54.mjs";
+import preset_react_default from "./modules/preset-react.mjs";
 import virtual_root_component_default from "./modules/virtual-root-component.mjs";
 import virtual_setup_layouts_default from "./modules/virtual-setup-layouts.mjs";
 import { createVixtPlugin } from "@vixt/core";
+import fs from "fs-extra";
+import { resolvePathSync } from "mlly";
 //#region src/node/index.ts
 /** @module react */
-var import_lib = /* @__PURE__ */ __toESM(require_lib(), 1);
 /** @hidden */
 var node_default = createVixtPlugin({ defaults: {
 	modules: [
@@ -17,17 +15,13 @@ var node_default = createVixtPlugin({ defaults: {
 	],
 	app: {
 		entryFile: "main.tsx",
-		entryCode: import_lib.default.readFileSync(resolvePathSync("@vixt/react/client/entry"), "utf-8"),
+		entryCode: fs.readFileSync(resolvePathSync("@vixt/react/client/entry"), "utf-8"),
 		head: { meta: [{ charset: "utf-8" }, {
 			name: "viewport",
 			content: "width=device-width, initial-scale=1.0"
 		}] }
 	},
-	imports: { imports: [
-		"react",
-		"react-router",
-		"ahooks"
-	] },
+	imports: { imports: ["react", "react-router"] },
 	typescript: { tsConfig: { compilerOptions: {
 		jsxImportSource: "react",
 		types: ["@vixt/react/types", "vite-plugin-pages/client-react"]

package/dist/node/modules/components.mjs

@@ -1,2 +1,39 @@
-import { t as components_default } from "../components-Dsb3rw2n.mjs";
+import { defineVitePlugin } from "@vixt/core";
+import { parse } from "node:path";
+import { cwd } from "node:process";
+import fg from "fast-glob";
+import AutoImport from "unplugin-auto-import/vite";
+import { pascalCase } from "unplugin-vue-components";
+//#region src/node/modules/components.ts
+function getNameFromFilePath(filePath, dirs) {
+	const parsedFilePath = parse(filePath);
+	let strippedPath = "";
+	for (const dir of dirs) if (parsedFilePath.dir.startsWith(dir)) {
+		strippedPath = parsedFilePath.dir.slice(dir.length);
+		break;
+	}
+	const folders = strippedPath.slice(1).split("/").filter(Boolean);
+	let filename = parsedFilePath.name;
+	if (filename === "index") filename = "";
+	filename = [...folders, filename].filter(Boolean).join("-");
+	return filename;
+}
+var components_default = defineVitePlugin((options) => {
+	const { dirs = ["src/components"], dts = "components.d.ts" } = options ?? {};
+	const files = fg.sync(dirs.map((c) => `${c}/**/*.(t|j)sx`), {
+		ignore: ["node_modules", ".git"],
+		onlyFiles: true,
+		cwd: cwd(),
+		absolute: true
+	});
+	const imports = {};
+	files.forEach((componentPath) => {
+		imports[componentPath] = [["default", pascalCase(getNameFromFilePath(componentPath, dirs))]];
+	});
+	return AutoImport({
+		imports,
+		dts
+	});
+});
+//#endregion
 export { components_default as default };

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

@@ -1,2 +1,39 @@
-import { t as preset_react_default } from "../preset-react-BTKKeG54.mjs";
+import components_default from "./components.mjs";
+import { extendRoute } from "./route-block.mjs";
+import { defineVixtModule, resolveLayersDirs } from "@vixt/core";
+import React from "@vitejs/plugin-react";
+import defu from "defu";
+import Pages from "vite-plugin-pages";
+import Layouts from "vite-plugin-vue-layouts";
+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 default };

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

@@ -1,9 +1,9 @@
-import { r as __toESM } from "../chunk-DnnnRqeS.mjs";
-import { t as require_lib } from "../lib-BJ7U9lm_.mjs";
+import fs from "fs-extra";
+import { cwd } from "node:process";
 import extractComments from "extract-comments";
+import path from "pathe";
 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);
@@ -24,11 +24,17 @@ function parseYamlComment(code, path) {
 	}, {});
 }
 function getRouteBlock(path) {
-	return parseYamlComment(parseJSX(import_lib.default.readFileSync(path, "utf-8")), path);
+	return parseYamlComment(parseJSX(fs.readFileSync(path, "utf-8")), path);
+}
+function resolveCodePath(element) {
+	if (fs.existsSync(element)) return element;
+	const relativePath = path.join(cwd(), element);
+	if (fs.existsSync(relativePath)) return relativePath;
+	return element;
 }
 function extendRoute(route) {
 	if (!route.element) return;
-	const block = getRouteBlock(route.element.startsWith("/") ? route.element.slice(1) : route.element);
+	const block = getRouteBlock(resolveCodePath(route.element));
 	return {
 		...route,
 		...block

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

@@ -1,14 +1,13 @@
-import { r as __toESM } from "../chunk-DnnnRqeS.mjs";
-import { t as require_lib } from "../lib-BJ7U9lm_.mjs";
-import { c as resolvePathSync, l as posix } from "../dist-CoEoJGXV.mjs";
 import { defineVixtModule } from "@vixt/core";
+import fs from "fs-extra";
+import { resolvePathSync } from "mlly";
+import path from "pathe";
 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") || "";
+		const layerRootComponentPath = path.resolve(layer.config.srcDir, "App.tsx");
+		const layerRootComponentCode = fs.existsSync(layerRootComponentPath) && fs.readFileSync(layerRootComponentPath, "utf-8") || "";
 		if (!isEmptyCode(layerRootComponentCode)) return {
 			path: layerRootComponentPath,
 			code: layerRootComponentCode
@@ -17,7 +16,7 @@ function resolveRootComponent(vixt) {
 	const defaultRootComponentPath = resolvePathSync("@vixt/react/client/App");
 	return {
 		path: defaultRootComponentPath,
-		code: import_lib.default.readFileSync(defaultRootComponentPath, "utf-8")
+		code: fs.readFileSync(defaultRootComponentPath, "utf-8")
 	};
 }
 function isEmptyCode(code) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vixt/react",
   "type": "module",
-  "version": "0.11.2",
+  "version": "0.12.1",
   "author": "SoulLyoko<https://github.com/SoulLyoko>",
   "license": "MIT",
   "homepage": "https://soullyoko.github.io/vixt/",
@@ -29,18 +29,22 @@
   "dependencies": {
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^6.0.2",
-    "ahooks": "^3.9.7",
+    "@vitejs/plugin-react": "^6.0.3",
+    "defu": "^6.1.7",
     "extract-comments": "^1.1.0",
     "fast-glob": "^3.3.3",
+    "fs-extra": "^11.3.6",
+    "mlly": "^1.8.2",
+    "pathe": "^2.0.3",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
-    "react-router": "^7.17.0",
-    "unocss": "^66.7.0",
+    "react-router": "^8.1.0",
+    "unplugin-auto-import": "^21.0.0",
     "unplugin-vue-components": "28.0.0",
+    "vite": "^8.1.2",
     "vite-plugin-pages": "^0.33.3",
     "vite-plugin-vue-layouts": "^0.11.0",
     "yaml": "^2.9.0",
-    "@vixt/core": "0.11.2"
+    "@vixt/core": "0.12.1"
   }
 }

package/dist/node/chunk-DnnnRqeS.mjs

@@ -1,26 +0,0 @@
-import { createRequire } from "node:module";
-//#region \0rolldown/runtime.js
-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 __commonJSMin = (cb, mod) => () => (mod || (cb((mod = { exports: {} }).exports, mod), cb = null), mod.exports);
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-var __require = /* @__PURE__ */ createRequire(import.meta.url);
-//#endregion
-export { __require as n, __toESM as r, __commonJSMin as t };