@vixt/react 0.12.1 → 0.13.0

package/dist/client/App.tsx

@@ -1,8 +1,8 @@
 // @ts-nocheck
-import routes from '~react-pages'
 import { BrowserRouter, useRoutes } from 'react-router'
 import appConfig from 'virtual:vixt:app-config'
 import { setupLayouts } from 'virtual:vixt:setup-layouts'
+import routes from '~react-pages'
 
 function App() {
   const routesWithLayouts = setupLayouts(routes)

package/dist/client/client.d.ts

@@ -1,6 +1,5 @@
 import { Root } from "react-dom/client";
 import { RouteObject } from "react-router";
-
 //#region src/client/client.d.ts
 interface ReactVixtAppConfig {}
 interface ReactVixtApp {

package/dist/client/entry.d.ts

@@ -1,3 +1,4 @@
+import "virtual:vixt:css";
 //#region src/client/entry.d.ts
 declare function entry(): import("react-dom/client").Root;
 //#endregion

package/dist/node/index.d.mts

@@ -1,5 +1,4 @@
 import { ReactVixtOptions } from "./node.mjs";
-
 //#region src/node/index.d.ts
 /** @hidden */
 declare const _default: (options?: import("@vixt/core").VixtOptions | undefined) => import("vite").PluginOption;

package/dist/node/modules/components.mjs

@@ -1,6 +1,5 @@
 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";
@@ -23,12 +22,12 @@ var components_default = defineVitePlugin((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))]];
+		const componentName = pascalCase(getNameFromFilePath(componentPath, dirs));
+		imports[componentPath] = [["default", componentName]];
 	});
 	return AutoImport({
 		imports,

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

@@ -1,5 +1,4 @@
 import { VixtOptions } from "@vixt/core";
-
 //#region src/node/modules/preset-react.d.ts
 declare const _default: import("@vixt/core").VixtModule<VixtOptions>;
 //#endregion

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

@@ -14,6 +14,7 @@ var preset_react_default = defineVixtModule({
 			react: {},
 			pages: {
 				dirs: pages,
+				importPath: "absolute",
 				extendRoute
 			},
 			layouts: {

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

@@ -1,6 +1,8 @@
-import { ReactRoute } from "vite-plugin-pages";
-
+import { CustomBlock, ParsedJSX, ReactRoute } from "vite-plugin-pages";
 //#region src/node/modules/route-block.d.ts
+declare function parseJSX(code: string): ParsedJSX[];
+declare function parseYamlComment(code: ParsedJSX[], path: string): CustomBlock;
+declare function getRouteBlock(path: string): CustomBlock | undefined;
 declare function extendRoute(route: ReactRoute): {
   children?: ReactRoute[];
   rawRoute?: string | undefined;
@@ -10,4 +12,4 @@ declare function extendRoute(route: ReactRoute): {
   index?: boolean | undefined;
 } | undefined;
 //#endregion
-export { extendRoute };
+export { extendRoute, getRouteBlock, parseJSX, parseYamlComment };

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

@@ -1,7 +1,5 @@
 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
 const routeJSXReg = /^\s+(route)\s+/gm;
@@ -24,21 +22,17 @@ function parseYamlComment(code, path) {
 	}, {});
 }
 function getRouteBlock(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;
+	const parsedJSX = parseJSX(fs.readFileSync(path, "utf-8"));
+	if (!parsedJSX.length) return;
+	return parseYamlComment(parsedJSX, path);
 }
 function extendRoute(route) {
 	if (!route.element) return;
-	const block = getRouteBlock(resolveCodePath(route.element));
+	const block = getRouteBlock(route.element);
 	return {
 		...route,
 		...block
 	};
 }
 //#endregion
-export { extendRoute };
+export { extendRoute, getRouteBlock, parseJSX, parseYamlComment };

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

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

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

@@ -47,4 +47,4 @@ var virtual_root_component_default = defineVixtModule({
 	}
 });
 //#endregion
-export { virtual_root_component_default as default, isEmptyCode };
+export { virtual_root_component_default as default, isEmptyCode, resolveRootComponent };

package/dist/node/node.d.mts

@@ -2,7 +2,6 @@ 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>;

package/package.json

@@ -1,19 +1,24 @@
 {
   "name": "@vixt/react",
-  "type": "module",
-  "version": "0.12.1",
-  "author": "SoulLyoko<https://github.com/SoulLyoko>",
-  "license": "MIT",
+  "version": "0.13.0",
+  "keywords": [
+    "react",
+    "vite",
+    "vixt"
+  ],
   "homepage": "https://soullyoko.github.io/vixt/",
+  "license": "MIT",
+  "author": "SoulLyoko<https://github.com/SoulLyoko>",
   "repository": {
     "type": "git",
     "url": "https://github.com/SoulLyoko/vixt.git"
   },
-  "keywords": [
-    "vixt",
-    "vite",
-    "react"
+  "files": [
+    "dist"
   ],
+  "type": "module",
+  "main": "./dist/node/index.mjs",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": "./dist/node/index.mjs",
     "./client/App": "./src/client/App.tsx",
@@ -21,30 +26,25 @@
     "./types": "./dist/types/index.d.ts",
     "./package.json": "./package.json"
   },
-  "main": "./dist/node/index.mjs",
-  "types": "./dist/types/index.d.ts",
-  "files": [
-    "dist"
-  ],
   "dependencies": {
-    "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^6.0.3",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.5",
+    "@vitejs/plugin-react": "^6.1.0",
+    "@vixt/core": "0.13.0",
     "defu": "^6.1.7",
     "extract-comments": "^1.1.0",
     "fast-glob": "^3.3.3",
-    "fs-extra": "^11.3.6",
+    "fs-extra": "^11.4.0",
     "mlly": "^1.8.2",
     "pathe": "^2.0.3",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
-    "react-router": "^8.1.0",
-    "unplugin-auto-import": "^21.0.0",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "react-router": "^8.3.0",
+    "unplugin-auto-import": "^21.1.0",
     "unplugin-vue-components": "28.0.0",
-    "vite": "^8.1.2",
+    "vite": "^8.2.2",
     "vite-plugin-pages": "^0.33.3",
     "vite-plugin-vue-layouts": "^0.11.0",
-    "yaml": "^2.9.0",
-    "@vixt/core": "0.12.1"
+    "yaml": "^2.9.0"
   }
 }