arcanajs 2.3.6 → 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.
- package/package.json +1 -1
- package/framework/cli/index.d.ts +0 -1
- package/framework/cli/index.js +0 -204
- package/framework/cli/templates.d.ts +0 -6
- package/framework/cli/templates.js +0 -44
- package/framework/cli/webpack.config.d.ts +0 -3
- package/framework/cli/webpack.config.js +0 -310
- package/framework/lib/client/index.d.ts +0 -34
- package/framework/lib/client/index.js +0 -82
- package/framework/lib/config/index.d.ts +0 -46
- package/framework/lib/config/index.js +0 -115
- package/framework/lib/global.d.ts +0 -58
- package/framework/lib/index.d.ts +0 -19
- package/framework/lib/index.js +0 -59
- package/framework/lib/server/ArcanaJSMiddleware.d.ts +0 -24
- package/framework/lib/server/ArcanaJSMiddleware.js +0 -114
- package/framework/lib/server/ArcanaJSServer.d.ts +0 -23
- package/framework/lib/server/ArcanaJSServer.js +0 -165
- package/framework/lib/server/ControllerBinder.d.ts +0 -4
- package/framework/lib/server/ControllerBinder.js +0 -32
- package/framework/lib/server/CsrfMiddleware.d.ts +0 -2
- package/framework/lib/server/CsrfMiddleware.js +0 -34
- package/framework/lib/server/DynamicRouter.d.ts +0 -2
- package/framework/lib/server/DynamicRouter.js +0 -50
- package/framework/lib/server/ResponseHandlerMiddleware.d.ts +0 -27
- package/framework/lib/server/ResponseHandlerMiddleware.js +0 -30
- package/framework/lib/server/Router.d.ts +0 -94
- package/framework/lib/server/Router.js +0 -203
- package/framework/lib/server/default-index.html +0 -12
- package/framework/lib/server.d.ts +0 -32
- package/framework/lib/server.js +0 -69
- package/framework/lib/shared/components/Body.d.ts +0 -6
- package/framework/lib/shared/components/Body.js +0 -8
- package/framework/lib/shared/components/Head.d.ts +0 -4
- package/framework/lib/shared/components/Head.js +0 -125
- package/framework/lib/shared/components/Link.d.ts +0 -6
- package/framework/lib/shared/components/Link.js +0 -14
- package/framework/lib/shared/components/NavLink.d.ts +0 -8
- package/framework/lib/shared/components/NavLink.js +0 -13
- package/framework/lib/shared/components/Page.d.ts +0 -6
- package/framework/lib/shared/components/Page.js +0 -10
- package/framework/lib/shared/context/HeadContext.d.ts +0 -6
- package/framework/lib/shared/context/HeadContext.js +0 -5
- package/framework/lib/shared/context/PageContext.d.ts +0 -1
- package/framework/lib/shared/context/PageContext.js +0 -5
- package/framework/lib/shared/context/RouterContext.d.ts +0 -13
- package/framework/lib/shared/context/RouterContext.js +0 -10
- package/framework/lib/shared/core/ArcanaJSApp.d.ts +0 -13
- package/framework/lib/shared/core/ArcanaJSApp.js +0 -65
- package/framework/lib/shared/hooks/useHead.d.ts +0 -1
- package/framework/lib/shared/hooks/useHead.js +0 -7
- package/framework/lib/shared/hooks/useLocation.d.ts +0 -5
- package/framework/lib/shared/hooks/useLocation.js +0 -13
- package/framework/lib/shared/hooks/usePage.d.ts +0 -1
- package/framework/lib/shared/hooks/usePage.js +0 -7
- package/framework/lib/shared/hooks/useParams.d.ts +0 -1
- package/framework/lib/shared/hooks/useParams.js +0 -13
- package/framework/lib/shared/hooks/useQuery.d.ts +0 -1
- package/framework/lib/shared/hooks/useQuery.js +0 -9
- package/framework/lib/shared/hooks/useRouter.d.ts +0 -1
- package/framework/lib/shared/hooks/useRouter.js +0 -13
- package/framework/lib/shared/utils/createSingletonContext.d.ts +0 -11
- package/framework/lib/shared/utils/createSingletonContext.js +0 -21
- package/framework/lib/shared/views/ErrorPage.d.ts +0 -7
- package/framework/lib/shared/views/ErrorPage.js +0 -12
- package/framework/lib/shared/views/NotFoundPage.d.ts +0 -5
- package/framework/lib/shared/views/NotFoundPage.js +0 -11
- package/framework/lib/types.d.ts +0 -174
- package/framework/lib/types.js +0 -8
- package/framework/templates/ErrorPage.tsx +0 -136
- package/framework/templates/HomePage.tsx +0 -344
- package/framework/templates/NotFoundPage.tsx +0 -108
- package/framework/templates/arcanajs.config.ts +0 -44
- package/framework/templates/arcanajs.d.ts +0 -8
- package/framework/templates/arcanajs.png +0 -0
- package/framework/templates/arcanajs.svg +0 -12
- package/framework/templates/client-index.tsx +0 -7
- package/framework/templates/favicon.ico +0 -0
- package/framework/templates/globals.css +0 -198
- package/framework/templates/package.json +0 -15
- package/framework/templates/postcss.config.js +0 -6
- package/framework/templates/server-controller-home.ts +0 -7
- package/framework/templates/server-index.ts +0 -11
- package/framework/templates/server-routes-web.ts +0 -7
- 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;
|
package/framework/lib/server.js
DELETED
|
@@ -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,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,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,14 +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, ...props }) => {
|
|
7
|
-
const { navigateTo } = (0, useRouter_1.useRouter)();
|
|
8
|
-
const handleClick = (e) => {
|
|
9
|
-
e.preventDefault();
|
|
10
|
-
navigateTo(href);
|
|
11
|
-
};
|
|
12
|
-
return ((0, jsx_runtime_1.jsx)("a", { href: href, onClick: handleClick, ...props, children: children }));
|
|
13
|
-
};
|
|
14
|
-
exports.Link = Link;
|
|
@@ -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 Link_1 = require("./Link");
|
|
6
|
-
const useRouter_1 = require("../hooks/useRouter");
|
|
7
|
-
const NavLink = ({ href, activeClassName = "active", className = "", exact = 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, ...props, children: children }));
|
|
12
|
-
};
|
|
13
|
-
exports.NavLink = NavLink;
|
|
@@ -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,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,13 +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
|
-
}
|
|
9
|
-
export declare const RouterContext: React.Context<RouterContextType | null>;
|
|
10
|
-
export declare const RouterProvider: React.FC<{
|
|
11
|
-
value: RouterContextType;
|
|
12
|
-
children: React.ReactNode;
|
|
13
|
-
}>;
|
|
@@ -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,13 +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
|
-
}
|
|
13
|
-
export declare const ArcanaJSApp: React.FC<ArcanaJSAppProps>;
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ArcanaJSApp = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const react_1 = require("react");
|
|
6
|
-
const Page_1 = require("../components/Page");
|
|
7
|
-
const RouterContext_1 = require("../context/RouterContext");
|
|
8
|
-
const ArcanaJSApp = ({ initialPage, initialData, initialParams = {}, initialUrl, csrfToken, views, layout: Layout, }) => {
|
|
9
|
-
const [page, setPage] = (0, react_1.useState)(initialPage);
|
|
10
|
-
const [data, setData] = (0, react_1.useState)(initialData);
|
|
11
|
-
const [params, setParams] = (0, react_1.useState)(initialParams);
|
|
12
|
-
const [url, setUrl] = (0, react_1.useState)(initialUrl ||
|
|
13
|
-
(typeof window !== "undefined" ? window.location.pathname : "/"));
|
|
14
|
-
(0, react_1.useEffect)(() => {
|
|
15
|
-
const handlePopState = (event) => {
|
|
16
|
-
if (event.state) {
|
|
17
|
-
setPage(event.state.page);
|
|
18
|
-
setData(event.state.data);
|
|
19
|
-
setParams(event.state.params || {});
|
|
20
|
-
setUrl(window.location.pathname);
|
|
21
|
-
}
|
|
22
|
-
};
|
|
23
|
-
window.addEventListener("popstate", handlePopState);
|
|
24
|
-
return () => window.removeEventListener("popstate", handlePopState);
|
|
25
|
-
}, []);
|
|
26
|
-
const navigateTo = async (newUrl) => {
|
|
27
|
-
try {
|
|
28
|
-
const response = await fetch(newUrl, {
|
|
29
|
-
headers: { "x-arcanajs-request": "true" },
|
|
30
|
-
});
|
|
31
|
-
if (!response.ok) {
|
|
32
|
-
if (response.status === 404) {
|
|
33
|
-
setPage("NotFoundPage");
|
|
34
|
-
setUrl(newUrl);
|
|
35
|
-
window.history.pushState({ page: "NotFoundPage", data: {} }, "", newUrl);
|
|
36
|
-
return;
|
|
37
|
-
}
|
|
38
|
-
throw new Error(`Navigation failed: ${response.status} ${response.statusText}`);
|
|
39
|
-
}
|
|
40
|
-
const json = await response.json();
|
|
41
|
-
window.history.pushState({ page: json.page, data: json.data, params: json.params }, "", newUrl);
|
|
42
|
-
setPage(json.page);
|
|
43
|
-
setData(json.data);
|
|
44
|
-
setParams(json.params || {});
|
|
45
|
-
setUrl(newUrl);
|
|
46
|
-
}
|
|
47
|
-
catch (error) {
|
|
48
|
-
console.error("Navigation failed", error);
|
|
49
|
-
// Optionally set an error state here to show a UI toast or error page
|
|
50
|
-
}
|
|
51
|
-
};
|
|
52
|
-
const renderPage = () => {
|
|
53
|
-
const Component = views[page] || views["NotFoundPage"] || (() => (0, jsx_runtime_1.jsx)("div", { children: "404 Not Found" }));
|
|
54
|
-
return ((0, jsx_runtime_1.jsx)(Page_1.Page, { data: data, children: (0, jsx_runtime_1.jsx)(Component, { data: data, navigateTo: navigateTo, params: params }) }));
|
|
55
|
-
};
|
|
56
|
-
const content = renderPage();
|
|
57
|
-
return ((0, jsx_runtime_1.jsx)(RouterContext_1.RouterProvider, { value: {
|
|
58
|
-
navigateTo,
|
|
59
|
-
currentPage: page,
|
|
60
|
-
currentUrl: url,
|
|
61
|
-
params,
|
|
62
|
-
csrfToken,
|
|
63
|
-
}, children: Layout ? (0, jsx_runtime_1.jsx)(Layout, { children: content }) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: content }) }));
|
|
64
|
-
};
|
|
65
|
-
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,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>;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.createSingletonContext = createSingletonContext;
|
|
4
|
-
const react_1 = require("react");
|
|
5
|
-
/**
|
|
6
|
-
* Creates a React Context that persists across multiple module loads (Webpack bundles vs Node require).
|
|
7
|
-
* This is essential for SSR applications where the server bundle and dynamically loaded views
|
|
8
|
-
* might reference different instances of the "same" context module.
|
|
9
|
-
*
|
|
10
|
-
* @param key A unique string key to identify this context globally
|
|
11
|
-
* @param defaultValue The default value for the context
|
|
12
|
-
* @returns A React Context instance (singleton)
|
|
13
|
-
*/
|
|
14
|
-
function createSingletonContext(key, defaultValue) {
|
|
15
|
-
const globalAny = global;
|
|
16
|
-
const symbolKey = Symbol.for(`ARCANAJS_CONTEXT_${key}`);
|
|
17
|
-
if (!globalAny[symbolKey]) {
|
|
18
|
-
globalAny[symbolKey] = (0, react_1.createContext)(defaultValue);
|
|
19
|
-
}
|
|
20
|
-
return globalAny[symbolKey];
|
|
21
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.default = ErrorPage;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const Body_1 = require("../components/Body");
|
|
6
|
-
const Head_1 = require("../components/Head");
|
|
7
|
-
const Link_1 = require("../components/Link");
|
|
8
|
-
const Page_1 = require("../components/Page");
|
|
9
|
-
function ErrorPage({ message = "Something went wrong", statusCode = 500, stack, }) {
|
|
10
|
-
const isDevelopment = process.env.NODE_ENV === "development";
|
|
11
|
-
return ((0, jsx_runtime_1.jsxs)(Page_1.Page, { children: [(0, jsx_runtime_1.jsxs)(Head_1.Head, { children: [(0, jsx_runtime_1.jsxs)("title", { children: [statusCode, " - Server Error"] }), (0, jsx_runtime_1.jsx)("meta", { name: "description", content: "An error occurred on the server" })] }), (0, jsx_runtime_1.jsx)(Body_1.Body, { children: (0, jsx_runtime_1.jsxs)("div", { className: "relative min-h-screen overflow-hidden bg-black text-white flex flex-col justify-center items-center px-4 font-sans", children: [(0, jsx_runtime_1.jsxs)("div", { className: "fixed inset-0 z-0 overflow-hidden pointer-events-none", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 grid-pattern opacity-30" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute top-1/4 right-1/4 w-96 h-96 bg-red-600 rounded-full opacity-20 blur-3xl animate-glow" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute bottom-1/4 left-1/4 w-96 h-96 bg-orange-600 rounded-full opacity-10 blur-3xl animate-glow", style: { animationDelay: "2s" } }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 hero-gradient" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "relative z-10 max-w-2xl w-full text-center animate-scale-in", children: [(0, jsx_runtime_1.jsxs)("div", { className: "glass-card rounded-3xl p-12 border border-white/10 shadow-2xl", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-8", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-6xl mb-6 animate-float", children: (0, jsx_runtime_1.jsx)("span", { className: "text-red-500 drop-shadow-lg filter", children: "\u26A0\uFE0F" }) }), (0, jsx_runtime_1.jsx)("h1", { className: "text-8xl font-bold text-transparent bg-clip-text bg-gradient-to-br from-red-500 to-orange-500 mb-4", children: statusCode }), (0, jsx_runtime_1.jsx)("h2", { className: "text-3xl font-bold text-white mb-4", children: "Server Error" }), (0, jsx_runtime_1.jsx)("p", { className: "text-gray-400 text-lg leading-relaxed", children: message })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col sm:flex-row gap-4 justify-center mb-8", children: [(0, jsx_runtime_1.jsxs)(Link_1.Link, { href: "/", className: "btn-primary px-8 py-3.5 text-white font-semibold rounded-xl inline-flex items-center justify-center gap-2 w-full sm:w-auto bg-gradient-to-r from-red-600 to-orange-600 hover:from-red-500 hover:to-orange-500 border-none shadow-red-900/20", children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" }) }), "Go Home"] }), (0, jsx_runtime_1.jsxs)("button", { onClick: () => window.location.reload(), className: "btn-secondary px-8 py-3.5 text-white font-semibold rounded-xl inline-flex items-center justify-center gap-2 w-full sm:w-auto", children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" }) }), "Try Again"] })] }), isDevelopment && stack && ((0, jsx_runtime_1.jsx)("div", { className: "mt-8 text-left animate-slide-up", children: (0, jsx_runtime_1.jsxs)("details", { className: "bg-black/40 border border-white/10 rounded-xl overflow-hidden group", children: [(0, jsx_runtime_1.jsxs)("summary", { className: "cursor-pointer font-medium text-gray-300 p-4 hover:bg-white/5 transition-colors flex items-center justify-between select-none", children: [(0, jsx_runtime_1.jsx)("span", { children: "Stack Trace (Development Only)" }), (0, jsx_runtime_1.jsx)("svg", { className: "w-5 h-5 text-gray-500 group-open:rotate-180 transition-transform", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })] }), (0, jsx_runtime_1.jsx)("pre", { className: "text-xs text-red-300/80 p-4 overflow-x-auto whitespace-pre-wrap font-mono border-t border-white/5 bg-black/20", children: stack })] }) }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-8 text-gray-500 text-sm", children: ["If this problem persists, please", " ", (0, jsx_runtime_1.jsx)(Link_1.Link, { href: "/contact", className: "text-red-400 hover:text-red-300 underline transition-colors", children: "contact support" }), "."] })] })] }) })] }));
|
|
12
|
-
}
|