arcanajs 2.4.0 → 2.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (85) hide show
  1. package/package.json +1 -1
  2. package/framework/cli/index.d.ts +0 -1
  3. package/framework/cli/index.js +0 -204
  4. package/framework/cli/templates.d.ts +0 -6
  5. package/framework/cli/templates.js +0 -44
  6. package/framework/cli/webpack.config.d.ts +0 -3
  7. package/framework/cli/webpack.config.js +0 -310
  8. package/framework/lib/client/index.d.ts +0 -59
  9. package/framework/lib/client/index.js +0 -97
  10. package/framework/lib/config/index.d.ts +0 -46
  11. package/framework/lib/config/index.js +0 -115
  12. package/framework/lib/global.d.ts +0 -58
  13. package/framework/lib/index.d.ts +0 -19
  14. package/framework/lib/index.js +0 -59
  15. package/framework/lib/server/ArcanaJSMiddleware.d.ts +0 -24
  16. package/framework/lib/server/ArcanaJSMiddleware.js +0 -114
  17. package/framework/lib/server/ArcanaJSServer.d.ts +0 -23
  18. package/framework/lib/server/ArcanaJSServer.js +0 -165
  19. package/framework/lib/server/ControllerBinder.d.ts +0 -4
  20. package/framework/lib/server/ControllerBinder.js +0 -32
  21. package/framework/lib/server/CsrfMiddleware.d.ts +0 -2
  22. package/framework/lib/server/CsrfMiddleware.js +0 -34
  23. package/framework/lib/server/DynamicRouter.d.ts +0 -2
  24. package/framework/lib/server/DynamicRouter.js +0 -50
  25. package/framework/lib/server/ResponseHandlerMiddleware.d.ts +0 -27
  26. package/framework/lib/server/ResponseHandlerMiddleware.js +0 -30
  27. package/framework/lib/server/Router.d.ts +0 -94
  28. package/framework/lib/server/Router.js +0 -203
  29. package/framework/lib/server/default-index.html +0 -12
  30. package/framework/lib/server.d.ts +0 -32
  31. package/framework/lib/server.js +0 -69
  32. package/framework/lib/shared/components/Body.d.ts +0 -6
  33. package/framework/lib/shared/components/Body.js +0 -8
  34. package/framework/lib/shared/components/Head.d.ts +0 -4
  35. package/framework/lib/shared/components/Head.js +0 -125
  36. package/framework/lib/shared/components/Link.d.ts +0 -7
  37. package/framework/lib/shared/components/Link.js +0 -27
  38. package/framework/lib/shared/components/NavLink.d.ts +0 -9
  39. package/framework/lib/shared/components/NavLink.js +0 -13
  40. package/framework/lib/shared/components/Page.d.ts +0 -6
  41. package/framework/lib/shared/components/Page.js +0 -10
  42. package/framework/lib/shared/context/HeadContext.d.ts +0 -6
  43. package/framework/lib/shared/context/HeadContext.js +0 -5
  44. package/framework/lib/shared/context/PageContext.d.ts +0 -1
  45. package/framework/lib/shared/context/PageContext.js +0 -5
  46. package/framework/lib/shared/context/RouterContext.d.ts +0 -15
  47. package/framework/lib/shared/context/RouterContext.js +0 -10
  48. package/framework/lib/shared/core/ArcanaJSApp.d.ts +0 -14
  49. package/framework/lib/shared/core/ArcanaJSApp.js +0 -142
  50. package/framework/lib/shared/hooks/useHead.d.ts +0 -1
  51. package/framework/lib/shared/hooks/useHead.js +0 -7
  52. package/framework/lib/shared/hooks/useLocation.d.ts +0 -5
  53. package/framework/lib/shared/hooks/useLocation.js +0 -13
  54. package/framework/lib/shared/hooks/usePage.d.ts +0 -1
  55. package/framework/lib/shared/hooks/usePage.js +0 -7
  56. package/framework/lib/shared/hooks/useParams.d.ts +0 -1
  57. package/framework/lib/shared/hooks/useParams.js +0 -13
  58. package/framework/lib/shared/hooks/useQuery.d.ts +0 -1
  59. package/framework/lib/shared/hooks/useQuery.js +0 -9
  60. package/framework/lib/shared/hooks/useRouter.d.ts +0 -1
  61. package/framework/lib/shared/hooks/useRouter.js +0 -13
  62. package/framework/lib/shared/utils/createSingletonContext.d.ts +0 -11
  63. package/framework/lib/shared/utils/createSingletonContext.js +0 -21
  64. package/framework/lib/shared/views/ErrorPage.d.ts +0 -7
  65. package/framework/lib/shared/views/ErrorPage.js +0 -12
  66. package/framework/lib/shared/views/NotFoundPage.d.ts +0 -5
  67. package/framework/lib/shared/views/NotFoundPage.js +0 -11
  68. package/framework/lib/types.d.ts +0 -174
  69. package/framework/lib/types.js +0 -8
  70. package/framework/templates/ErrorPage.tsx +0 -136
  71. package/framework/templates/HomePage.tsx +0 -344
  72. package/framework/templates/NotFoundPage.tsx +0 -108
  73. package/framework/templates/arcanajs.config.ts +0 -44
  74. package/framework/templates/arcanajs.d.ts +0 -8
  75. package/framework/templates/arcanajs.png +0 -0
  76. package/framework/templates/arcanajs.svg +0 -12
  77. package/framework/templates/client-index.tsx +0 -7
  78. package/framework/templates/favicon.ico +0 -0
  79. package/framework/templates/globals.css +0 -198
  80. package/framework/templates/package.json +0 -15
  81. package/framework/templates/postcss.config.js +0 -6
  82. package/framework/templates/server-controller-home.ts +0 -7
  83. package/framework/templates/server-index.ts +0 -11
  84. package/framework/templates/server-routes-web.ts +0 -7
  85. package/framework/templates/tsconfig.json +0 -27
