arcanajs 2.1.2 → 2.1.4

package/framework/cli/webpack.config.js

@@ -9,7 +9,6 @@ const html_webpack_plugin_1 = __importDefault(require("html-webpack-plugin"));
 const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
 const path_1 = __importDefault(require("path"));
 const webpack_node_externals_1 = __importDefault(require("webpack-node-externals"));
-const isProduction = process.env.NODE_ENV === "production";
 const cwd = process.cwd();
 // Helper to resolve loaders from the framework's node_modules
 const resolveLoader = (loader) => require.resolve(loader);
@@ -43,6 +42,7 @@ const findEntry = (searchPaths) => {
     throw new Error(`Could not find entry point. Searched in: ${searchPaths.join(", ")}`);
 };
 const createClientConfig = () => {
+    const isProduction = process.env.NODE_ENV === "production";
     const clientEntry = findEntry([
         "src/client",
         "src/client/index",
@@ -104,9 +104,7 @@ const createClientConfig = () => {
         plugins: [
             new clean_webpack_plugin_1.CleanWebpackPlugin(),
             new html_webpack_plugin_1.default({
-                template: fs_1.default.existsSync(path_1.default.resolve(cwd, "public/index.html"))
-                    ? path_1.default.resolve(cwd, "public/index.html")
-                    : path_1.default.resolve(__dirname, "../lib/server/default-index.html"),
+                template: path_1.default.resolve(__dirname, "../lib/server/default-index.html"),
                 filename: "index.html",
                 inject: "body",
                 minify: isProduction
@@ -145,11 +143,26 @@ const createClientConfig = () => {
 };
 exports.createClientConfig = createClientConfig;
 const createServerConfig = () => {
+    const isProduction = process.env.NODE_ENV === "production";
     const serverEntry = findEntry([
         "src/server",
         "src/server/index",
         "src/server/main",
     ]);
+    // View Injection Logic
+    const viewsDir = path_1.default.resolve(cwd, "src/views");
+    const hasViews = fs_1.default.existsSync(viewsDir);
+    const viewsLoaderPath = path_1.default.resolve(__dirname, "../../node_modules/.cache/arcanajs/views-loader.js");
+    // Ensure cache directory exists
+    const cacheDir = path_1.default.dirname(viewsLoaderPath);
+    if (!fs_1.default.existsSync(cacheDir)) {
+        fs_1.default.mkdirSync(cacheDir, { recursive: true });
+    }
+    // Generate the loader file
+    const loaderContent = hasViews
+        ? `module.exports = require.context('${viewsDir}', true, /\\.(tsx|jsx)$/);`
+        : `module.exports = null;`;
+    fs_1.default.writeFileSync(viewsLoaderPath, loaderContent);
     return {
         mode: isProduction ? "production" : "development",
         target: "node",
@@ -158,9 +171,16 @@ const createServerConfig = () => {
             path: path_1.default.resolve(cwd, "dist"),
             filename: "server.js",
         },
-        externals: [(0, webpack_node_externals_1.default)()],
+        externals: [
+            (0, webpack_node_externals_1.default)({
+                allowlist: ["arcanajs"],
+            }),
+        ],
         resolve: {
             extensions: [".ts", ".tsx", ".js", ".jsx"],
+            alias: {
+                "arcana-views": viewsLoaderPath,
+            },
         },
         resolveLoader: {
             modules: ["node_modules", path_1.default.resolve(__dirname, "../../node_modules")],
@@ -194,7 +214,7 @@ const createServerConfig = () => {
                 },
             ],
         },
-        devtool: isProduction ? "source-map" : "eval-source-map",
+        // devtool: isProduction ? "source-map" : "eval-source-map",
     };
 };
 exports.createServerConfig = createServerConfig;

package/framework/lib/global.d.ts

@@ -0,0 +1,3 @@
+declare var __non_webpack_require__: NodeRequire;
+
+declare module "*.css";

package/framework/lib/server/ArcanaJSServer.js

@@ -30,8 +30,22 @@ class ArcanaJSServer {
             });
         }
         if (!views) {
-            // Auto-discovery using fs (Server-side only)
-            views = this.discoverViews();
+            // Try to load from injected alias (Webpack)
+            try {
+                // @ts-ignore - This alias is injected by Webpack
+                const injectedViews = require("arcana-views");
+                if (injectedViews) {
+                    views = {};
+                    injectedViews.keys().forEach((key) => {
+                        const viewName = key.replace(/^\.\/(.*)\.tsx$/, "$1");
+                        views[viewName] = injectedViews(key).default;
+                    });
+                }
+            }
+            catch (e) {
+                // Fallback to auto-discovery using fs (Server-side only, non-bundled)
+                views = this.discoverViews();
+            }
         }
         if (!views || Object.keys(views).length === 0) {
             console.warn("No views found. Please check your views directory.");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "arcanajs",
-  "version": "2.1.2",
+  "version": "2.1.4",
   "description": "ArcanaJS Framework",
   "main": "framework/lib/index.js",
   "types": "framework/lib/index.d.ts",
@@ -16,7 +16,7 @@
     "bin"
   ],
   "scripts": {
-    "build": "tsc -p tsconfig.lib.json && cp src/lib/server/default-index.html framework/lib/server/",
+    "build": "tsc -p tsconfig.lib.json && cp src/lib/server/default-index.html framework/lib/server/ && cp src/lib/global.d.ts framework/lib/",
     "build:app": "node bin/arcanajs.js build",
     "dev:app": "node bin/arcanajs.js dev",
     "start:app": "node bin/arcanajs.js start",

package/framework/lib/shared/ArcanaJSApp.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-export interface ArcanaJSAppProps {
-    initialPage: string;
-    initialData: any;
-    initialUrl?: string;
-    views: Record<string, React.FC<any>>;
-    layout?: React.FC<{
-        children: React.ReactNode;
-    }>;
-}
-export declare const ArcanaJSApp: React.FC<ArcanaJSAppProps>;

package/framework/lib/shared/ArcanaJSApp.js

@@ -1,79 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArcanaJSApp = void 0;
-const react_1 = __importStar(require("react"));
-const Page_1 = require("./components/Page");
-const RouterContext_1 = require("./context/RouterContext");
-const ArcanaJSApp = ({ initialPage, initialData, initialUrl, views, layout: Layout, }) => {
-    const [page, setPage] = (0, react_1.useState)(initialPage);
-    const [data, setData] = (0, react_1.useState)(initialData);
-    const [url, setUrl] = (0, react_1.useState)(initialUrl ||
-        (typeof window !== "undefined" ? window.location.pathname : "/"));
-    (0, react_1.useEffect)(() => {
-        const handlePopState = (event) => {
-            if (event.state) {
-                setPage(event.state.page);
-                setData(event.state.data);
-                setUrl(window.location.pathname);
-            }
-        };
-        window.addEventListener("popstate", handlePopState);
-        return () => window.removeEventListener("popstate", handlePopState);
-    }, []);
-    const navigateTo = async (newUrl) => {
-        try {
-            const response = await fetch(newUrl, {
-                headers: { "x-arcanajs-request": "true" },
-            });
-            const json = await response.json();
-            setPage(json.page);
-            setData(json.data);
-            setUrl(newUrl);
-            window.history.pushState({ page: json.page, data: json.data }, "", newUrl);
-        }
-        catch (error) {
-            console.error("Navigation failed", error);
-        }
-    };
-    const renderPage = () => {
-        const Component = views[page] || views["NotFoundPage"] || (() => react_1.default.createElement("div", null, "404 Not Found"));
-        return (react_1.default.createElement(Page_1.Page, { data: data },
-            react_1.default.createElement(Component, { data: data, navigateTo: navigateTo })));
-    };
-    const content = renderPage();
-    return (react_1.default.createElement(RouterContext_1.RouterProvider, { value: { navigateTo, currentPage: page, currentUrl: url, params: {} } }, Layout ? react_1.default.createElement(Layout, null, content) : react_1.default.createElement(react_1.default.Fragment, null, content)));
-};
-exports.ArcanaJSApp = ArcanaJSApp;