eddev 0.2.65 → 0.2.67-beta1

package/cli/display/components/ServerlessDisplay.js

@@ -1,23 +1,12 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ServerlessLog = exports.ServerlessDisplay = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var ink_1 = require("ink");
-var react_1 = require("react");
-var useObservable_1 = require("../../../utils/useObservable");
-var StatusIcon_1 = require("./StatusIcon");
-var statusLabels = {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ink_1 = require("ink");
+const react_1 = require("react");
+const useObservable_1 = require("../../../utils/useObservable");
+const StatusIcon_1 = require("./StatusIcon");
+const statusLabels = {
     starting: "Starting",
     compiling: "Compiling...",
     error: "Error! See log for details.",
@@ -27,7 +16,7 @@ var statusLabels = {
     waiting: "Waiting...",
 };
 function StatusLabel(props) {
-    var color = (0, react_1.useMemo)(function () {
+    const color = (0, react_1.useMemo)(() => {
         if (props.status === "packaging" ||
             props.status === "preparing" ||
             props.status === "waiting" ||
@@ -44,25 +33,25 @@ function StatusLabel(props) {
             return "whiteBright";
         }
     }, [props.status]);
-    var label = props.statusLabel || statusLabels[props.status];
+    let label = props.statusLabel || statusLabels[props.status];
     if (props.duration) {
-        label += " (".concat(props.duration, "ms)");
+        label += ` (${props.duration}ms)`;
     }
-    return ((0, jsx_runtime_1.jsxs)(ink_1.Box, __assign({ paddingX: 1, width: "100%", flexGrow: 1, flexDirection: "row", justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsx)(ink_1.Text, __assign({ color: color }, { children: label }), void 0), props.url && (0, jsx_runtime_1.jsxs)(ink_1.Text, __assign({ color: "white" }, { children: ["\u2728 ", props.url] }), void 0)] }), void 0));
+    return ((0, jsx_runtime_1.jsxs)(ink_1.Box, { paddingX: 1, width: "100%", flexGrow: 1, flexDirection: "row", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsx)(ink_1.Text, { color: color, children: label }), props.url && (0, jsx_runtime_1.jsxs)(ink_1.Text, { color: "white", children: ["\u2728 ", props.url] })] }));
 }
 function ServerlessDisplay(props) {
-    var data = (0, useObservable_1.useObservable)(props.serverless);
-    return ((0, jsx_runtime_1.jsx)(ink_1.Box, __assign({ width: "100%", flexDirection: "column" }, { children: (0, jsx_runtime_1.jsxs)(ink_1.Box, __assign({ width: "100%", paddingX: 1, borderStyle: "round", borderColor: data.status === "success" ? "green" : data.status === "error" ? "red" : "yellow", flexDirection: "row" }, { children: [(0, jsx_runtime_1.jsx)(ink_1.Box, __assign({ width: 2, flexGrow: 0, flexShrink: 0 }, { children: (0, jsx_runtime_1.jsx)(StatusIcon_1.StatusIcon, { icon: data.status === "success"
+    const data = (0, useObservable_1.useObservable)(props.serverless);
+    return ((0, jsx_runtime_1.jsx)(ink_1.Box, { width: "100%", flexDirection: "column", children: (0, jsx_runtime_1.jsxs)(ink_1.Box, { width: "100%", paddingX: 1, borderStyle: "round", borderColor: data.status === "success" ? "green" : data.status === "error" ? "red" : "yellow", flexDirection: "row", children: [(0, jsx_runtime_1.jsx)(ink_1.Box, { width: 2, flexGrow: 0, flexShrink: 0, children: (0, jsx_runtime_1.jsx)(StatusIcon_1.StatusIcon, { icon: data.status === "success"
                             ? "tick"
                             : data.status === "preparing" || data.status === "packaging" || data.status === "compiling"
                                 ? "loading"
                                 : data.status === "error"
                                     ? "error"
-                                    : "none" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(ink_1.Box, { children: (0, jsx_runtime_1.jsxs)(ink_1.Box, __assign({ flexDirection: "row" }, { children: [(0, jsx_runtime_1.jsx)(ink_1.Text, __assign({ bold: true }, { children: data.title }), void 0), (0, jsx_runtime_1.jsx)(StatusLabel, { status: data.status, statusLabel: "", duration: data.status === "success" ? data.duration : undefined, url: data.url }, void 0)] }), void 0) }, void 0)] }), void 0) }), void 0));
+                                    : "none" }) }), (0, jsx_runtime_1.jsx)(ink_1.Box, { children: (0, jsx_runtime_1.jsxs)(ink_1.Box, { flexDirection: "row", children: [(0, jsx_runtime_1.jsx)(ink_1.Text, { bold: true, children: data.title }), (0, jsx_runtime_1.jsx)(StatusLabel, { status: data.status, statusLabel: "", duration: data.status === "success" ? data.duration : undefined, url: data.url })] }) })] }) }));
 }
 exports.ServerlessDisplay = ServerlessDisplay;
 function ServerlessLog(props) {
-    var log = (0, useObservable_1.useObservable)(props.serverless).log;
-    return (0, jsx_runtime_1.jsx)(ink_1.Text, { children: log }, void 0);
+    const log = (0, useObservable_1.useObservable)(props.serverless).log;
+    return (0, jsx_runtime_1.jsx)(ink_1.Text, { children: log });
 }
 exports.ServerlessLog = ServerlessLog;

package/cli/display/components/StatusIcon.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-declare type Props = {
+type Props = {
     icon: "loading" | "tick" | "error" | "none";
 };
-export declare function StatusIcon(props: Props): JSX.Element;
+export declare function StatusIcon(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/cli/display/components/StatusIcon.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StatusIcon = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var ink_1 = require("ink");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ink_1 = require("ink");
 function StatusIcon(props) {
-    return ((0, jsx_runtime_1.jsx)(ink_1.Text, { children: props.icon === "tick" ? "✅" : props.icon === "error" ? "🚨" : props.icon === "loading" ? "🧠" : "💬" }, void 0));
+    return ((0, jsx_runtime_1.jsx)(ink_1.Text, { children: props.icon === "tick" ? "✅" : props.icon === "error" ? "🚨" : props.icon === "loading" ? "🧠" : "💬" }));
 }
 exports.StatusIcon = StatusIcon;

package/cli/preinstall.js

@@ -1,19 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.main = void 0;
-var child_process_1 = require("child_process");
+const child_process_1 = require("child_process");
 function main() {
-    var _a, _b;
     if (process.env.VERCEL) {
         // const pkgFile = join(process.cwd(), "package.json")
         // const pkg = JSON.parse(readFileSync(pkgFile).toString()) as any
         // pkg.devDependencies["next"] = "^12.1.0"
         // writeFile(pkgFile, JSON.stringify(pkg, null, "  "), () => {})
-        var proc = (0, child_process_1.spawn)("yarn", ["add", "--dev", "next@^12.1.6"], {
+        const proc = (0, child_process_1.spawn)("yarn", ["add", "--dev", "next@^12.1.6"], {
             cwd: process.cwd(),
         });
-        (_a = proc.stdout) === null || _a === void 0 ? void 0 : _a.pipe(process.stdout);
-        (_b = proc.stderr) === null || _b === void 0 ? void 0 : _b.pipe(process.stderr);
+        proc.stdout?.pipe(process.stdout);
+        proc.stderr?.pipe(process.stderr);
     }
 }
 exports.main = main;

package/cli/setup.js

@@ -1,90 +1,42 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setupTheme = void 0;
-var getRepoName_1 = require("../utils/getRepoName");
-var inquirer_1 = __importDefault(require("inquirer"));
-var path_1 = __importDefault(require("path"));
-var fs_1 = __importDefault(require("fs"));
-function setupTheme() {
-    return __awaiter(this, void 0, void 0, function () {
-        var repoName, styleFileName, packageFileName, result;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, (0, getRepoName_1.getRepoName)(process.cwd())];
-                case 1:
-                    repoName = (_a.sent()).repoName;
-                    if (!repoName) {
-                        throw new Error("This theme does is not linked to Git repo. Cannot continue with setup");
-                    }
-                    styleFileName = path_1.default.resolve(process.cwd(), "style.css");
-                    packageFileName = path_1.default.resolve(process.cwd(), "package.json");
-                    return [4 /*yield*/, inquirer_1.default.prompt([
-                            {
-                                type: "text",
-                                name: "themeTitle",
-                                message: "Enter the website or theme title",
-                            },
-                        ])];
-                case 2:
-                    result = _a.sent();
-                    updateStyleFile(styleFileName, {
-                        themeTitle: result.themeTitle,
-                    });
-                    updatePackageFile(packageFileName, {
-                        packageName: repoName,
-                    });
-                    return [2 /*return*/];
-            }
-        });
+const getRepoName_1 = require("../utils/getRepoName");
+const inquirer_1 = __importDefault(require("inquirer"));
+const path_1 = __importDefault(require("path"));
+const fs_1 = __importDefault(require("fs"));
+async function setupTheme() {
+    const { repoName } = await (0, getRepoName_1.getRepoName)(process.cwd());
+    if (!repoName) {
+        throw new Error(`This theme does is not linked to Git repo. Cannot continue with setup`);
+    }
+    const styleFileName = path_1.default.resolve(process.cwd(), "style.css");
+    const packageFileName = path_1.default.resolve(process.cwd(), "package.json");
+    const result = await inquirer_1.default.prompt([
+        {
+            type: "text",
+            name: "themeTitle",
+            message: `Enter the website or theme title`,
+        },
+    ]);
+    updateStyleFile(styleFileName, {
+        themeTitle: result.themeTitle,
+    });
+    updatePackageFile(packageFileName, {
+        packageName: repoName,
     });
 }
 exports.setupTheme = setupTheme;
 function updateStyleFile(file, opts) {
-    var contents = fs_1.default.readFileSync(file).toString();
+    let contents = fs_1.default.readFileSync(file).toString();
     contents = contents.replace(/(Theme Name:\s*)([^\n]+)/, "$1" + opts.themeTitle);
     fs_1.default.writeFileSync(file, contents);
 }
 function updatePackageFile(file, opts) {
-    var packageData = JSON.parse(fs_1.default.readFileSync(file).toString());
+    const packageData = JSON.parse(fs_1.default.readFileSync(file).toString());
     packageData.name = opts.packageName;
     fs_1.default.writeFileSync(file, JSON.stringify(packageData, null, "  "));
 }

package/components/AdminBar.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function AdminBar(): JSX.Element;
+export declare function AdminBar(): import("react/jsx-runtime").JSX.Element;

package/components/AdminBar.js

@@ -1,9 +1,43 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AdminBar = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var STYLE = "\n  html,\n  html body,\n  * html body {\n    margin-top: 0 !important\n  }\n  html #wpadminbar{\n    opacity: 0;\n    -webkit-transition: all .3s ease;\n    transition: all .3s ease;\n  }\n  html #wpadminbar:hover{\n    opacity: 1;\n  }\n  html #wpadminbar{\n    top: -15px !important;\n    -webkit-transition-delay: 200ms;\n    transition-delay: 200ms;\n  }\n  html #wpadminbar:hover{\n    top: 0 !important\n  }\n  @media screen and (max-width: 782px){\n    html #wpadminbar{\n      top: -15px !important;\n      -webkit-transition-delay: 0;\n      transition-delay: 0;\n    }\n  }\n  @media (max-width: 600px){\n    html #wpadminbar{\n      display: none !important;\n    }\n  }\n";
+const jsx_runtime_1 = require("react/jsx-runtime");
+const STYLE = `
+  html,
+  html body,
+  * html body {
+    margin-top: 0 !important
+  }
+  html #wpadminbar{
+    opacity: 0;
+    -webkit-transition: all .3s ease;
+    transition: all .3s ease;
+  }
+  html #wpadminbar:hover{
+    opacity: 1;
+  }
+  html #wpadminbar{
+    top: -15px !important;
+    -webkit-transition-delay: 200ms;
+    transition-delay: 200ms;
+  }
+  html #wpadminbar:hover{
+    top: 0 !important
+  }
+  @media screen and (max-width: 782px){
+    html #wpadminbar{
+      top: -15px !important;
+      -webkit-transition-delay: 0;
+      transition-delay: 0;
+    }
+  }
+  @media (max-width: 600px){
+    html #wpadminbar{
+      display: none !important;
+    }
+  }
+`;
 function AdminBar() {
-    return (0, jsx_runtime_1.jsx)("style", { type: "text/css", dangerouslySetInnerHTML: { __html: STYLE } }, void 0);
+    return (0, jsx_runtime_1.jsx)("style", { type: "text/css", dangerouslySetInnerHTML: { __html: STYLE } });
 }
 exports.AdminBar = AdminBar;

package/components/BrowserRouter.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from "react";
-declare type Props = {
+type Props = {
     children: ReactNode;
 };
-export declare function BrowserRouter(props: Props): JSX.Element;
+export declare function BrowserRouter(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/components/BrowserRouter.js

@@ -1,47 +1,36 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BrowserRouter = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var remoteProps_1 = require("../routing/remoteProps");
-var routing_1 = require("../routing");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const remoteProps_1 = require("../routing/remoteProps");
+const routing_1 = require("../routing");
 // @ts-ignore
-var views_1 = __importDefault(require("@manifest/views"));
-var usePageLoad_1 = require("../hooks/usePageLoad");
-var hooks_1 = require("../hooks");
-var reportErrorStack_1 = require("../utils/reportErrorStack");
-var updateEditLink_1 = require("../routing/updateEditLink");
-var updateHeadTags_1 = require("../routing/updateHeadTags");
-var useQueryDebug_1 = require("../hooks/useQueryDebug");
-var hasPopulatedCache = false;
+const views_1 = __importDefault(require("@manifest/views"));
+const usePageLoad_1 = require("../hooks/usePageLoad");
+const hooks_1 = require("../hooks");
+const reportErrorStack_1 = require("../utils/reportErrorStack");
+const updateEditLink_1 = require("../routing/updateEditLink");
+const updateHeadTags_1 = require("../routing/updateHeadTags");
+const useQueryDebug_1 = require("../hooks/useQueryDebug");
+let hasPopulatedCache = false;
 function BrowserRouter(props) {
-    var setAppData = (0, hooks_1.useAppDataStore)(function (s) { return s.setAppData; });
-    var _a = (0, react_1.useState)(function () {
+    const setAppData = (0, hooks_1.useAppDataStore)((s) => s.setAppData);
+    const [state, setState] = (0, react_1.useState)(() => {
         setAppData(_PAGE_DATA.appData.data);
         (0, useQueryDebug_1.setQueryDebug)(_PAGE_DATA.queryMonitor);
         return {
             url: document.location.href,
             data: _PAGE_DATA,
         };
-    }), state = _a[0], setState = _a[1];
-    var url = state.url, data = state.data;
-    var _b = (0, react_1.useState)(null), pending = _b[0], setPendingUrl = _b[1];
-    var setIsLoading = (0, usePageLoad_1.usePageLoad)(function (s) { return s.setIsLoading; });
-    (0, react_1.useEffect)(function () {
+    });
+    const { url, data } = state;
+    const [pending, setPendingUrl] = (0, react_1.useState)(null);
+    const setIsLoading = (0, usePageLoad_1.usePageLoad)((s) => s.setIsLoading);
+    (0, react_1.useEffect)(() => {
         if (data.errorStack) {
             (0, reportErrorStack_1.reportErrorStack)(data.errorStack);
         }
@@ -50,34 +39,32 @@ function BrowserRouter(props) {
         hasPopulatedCache = true;
         (0, remoteProps_1.setInitialProps)(url, data);
     }
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         history.scrollRestoration = "manual";
     }, []);
-    (0, react_1.useEffect)(function () {
-        var handle = function (e) {
-            var _a;
-            setPendingUrl({ popped: true, url: document.location.href, scrollPosition: (_a = e.state) === null || _a === void 0 ? void 0 : _a.scrollPosition });
+    (0, react_1.useEffect)(() => {
+        const handle = (e) => {
+            setPendingUrl({ popped: true, url: document.location.href, scrollPosition: e.state?.scrollPosition });
         };
         window.addEventListener("popstate", handle);
-        return function () {
+        return () => {
             window.removeEventListener("popstate", handle);
         };
     });
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         if (pending === null)
             return;
-        var cancelled = false;
+        let cancelled = false;
         if (!(0, remoteProps_1.hasCachedProps)(pending.url)) {
             setIsLoading(true);
         }
-        (0, remoteProps_1.fetchProps)(pending.url).then(function (data) {
-            var view = views_1.default[data.view];
-            var nextUrl = data.canonical || pending.url;
-            var finish = function () {
-                var _a, _b;
+        (0, remoteProps_1.fetchProps)(pending.url).then((data) => {
+            const view = views_1.default[data.view];
+            const nextUrl = data.canonical || pending.url;
+            const finish = () => {
                 setState({
                     url: nextUrl,
-                    data: data,
+                    data,
                 });
                 // setData(data)
                 if (data.queryMonitor) {
@@ -88,11 +75,11 @@ function BrowserRouter(props) {
                 }
                 if (data.editLink)
                     (0, updateEditLink_1.updateEditLink)(data.editLink);
-                if ((_a = data.meta) === null || _a === void 0 ? void 0 : _a.head)
+                if (data.meta?.head)
                     (0, updateHeadTags_1.updateHeadTags)(data.meta.head);
                 setIsLoading(false);
                 if (!pending.popped) {
-                    history.replaceState({ scrollPosition: (_b = document.scrollingElement) === null || _b === void 0 ? void 0 : _b.scrollTop }, "", document.location.href);
+                    history.replaceState({ scrollPosition: document.scrollingElement?.scrollTop }, "", document.location.href);
                     history.pushState({}, "", nextUrl);
                 }
             };
@@ -105,29 +92,29 @@ function BrowserRouter(props) {
                 }
             }
         });
-        return function () {
+        return () => {
             cancelled = true;
         };
     }, [pending]);
-    var _c = (0, react_1.useState)({ value: null }), scrollPosition = _c[0], setScrollPosition = _c[1];
-    (0, react_1.useEffect)(function () {
+    const [scrollPosition, setScrollPosition] = (0, react_1.useState)({ value: null });
+    (0, react_1.useEffect)(() => {
         if (document.scrollingElement && typeof scrollPosition.value === "number") {
             document.scrollingElement.scrollTop = scrollPosition.value;
         }
     }, [scrollPosition]);
-    return ((0, jsx_runtime_1.jsx)(routing_1.RouterRoot, __assign({ url: url, data: data, onNavigateRequest: function (url) {
-            setPendingUrl({ popped: false, url: url });
-        }, onPreload: function (url) {
+    return ((0, jsx_runtime_1.jsx)(routing_1.RouterRoot, { url: url, data: data, onNavigateRequest: (url) => {
+            setPendingUrl({ popped: false, url });
+        }, onPreload: (url) => {
             if ((0, remoteProps_1.isSameOrigin)(url)) {
                 (0, remoteProps_1.fetchProps)(url);
             }
-        }, onNavigated: function () {
+        }, onNavigated: () => {
             if (pending && typeof pending.scrollPosition === "number") {
                 setScrollPosition({ value: pending.scrollPosition });
             }
             else {
                 setScrollPosition({ value: 0 });
             }
-        } }, { children: props.children }), void 0));
+        }, children: props.children }));
 }
 exports.BrowserRouter = BrowserRouter;

package/components/InlinePage.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from "react";
-declare type Props = {
+type Props = {
     url: string;
     fallback?: ReactElement;
 };
@@ -7,5 +7,5 @@ declare type Props = {
  * Renders an entire page view
  * @param props
  */
-export declare function InlinePage(props: Props): JSX.Element;
+export declare function InlinePage(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/components/InlinePage.js

@@ -1,45 +1,33 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InlinePage = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var remoteProps_1 = require("../routing/remoteProps");
-var routing_1 = require("../routing");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const remoteProps_1 = require("../routing/remoteProps");
+const routing_1 = require("../routing");
 // @ts-ignore
-var views_1 = __importDefault(require("@manifest/views"));
+const views_1 = __importDefault(require("@manifest/views"));
 /**
  * Renders an entire page view
  * @param props
  */
 function InlinePage(props) {
-    var _a;
-    var _b = (0, react_1.useState)(undefined), data = _b[0], setData = _b[1];
-    var _c = (0, react_1.useState)(true), isLoading = _c[0], setIsLoading = _c[1];
-    var _d = (0, react_1.useState)([null]), Component = _d[0][0], setComponent = _d[1];
-    (0, react_1.useEffect)(function () {
+    const [data, setData] = (0, react_1.useState)(undefined);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
+    const [[Component], setComponent] = (0, react_1.useState)([null]);
+    (0, react_1.useEffect)(() => {
         if (!props.url)
             return;
-        var cancelled = false;
+        let cancelled = false;
         if (!(0, remoteProps_1.hasCachedProps)(props.url)) {
             setIsLoading(true);
         }
-        (0, remoteProps_1.fetchProps)(props.url).then(function (data) {
-            var view = views_1.default[data.view];
-            var finish = function () {
+        (0, remoteProps_1.fetchProps)(props.url).then((data) => {
+            const view = views_1.default[data.view];
+            const finish = () => {
                 setData(data);
                 setIsLoading(false);
                 setComponent([view]);
@@ -53,18 +41,18 @@ function InlinePage(props) {
                 }
             }
         });
-        return function () {
+        return () => {
             cancelled = true;
         };
     }, [props.url]);
-    var routeItem = (0, react_1.useMemo)(function () {
+    const routeItem = (0, react_1.useMemo)(() => {
         return (0, routing_1.createRouteItem)(props.url, data);
     }, [data, props.url]);
     if (isLoading || !Component) {
-        return props.fallback || (0, jsx_runtime_1.jsx)(react_1.Fragment, {}, void 0);
+        return props.fallback || (0, jsx_runtime_1.jsx)(react_1.Fragment, {});
     }
     else {
-        return ((0, jsx_runtime_1.jsx)(routing_1.RouteItemContext, __assign({ route: routeItem }, { children: (0, jsx_runtime_1.jsx)(Component, __assign({}, (_a = data === null || data === void 0 ? void 0 : data.viewData) === null || _a === void 0 ? void 0 : _a.data), void 0) }), void 0));
+        return ((0, jsx_runtime_1.jsx)(routing_1.RouteItemContext, { route: routeItem, children: (0, jsx_runtime_1.jsx)(Component, { ...data?.viewData?.data }) }));
     }
 }
 exports.InlinePage = InlinePage;

package/components/NextRouter.d.ts

@@ -1,9 +1,9 @@
 import { ReactNode } from "react";
 import { RouteData } from "../routing/remoteProps";
-declare type Props = {
+type Props = {
     children: ReactNode;
     path: string;
     data: RouteData;
 };
-export declare function NextRouter({ children, path, data }: Props): JSX.Element;
+export declare function NextRouter({ children, path, data }: Props): import("react/jsx-runtime").JSX.Element;
 export {};