@@ -1,32 +0,0 @@
1
- import { Express } from "express";
2
- import { ArcanaJSConfig, ArcanaJSServer } from "./server/ArcanaJSServer";
3
- export * from "./server/ArcanaJSMiddleware";
4
- export * from "./server/ArcanaJSServer";
5
- export { default as ControllerBinder } from "./server/ControllerBinder";
6
- export * from "./server/DynamicRouter";
7
- export * from "./server/Router";
8
- export { default as Route } from "./server/Router";
9
- export * from "./server/CsrfMiddleware";
10
- export * from "./server/ResponseHandlerMiddleware";
11
- /**
12
- * Create an ArcanaJS server with the given Express app
13
- *
14
- * @param app - Express application instance
15
- * @param config - Optional ArcanaJS configuration
16
- * @returns ArcanaJSServer instance
17
- *
18
- * @example
19
- * ```typescript
20
- * import express from 'express';
21
- * import { createArcanaServer } from 'arcanajs/server';
22
- *
23
- * const app = express();
24
- * const server = createArcanaServer(app, {
25
- * port: 3000,
26
- * viewsDir: 'src/views',
27
- * });
28
- *
29
- * server.start();
30
- * ```
31
- */
32
- export declare function createArcanaServer(app: Express, config?: Partial<ArcanaJSConfig>): ArcanaJSServer;
@@ -1,69 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- var __importDefault = (this && this.__importDefault) || function (mod) {
17
- return (mod && mod.__esModule) ? mod : { "default": mod };
18
- };
19
- Object.defineProperty(exports, "__esModule", { value: true });
20
- exports.Route = exports.ControllerBinder = void 0;
21
- exports.createArcanaServer = createArcanaServer;
22
- const ArcanaJSServer_1 = require("./server/ArcanaJSServer");
23
- // ============================================================================
24
- // Server Core Exports
25
- // ============================================================================
26
- __exportStar(require("./server/ArcanaJSMiddleware"), exports);
27
- __exportStar(require("./server/ArcanaJSServer"), exports);
28
- var ControllerBinder_1 = require("./server/ControllerBinder");
29
- Object.defineProperty(exports, "ControllerBinder", { enumerable: true, get: function () { return __importDefault(ControllerBinder_1).default; } });
30
- // ============================================================================
31
- // Routing Exports
32
- // ============================================================================
33
- __exportStar(require("./server/DynamicRouter"), exports);
34
- __exportStar(require("./server/Router"), exports);
35
- var Router_1 = require("./server/Router");
36
- Object.defineProperty(exports, "Route", { enumerable: true, get: function () { return __importDefault(Router_1).default; } });
37
- // ============================================================================
38
- // Middleware Exports
39
- // ============================================================================
40
- __exportStar(require("./server/CsrfMiddleware"), exports);
41
- __exportStar(require("./server/ResponseHandlerMiddleware"), exports);
42
- // ============================================================================
43
- // Server Factory Function
44
- // ============================================================================
45
- /**
46
- * Create an ArcanaJS server with the given Express app
47
- *
48
- * @param app - Express application instance
49
- * @param config - Optional ArcanaJS configuration
50
- * @returns ArcanaJSServer instance
51
- *
52
- * @example
53
- * ```typescript
54
- * import express from 'express';
55
- * import { createArcanaServer } from 'arcanajs/server';
56
- *
57
- * const app = express();
58
- * const server = createArcanaServer(app, {
59
- * port: 3000,
60
- * viewsDir: 'src/views',
61
- * });
62
- *
63
- * server.start();
64
- * ```
65
- */
66
- function createArcanaServer(app, config) {
67
- const server = new ArcanaJSServer_1.ArcanaJSServer({ ...config });
68
- return server;
69
- }
@@ -1,6 +0,0 @@
1
- import React from "react";
2
- interface BodyProps {
3
- children: React.ReactNode;
4
- }
5
- export declare const Body: React.FC<BodyProps>;
6
- export {};
@@ -1,8 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Body = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const Body = ({ children }) => {
6
- return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
7
- };
8
- exports.Body = Body;
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- export declare const Head: React.FC<{
3
- children: React.ReactNode;
4
- }>;
@@ -1,125 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- Object.defineProperty(exports, "__esModule", { value: true });
36
- exports.Head = void 0;
37
- const react_1 = __importStar(require("react"));
38
- const useHead_1 = require("../hooks/useHead");
39
- const Head = ({ children }) => {
40
- const headManager = (0, useHead_1.useHead)();
41
- // Server-side: Push tags to context
42
- if (typeof window === "undefined" && headManager) {
43
- react_1.default.Children.forEach(children, (child) => {
44
- if (react_1.default.isValidElement(child)) {
45
- headManager.push(react_1.default.cloneElement(child, {
46
- "data-arcanajs-head": "true",
47
- }));
48
- }
49
- });
50
- }
51
- // Client-side: Update DOM
52
- (0, react_1.useEffect)(() => {
53
- const managedElements = [];
54
- react_1.default.Children.forEach(children, (child) => {
55
- if (react_1.default.isValidElement(child)) {
56
- const reactElement = child;
57
- if (reactElement.type === "title") {
58
- document.title = reactElement.props.children;
59
- }
60
- else if (reactElement.type === "meta") {
61
- const props = reactElement.props;
62
- // Try to find existing meta tag
63
- let selector = "meta";
64
- if (props.name)
65
- selector += `[name="${props.name}"]`;
66
- if (props.property)
67
- selector += `[property="${props.property}"]`;
68
- // Only select if we have a specific identifier
69
- if (props.name || props.property) {
70
- let element = document.querySelector(selector + '[data-arcanajs-head="true"]') || document.querySelector(selector);
71
- if (element) {
72
- // Update existing
73
- element.setAttribute("content", props.content);
74
- element.setAttribute("data-arcanajs-head", "true");
75
- managedElements.push(element);
76
- }
77
- else {
78
- // Create new
79
- const newMeta = document.createElement("meta");
80
- Object.keys(props).forEach((key) => {
81
- newMeta.setAttribute(key, props[key]);
82
- });
83
- newMeta.setAttribute("data-arcanajs-head", "true");
84
- document.head.appendChild(newMeta);
85
- managedElements.push(newMeta);
86
- }
87
- }
88
- }
89
- else if (reactElement.type === "link") {
90
- const props = reactElement.props;
91
- let selector = "link";
92
- if (props.rel)
93
- selector += `[rel="${props.rel}"]`;
94
- if (props.href)
95
- selector += `[href="${props.href}"]`;
96
- let element = document.querySelector(selector + '[data-arcanajs-head="true"]') ||
97
- document.querySelector(selector);
98
- if (element) {
99
- element.setAttribute("data-arcanajs-head", "true");
100
- managedElements.push(element);
101
- }
102
- else {
103
- const newLink = document.createElement("link");
104
- Object.keys(props).forEach((key) => {
105
- newLink.setAttribute(key, props[key]);
106
- });
107
- newLink.setAttribute("data-arcanajs-head", "true");
108
- document.head.appendChild(newLink);
109
- managedElements.push(newLink);
110
- }
111
- }
112
- }
113
- });
114
- return () => {
115
- // Cleanup managed elements
116
- managedElements.forEach((el) => {
117
- // We remove the element to ensure clean state for the next page
118
- // Note: This might cause a momentary flicker if the next page re-adds it immediately
119
- el.remove();
120
- });
121
- };
122
- }, [children]);
123
- return null;
124
- };
125
- exports.Head = Head;
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
3
- href: string;
4
- prefetch?: boolean;
5
- }
6
- export declare const Link: React.FC<LinkProps>;
7
- export {};
@@ -1,27 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Link = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const useRouter_1 = require("../hooks/useRouter");
6
- const Link = ({ href, children, prefetch = false, ...props }) => {
7
- const { navigateTo } = (0, useRouter_1.useRouter)();
8
- const isExternal = /^https?:\/\//.test(href);
9
- const handleClick = (e) => {
10
- e.preventDefault();
11
- if (!isExternal) {
12
- navigateTo(href);
13
- }
14
- else {
15
- // Open external links in a new tab
16
- window.open(href, "_blank", "noopener,noreferrer");
17
- }
18
- };
19
- const handleMouseEnter = () => {
20
- if (prefetch && !isExternal) {
21
- // Prefetch using HEAD request to warm cache
22
- fetch(href, { method: "HEAD" }).catch(() => { });
23
- }
24
- };
25
- return ((0, jsx_runtime_1.jsx)("a", { href: href, onClick: handleClick, onMouseEnter: handleMouseEnter, target: isExternal ? "_blank" : undefined, rel: isExternal ? "noopener noreferrer" : undefined, ...props, children: children }));
26
- };
27
- exports.Link = Link;
@@ -1,9 +0,0 @@
1
- import React from "react";
2
- interface NavLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
3
- href: string;
4
- activeClassName?: string;
5
- exact?: boolean;
6
- prefetch?: boolean;
7
- }
8
- export declare const NavLink: React.FC<NavLinkProps>;
9
- export {};
@@ -1,13 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.NavLink = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const useRouter_1 = require("../hooks/useRouter");
6
- const Link_1 = require("./Link");
7
- const NavLink = ({ href, activeClassName = "active", className = "", exact = false, prefetch = false, children, ...props }) => {
8
- const { currentUrl } = (0, useRouter_1.useRouter)();
9
- const isActive = exact ? currentUrl === href : currentUrl.startsWith(href);
10
- const combinedClassName = `${className} ${isActive ? activeClassName : ""}`.trim();
11
- return ((0, jsx_runtime_1.jsx)(Link_1.Link, { href: href, className: combinedClassName, prefetch: prefetch, ...props, children: children }));
12
- };
13
- exports.NavLink = NavLink;
@@ -1,6 +0,0 @@
1
- import React from "react";
2
- export declare const Page: React.FC<{
3
- data?: any;
4
- title?: string;
5
- children: React.ReactNode;
6
- }>;
@@ -1,10 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Page = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const PageContext_1 = require("../context/PageContext");
6
- const Head_1 = require("./Head");
7
- const Page = ({ data, title, children }) => {
8
- return ((0, jsx_runtime_1.jsxs)(PageContext_1.PageContext.Provider, { value: data, children: [title && ((0, jsx_runtime_1.jsx)(Head_1.Head, { children: (0, jsx_runtime_1.jsx)("title", { children: title }) })), children] }));
9
- };
10
- exports.Page = Page;
@@ -1,6 +0,0 @@
1
- import React from "react";
2
- export interface HeadManager {
3
- tags: React.ReactNode[];
4
- push: (tags: React.ReactNode) => void;
5
- }
6
- export declare const HeadContext: React.Context<HeadManager | null>;
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.HeadContext = void 0;
4
- const createSingletonContext_1 = require("../utils/createSingletonContext");
5
- exports.HeadContext = (0, createSingletonContext_1.createSingletonContext)("HeadContext", null);
@@ -1 +0,0 @@
1
- export declare const PageContext: import("react").Context<any>;
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.PageContext = void 0;
4
- const createSingletonContext_1 = require("../utils/createSingletonContext");
5
- exports.PageContext = (0, createSingletonContext_1.createSingletonContext)("PageContext", null);
@@ -1,15 +0,0 @@
1
- import React from "react";
2
- export interface RouterContextType {
3
- navigateTo: (url: string) => void;
4
- currentPage: string;
5
- currentUrl: string;
6
- params: Record<string, string>;
7
- csrfToken?: string;
8
- onNavigate?: (url: string) => void;
9
- isNavigating: boolean;
10
- }
11
- export declare const RouterContext: React.Context<RouterContextType | null>;
12
- export declare const RouterProvider: React.FC<{
13
- value: RouterContextType;
14
- children: React.ReactNode;
15
- }>;
@@ -1,10 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.RouterProvider = exports.RouterContext = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const createSingletonContext_1 = require("../utils/createSingletonContext");
6
- exports.RouterContext = (0, createSingletonContext_1.createSingletonContext)("RouterContext", null);
7
- const RouterProvider = ({ value, children }) => {
8
- return ((0, jsx_runtime_1.jsx)(exports.RouterContext.Provider, { value: value, children: children }));
9
- };
10
- exports.RouterProvider = RouterProvider;
@@ -1,14 +0,0 @@
1
- import React from "react";
2
- export interface ArcanaJSAppProps {
3
- initialPage: string;
4
- initialData: any;
5
- initialParams?: Record<string, string>;
6
- initialUrl?: string;
7
- csrfToken?: string;
8
- views: Record<string, React.FC<any>>;
9
- layout?: React.FC<{
10
- children: React.ReactNode;
11
- }>;
12
- onNavigate?: (url: string) => void;
13
- }
14
- export declare const ArcanaJSApp: React.FC<ArcanaJSAppProps>;
@@ -1,142 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- Object.defineProperty(exports, "__esModule", { value: true });
36
- exports.ArcanaJSApp = void 0;
37
- const jsx_runtime_1 = require("react/jsx-runtime");
38
- const react_1 = __importStar(require("react"));
39
- const Page_1 = require("../components/Page");
40
- const RouterContext_1 = require("../context/RouterContext");
41
- const ArcanaJSApp = ({ initialPage, initialData, initialParams = {}, initialUrl, csrfToken, views, layout: Layout, onNavigate, }) => {
42
- const [page, setPage] = (0, react_1.useState)(initialPage);
43
- const [data, setData] = (0, react_1.useState)(initialData);
44
- const [params, setParams] = (0, react_1.useState)(initialParams);
45
- const [url, setUrl] = (0, react_1.useState)(initialUrl ||
46
- (typeof window !== "undefined" ? window.location.pathname : "/"));
47
- const [isNavigating, setIsNavigating] = (0, react_1.useState)(false);
48
- // Navigation cache to store previously visited pages
49
- const navigationCache = react_1.default.useRef(new Map());
50
- (0, react_1.useEffect)(() => {
51
- if (typeof window !== "undefined" && !window.history.state) {
52
- window.history.replaceState({ page: initialPage, data: initialData, params: initialParams }, "", window.location.href);
53
- }
54
- const handlePopState = (event) => {
55
- if (event.state) {
56
- setPage(event.state.page);
57
- setData(event.state.data);
58
- setParams(event.state.params || {});
59
- setUrl(window.location.pathname);
60
- }
61
- else {
62
- window.location.reload();
63
- }
64
- };
65
- window.addEventListener("popstate", handlePopState);
66
- return () => window.removeEventListener("popstate", handlePopState);
67
- }, []);
68
- const navigateTo = async (newUrl) => {
69
- // Check cache first for instant navigation
70
- if (navigationCache.current.has(newUrl)) {
71
- const cached = navigationCache.current.get(newUrl);
72
- setPage(cached.page);
73
- setData(cached.data);
74
- setParams(cached.params || {});
75
- setUrl(newUrl);
76
- window.history.pushState(cached, "", newUrl);
77
- // Scroll to top
78
- if (typeof window !== "undefined") {
79
- window.scrollTo({ top: 0, behavior: "smooth" });
80
- }
81
- if (onNavigate) {
82
- onNavigate(newUrl);
83
- }
84
- return;
85
- }
86
- setIsNavigating(true);
87
- try {
88
- const response = await fetch(newUrl, {
89
- headers: { "x-arcanajs-request": "true" },
90
- });
91
- if (!response.ok) {
92
- if (response.status === 404) {
93
- setPage("NotFoundPage");
94
- setUrl(newUrl);
95
- window.history.pushState({ page: "NotFoundPage", data: {} }, "", newUrl);
96
- return;
97
- }
98
- throw new Error(`Navigation failed: ${response.status} ${response.statusText}`);
99
- }
100
- const json = await response.json();
101
- // Cache the navigation result
102
- navigationCache.current.set(newUrl, {
103
- page: json.page,
104
- data: json.data,
105
- params: json.params,
106
- });
107
- window.history.pushState({ page: json.page, data: json.data, params: json.params }, "", newUrl);
108
- setPage(json.page);
109
- setData(json.data);
110
- setParams(json.params || {});
111
- setUrl(newUrl);
112
- // Scroll to top after navigation
113
- if (typeof window !== "undefined") {
114
- window.scrollTo({ top: 0, behavior: "smooth" });
115
- }
116
- if (onNavigate) {
117
- onNavigate(newUrl);
118
- }
119
- }
120
- catch (error) {
121
- console.error("Navigation failed", error);
122
- }
123
- finally {
124
- setIsNavigating(false);
125
- }
126
- };
127
- const renderPage = () => {
128
- const Component = views[page] || views["NotFoundPage"] || (() => (0, jsx_runtime_1.jsx)("div", { children: "404 Not Found" }));
129
- return ((0, jsx_runtime_1.jsx)(Page_1.Page, { data: data, children: (0, jsx_runtime_1.jsx)(Component, { data: data, navigateTo: navigateTo, params: params }) }));
130
- };
131
- const content = renderPage();
132
- return ((0, jsx_runtime_1.jsx)(RouterContext_1.RouterProvider, { value: {
133
- navigateTo,
134
- currentPage: page,
135
- currentUrl: url,
136
- params,
137
- csrfToken,
138
- onNavigate,
139
- isNavigating,
140
- }, children: Layout ? (0, jsx_runtime_1.jsx)(Layout, { children: content }) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: content }) }));
141
- };
142
- exports.ArcanaJSApp = ArcanaJSApp;
@@ -1 +0,0 @@
1
- export declare const useHead: () => import("../context/HeadContext").HeadManager | null;
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useHead = void 0;
4
- const react_1 = require("react");
5
- const HeadContext_1 = require("../context/HeadContext");
6
- const useHead = () => (0, react_1.useContext)(HeadContext_1.HeadContext);
7
- exports.useHead = useHead;
@@ -1,5 +0,0 @@
1
- export declare const useLocation: () => {
2
- pathname: string;
3
- search: string;
4
- hash: string;
5
- };
@@ -1,13 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useLocation = void 0;
4
- const useRouter_1 = require("./useRouter");
5
- const useLocation = () => {
6
- const { currentUrl } = (0, useRouter_1.useRouter)();
7
- return {
8
- pathname: currentUrl,
9
- search: typeof window !== "undefined" ? window.location.search : "",
10
- hash: typeof window !== "undefined" ? window.location.hash : "",
11
- };
12
- };
13
- exports.useLocation = useLocation;
@@ -1 +0,0 @@
1
- export declare const usePage: <T = any>() => T;
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.usePage = void 0;
4
- const react_1 = require("react");
5
- const PageContext_1 = require("../context/PageContext");
6
- const usePage = () => (0, react_1.useContext)(PageContext_1.PageContext);
7
- exports.usePage = usePage;
@@ -1 +0,0 @@
1
- export declare const useParams: () => Record<string, string>;
@@ -1,13 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useParams = void 0;
4
- const react_1 = require("react");
5
- const RouterContext_1 = require("../context/RouterContext");
6
- const useParams = () => {
7
- const context = (0, react_1.useContext)(RouterContext_1.RouterContext);
8
- if (!context) {
9
- throw new Error("useParams must be used within an ArcanaJSApp");
10
- }
11
- return context.params;
12
- };
13
- exports.useParams = useParams;
@@ -1 +0,0 @@
1
- export declare const useQuery: () => URLSearchParams;
@@ -1,9 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useQuery = void 0;
4
- const useLocation_1 = require("./useLocation");
5
- const useQuery = () => {
6
- const { search } = (0, useLocation_1.useLocation)();
7
- return new URLSearchParams(search);
8
- };
9
- exports.useQuery = useQuery;
@@ -1 +0,0 @@
1
- export declare const useRouter: () => import("../context/RouterContext").RouterContextType;
@@ -1,13 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useRouter = void 0;
4
- const react_1 = require("react");
5
- const RouterContext_1 = require("../context/RouterContext");
6
- const useRouter = () => {
7
- const context = (0, react_1.useContext)(RouterContext_1.RouterContext);
8
- if (!context) {
9
- throw new Error("useRouter must be used within an ArcanaJSApp");
10
- }
11
- return context;
12
- };
13
- exports.useRouter = useRouter;
@@ -1,11 +0,0 @@
1
- import React from "react";
2
- /**
3
- * Creates a React Context that persists across multiple module loads (Webpack bundles vs Node require).
4
- * This is essential for SSR applications where the server bundle and dynamically loaded views
5
- * might reference different instances of the "same" context module.
6
- *
7
- * @param key A unique string key to identify this context globally
8
- * @param defaultValue The default value for the context
9
- * @returns A React Context instance (singleton)
10
- */
11
- export declare function createSingletonContext<T>(key: string, defaultValue: T): React.Context<T>;