eddev 0.2.65 → 0.2.67-beta1

package/hooks/queryUtils.js

@@ -1,132 +1,67 @@
 "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 __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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createUseMutation = exports.createUseInfiniteQuery = exports.createUseQuery = void 0;
-var react_1 = require("react");
-var swr_1 = __importDefault(require("swr"));
+const react_1 = require("react");
+const swr_1 = __importDefault(require("swr"));
 /** Generic fetcher functions */
-var fetcherGET = function (name, params) { return __awaiter(void 0, void 0, void 0, function () {
-    var url, result, payload;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0:
-                url = process.serverless ? "/api/rest/query/".concat(name) : "/wp-json/ed/v1/query/".concat(name);
-                if (params)
-                    url += "?params=" + encodeURIComponent(params);
-                return [4 /*yield*/, fetch(url, {})];
-            case 1:
-                result = _a.sent();
-                return [4 /*yield*/, result.json()];
-            case 2:
-                payload = _a.sent();
-                return [2 /*return*/, payload];
-        }
-    });
-}); };
+const fetcherGET = async (name, params) => {
+    let url = process.serverless ? `/api/rest/query/${name}` : `/wp-json/ed/v1/query/${name}`;
+    if (params)
+        url += "?params=" + encodeURIComponent(params);
+    const result = await fetch(url, {});
+    const payload = await result.json();
+    return payload;
+};
 function createUseQuery(init) {
-    var hook = function (vars, opts) {
-        var _a, _b;
-        var _c = (0, swr_1.default)([init.name, JSON.stringify(vars)], fetcherGET, {
-            revalidateIfStale: (_a = opts === null || opts === void 0 ? void 0 : opts.revalidateIfStale) !== null && _a !== void 0 ? _a : false,
-            revalidateOnFocus: (_b = opts === null || opts === void 0 ? void 0 : opts.revalidateOnFocus) !== null && _b !== void 0 ? _b : false,
-        }), payload = _c.data, isValidating = _c.isValidating, error = _c.error, mutate = _c.mutate;
+    const hook = (vars, opts) => {
+        const { data: payload, isValidating, error, mutate, } = (0, swr_1.default)([init.name, JSON.stringify(vars)], fetcherGET, {
+            revalidateIfStale: opts?.revalidateIfStale ?? false,
+            revalidateOnFocus: opts?.revalidateOnFocus ?? false,
+        });
         return {
             loading: isValidating && !payload,
-            data: payload === null || payload === void 0 ? void 0 : payload.data,
-            errors: error ? [error] : payload === null || payload === void 0 ? void 0 : payload.errors,
+            data: payload?.data,
+            errors: error ? [error] : payload?.errors,
             refresh: mutate,
         };
     };
-    hook.fetch = function (vars) {
-        return fetcherGET(init.name, JSON.stringify(vars)).then(function (payload) { return payload.data; });
+    hook.fetch = (vars) => {
+        return fetcherGET(init.name, JSON.stringify(vars)).then((payload) => payload.data);
     };
     return hook;
 }
 exports.createUseQuery = createUseQuery;
 function createUseInfiniteQuery(init) {
-    var extract = function (path, payload) {
-        var value = payload;
-        for (var _i = 0, path_1 = path; _i < path_1.length; _i++) {
-            var segment = path_1[_i];
+    const extract = (path, payload) => {
+        let value = payload;
+        for (const segment of path) {
             value = value[segment];
         }
         return value;
     };
-    var hook = function (vars, opts) {
-        var _a = (0, react_1.useState)(), activeCursor = _a[0], setActiveCursor = _a[1];
-        var _b = (0, react_1.useState)(), errors = _b[0], setErrors = _b[1];
-        var _c = (0, react_1.useState)(undefined), nextCursor = _c[0], setNextCursor = _c[1];
-        var _d = (0, react_1.useState)(false), hasMore = _d[0], setHasMore = _d[1];
-        var _e = (0, react_1.useState)(true), isLoadingMore = _e[0], setIsLoadingMore = _e[1];
-        var _f = (0, react_1.useState)([]), items = _f[0], setItems = _f[1];
-        var _g = (0, react_1.useState)(vars), varPayload = _g[0], setVarPayload = _g[1];
-        var _h = (0, swr_1.default)([
+    const hook = (vars, opts) => {
+        const [activeCursor, setActiveCursor] = (0, react_1.useState)();
+        const [errors, setErrors] = (0, react_1.useState)();
+        const [nextCursor, setNextCursor] = (0, react_1.useState)(undefined);
+        const [hasMore, setHasMore] = (0, react_1.useState)(false);
+        const [isLoadingMore, setIsLoadingMore] = (0, react_1.useState)(true);
+        const [items, setItems] = (0, react_1.useState)([]);
+        const [varPayload, setVarPayload] = (0, react_1.useState)(vars);
+        const { data: payload, isValidating, error, mutate, } = (0, swr_1.default)([
             init.name,
-            JSON.stringify(__assign(__assign({}, (varPayload || {})), { cursor: activeCursor })),
+            JSON.stringify({
+                ...(varPayload || {}),
+                cursor: activeCursor,
+            }),
         ], fetcherGET, {
             revalidateIfStale: false,
             revalidateOnFocus: false,
             revalidateOnReconnect: false,
-        }), payload = _h.data, isValidating = _h.isValidating, error = _h.error, mutate = _h.mutate;
-        (0, react_1.useEffect)(function () {
+        });
+        (0, react_1.useEffect)(() => {
             setItems([]);
             setIsLoadingMore(true);
             setErrors(undefined);
@@ -134,7 +69,7 @@ function createUseInfiniteQuery(init) {
             setActiveCursor(undefined);
             setVarPayload(vars);
         }, [JSON.stringify(vars)]);
-        (0, react_1.useEffect)(function () {
+        (0, react_1.useEffect)(() => {
             if (payload) {
                 setIsLoadingMore(false);
                 if (payload.errors) {
@@ -142,14 +77,14 @@ function createUseInfiniteQuery(init) {
                 }
                 else if (payload.data) {
                     // Extract data
-                    var nodes_1 = extract(init.paths.nodesPath, payload.data);
-                    var nextCursor_1 = extract(init.paths.endCursorPath, payload.data);
-                    var hasMore_1 = extract(init.paths.hasNextPagePath, payload.data);
+                    const nodes = extract(init.paths.nodesPath, payload.data);
+                    const nextCursor = extract(init.paths.endCursorPath, payload.data);
+                    const hasMore = extract(init.paths.hasNextPagePath, payload.data);
                     setErrors(undefined);
-                    setNextCursor(nextCursor_1);
-                    setHasMore(hasMore_1);
+                    setNextCursor(nextCursor);
+                    setHasMore(hasMore);
                     setIsLoadingMore(false);
-                    setItems(function () { return __spreadArray(__spreadArray([], items, true), nodes_1, true); });
+                    setItems(() => [...items, ...nodes]);
                 }
             }
         }, [payload]);
@@ -159,14 +94,14 @@ function createUseInfiniteQuery(init) {
             items: items,
             cursor: activeCursor,
             errors: error ? [error] : errors,
-            refresh: function () {
+            refresh: () => {
                 setErrors(undefined);
                 setNextCursor(undefined);
                 setActiveCursor(undefined);
                 setIsLoadingMore(false);
                 mutate();
             },
-            loadMore: function () {
+            loadMore() {
                 if (isLoadingMore || !hasMore)
                     return;
                 setIsLoadingMore(true);
@@ -179,92 +114,66 @@ function createUseInfiniteQuery(init) {
 }
 exports.createUseInfiniteQuery = createUseInfiniteQuery;
 function createUseMutation(init) {
-    var _this = this;
-    var hook = function (opts) {
-        var _a = (0, react_1.useState)(false), submitting = _a[0], setSubmitting = _a[1];
-        var _b = (0, react_1.useState)(false), submitted = _b[0], setSubmitted = _b[1];
-        var _c = (0, react_1.useState)(undefined), data = _c[0], setData = _c[1];
-        var _d = (0, react_1.useState)(), errors = _d[0], setErrors = _d[1];
-        var submit = function (params) { return __awaiter(_this, void 0, void 0, function () {
-            var url, result, payload, error_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        setSubmitting(true);
-                        setSubmitted(false);
-                        url = process.serverless ? "/api/rest/mutation/".concat(init.name) : "/wp-json/ed/v1/mutation/".concat(init.name);
-                        _a.label = 1;
-                    case 1:
-                        _a.trys.push([1, 4, , 5]);
-                        return [4 /*yield*/, fetch(url, {
-                                method: "POST",
-                                headers: {
-                                    "Content-type": "application/json",
-                                },
-                                credentials: "include",
-                                body: JSON.stringify(params),
-                            })];
-                    case 2:
-                        result = _a.sent();
-                        return [4 /*yield*/, result.json()];
-                    case 3:
-                        payload = _a.sent();
-                        if (payload.errors) {
-                            setErrors(payload.errors);
-                        }
-                        else {
-                            setData(payload.data);
-                            setSubmitted(true);
-                            setErrors(undefined);
-                        }
-                        return [3 /*break*/, 5];
-                    case 4:
-                        error_1 = _a.sent();
-                        setErrors([error_1]);
-                        return [2 /*return*/];
-                    case 5:
-                        setSubmitting(false);
-                        return [2 /*return*/];
+    const hook = (opts) => {
+        const [submitting, setSubmitting] = (0, react_1.useState)(false);
+        const [submitted, setSubmitted] = (0, react_1.useState)(false);
+        const [data, setData] = (0, react_1.useState)(undefined);
+        const [errors, setErrors] = (0, react_1.useState)();
+        const submit = async (params) => {
+            setSubmitting(true);
+            setSubmitted(false);
+            let url = process.serverless ? `/api/rest/mutation/${init.name}` : `/wp-json/ed/v1/mutation/${init.name}`;
+            try {
+                const result = await fetch(url, {
+                    method: "POST",
+                    headers: {
+                        "Content-type": "application/json",
+                    },
+                    credentials: "include",
+                    body: JSON.stringify(params),
+                });
+                const payload = await result.json();
+                if (payload.errors) {
+                    setErrors(payload.errors);
+                }
+                else {
+                    setData(payload.data);
+                    setSubmitted(true);
+                    setErrors(undefined);
                 }
-            });
-        }); };
+            }
+            catch (error) {
+                setErrors([error]);
+                return;
+            }
+            setSubmitting(false);
+        };
         return {
-            submitting: submitting,
-            submitted: submitted,
-            data: data,
-            errors: errors,
-            submit: submit,
+            submitting,
+            submitted,
+            data,
+            errors,
+            submit,
         };
     };
-    hook.mutate = function (vars) { return __awaiter(_this, void 0, void 0, function () {
-        var url, result, payload;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    url = process.serverless ? "/api/rest/mutation/".concat(init.name) : "/wp-json/ed/v1/mutation/".concat(init.name);
-                    return [4 /*yield*/, fetch(url, {
-                            method: "POST",
-                            headers: {
-                                "Content-type": "application/json",
-                            },
-                            credentials: "include",
-                            body: JSON.stringify(vars),
-                        })];
-                case 1:
-                    result = _a.sent();
-                    return [4 /*yield*/, result.json()];
-                case 2:
-                    payload = _a.sent();
-                    if (payload.errors) {
-                        throw payload.errors;
-                    }
-                    else {
-                        return [2 /*return*/, payload.data];
-                    }
-                    return [2 /*return*/];
-            }
+    hook.mutate = async (vars) => {
+        let url = process.serverless ? `/api/rest/mutation/${init.name}` : `/wp-json/ed/v1/mutation/${init.name}`;
+        const result = await fetch(url, {
+            method: "POST",
+            headers: {
+                "Content-type": "application/json",
+            },
+            credentials: "include",
+            body: JSON.stringify(vars),
         });
-    }); };
+        const payload = await result.json();
+        if (payload.errors) {
+            throw payload.errors;
+        }
+        else {
+            return payload.data;
+        }
+    };
     return hook;
 }
 exports.createUseMutation = createUseMutation;

package/hooks/useAppData.d.ts

@@ -1,10 +1,10 @@
-declare type AppData = ViewProps["_app"];
+type AppData = ViewProps["_app"];
 interface AppDataStore {
     data: AppData;
     setAppData(data: AppData): void;
 }
 declare const useAppDataStore: import("zustand").UseBoundStore<AppDataStore, import("zustand").StoreApi<AppDataStore>>;
-declare type Selector<T> = (data: AppData) => T;
+type Selector<T> = (data: AppData) => T;
 declare function useAppData(): AppData;
 declare function useAppData<T>(selector: Selector<T>): T;
 export { useAppData, useAppDataStore };

package/hooks/useAppData.js

@@ -4,20 +4,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAppDataStore = exports.useAppData = void 0;
-var react_1 = require("react");
-var zustand_1 = __importDefault(require("zustand"));
-var serverlessAppContext_1 = require("../utils/serverlessAppContext");
-var useAppDataStore = (0, zustand_1.default)(function (set) { return ({
+const react_1 = require("react");
+const zustand_1 = __importDefault(require("zustand"));
+const serverlessAppContext_1 = require("../utils/serverlessAppContext");
+const useAppDataStore = (0, zustand_1.default)((set) => ({
     data: undefined,
-    setAppData: function (data) {
-        set({ data: data });
+    setAppData(data) {
+        set({ data });
     },
-}); });
+}));
 exports.useAppDataStore = useAppDataStore;
 function useAppData(selector) {
     // @ts-ignore
     if (process.serverless) {
-        var value = (0, react_1.useContext)(serverlessAppContext_1.ServerlessAppDataContext);
+        const value = (0, react_1.useContext)(serverlessAppContext_1.ServerlessAppDataContext);
         if (selector)
             return selector(value);
         return value;
@@ -27,7 +27,7 @@ function useAppData(selector) {
         return selector ? selector(__ED_APP_DATA.data) : __ED_APP_DATA.data;
     }
     else {
-        return useAppDataStore(function (store) {
+        return useAppDataStore((store) => {
             if (selector)
                 return selector(store.data);
             return store.data;

package/hooks/usePageLoad.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePageLoad = void 0;
-var zustand_1 = __importDefault(require("zustand"));
-exports.usePageLoad = (0, zustand_1.default)(function (set) { return ({
+const zustand_1 = __importDefault(require("zustand"));
+exports.usePageLoad = (0, zustand_1.default)((set) => ({
     loading: false,
-    setIsLoading: function (loading) { return set({ loading: loading }); },
-}); });
+    setIsLoading: (loading) => set({ loading: loading }),
+}));

package/hooks/useQueryDebug.d.ts

@@ -1,4 +1,4 @@
-export declare type QueryDebugItem = {
+export type QueryDebugItem = {
     file: string;
     errors: string[];
     duration: number;

package/hooks/useQueryDebug.js

@@ -4,18 +4,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useQueryDebugData = exports.setQueryDebug = void 0;
-var zustand_1 = __importDefault(require("zustand"));
-var useQueryDebug = (0, zustand_1.default)(function (set) { return ({
+const zustand_1 = __importDefault(require("zustand"));
+const useQueryDebug = (0, zustand_1.default)((set) => ({
     value: undefined,
-    set: function (value) {
-        set({ value: value });
+    set: (value) => {
+        set({ value });
     },
-}); });
+}));
 function setQueryDebug(value) {
-    useQueryDebug.setState({ value: value });
+    useQueryDebug.setState({ value });
 }
 exports.setQueryDebug = setQueryDebug;
 function useQueryDebugData() {
-    return useQueryDebug(function (store) { return store.value; });
+    return useQueryDebug((store) => store.value);
 }
 exports.useQueryDebugData = useQueryDebugData;

package/hooks/useRPC.d.ts

@@ -4,9 +4,9 @@ export declare const useRPCQuery: RPCUseQuery;
 export declare const useRPCMutation: RPCUseMutation;
 export declare const useRPCInfiniteQuery: RPCUseInfiniteQuery;
 export declare const rpcClient: RPCClient;
-export declare type UseRPCMutationResult = ReturnType<typeof trpc.useMutation>;
-export declare type UseRPCQueryResult = ReturnType<typeof trpc.useQuery>;
-export declare type UseRPCInfiniteQueryResult = ReturnType<typeof trpc.useInfiniteQuery>;
+export type UseRPCMutationResult = ReturnType<typeof trpc.useMutation>;
+export type UseRPCQueryResult = ReturnType<typeof trpc.useQuery>;
+export type UseRPCInfiniteQueryResult = ReturnType<typeof trpc.useInfiniteQuery>;
 export declare const RPCClientError: typeof TRPCClientError;
-export declare type RPCClientError = InstanceType<typeof TRPCClientError>;
+export type RPCClientError = InstanceType<typeof TRPCClientError>;
 export {};

package/hooks/useRPC.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RPCClientError = exports.rpcClient = exports.useRPCInfiniteQuery = exports.useRPCMutation = exports.useRPCQuery = void 0;
-var react_1 = require("@trpc/react");
-var client_1 = require("@trpc/client");
-var trpc = (0, react_1.createReactQueryHooks)();
+const react_1 = require("@trpc/react");
+const client_1 = require("@trpc/client");
+const trpc = (0, react_1.createReactQueryHooks)();
 // @ts-ignore
 exports.useRPCQuery = trpc.useQuery;
 // @ts-ignore

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eddev",
-  "version": "0.2.65",
+  "version": "0.2.67-beta1",
   "main": "./index.js",
   "license": "MIT",
   "bin": {
@@ -20,7 +20,7 @@
     "@types/inquirer": "^8.1.1",
     "@types/loadable__component": "^5.13.4",
     "@types/node": "^16.7.10",
-    "@types/react": "^18.0.34",
+    "@types/react": "^18.2.8",
     "@types/react-dom": "^18.0.11",
     "@types/react-inspector": "^4.0.2",
     "@types/rimraf": "^3.0.2",
@@ -28,7 +28,7 @@
     "@types/webpack-dev-server": "^3.11.2",
     "csstype": "^3.0.9",
     "next": "^12.1.6",
-    "react-html-props": "^1.0.32",
+    "react-html-props": "^2.0.2",
     "react-use": "^17.4.0"
   },
   "dependencies": {
@@ -49,8 +49,8 @@
     "@loadable/webpack-plugin": "^5.15.2",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
     "@soda/friendly-errors-webpack-plugin": "^1.8.0",
-    "@stitches/core": "^1.2.8",
-    "@stitches/react": "^1.2.8",
+    "@stitches/core": "^1.3.1-1",
+    "@stitches/react": "^1.3.1-1",
     "@trpc/client": "^9.19.0",
     "@trpc/next": "^9.19.0",
     "@trpc/react": "^9.19.0",
@@ -74,7 +74,7 @@
     "glob-promise": "^4.2.0",
     "graphql": "^15.5.3",
     "immer": "^9.0.12",
-    "ink": "^3.2.0",
+    "ink": "3.2.0",
     "inquirer": "^8.1.2",
     "mini-css-extract-plugin": "^2.2.2",
     "next-transpile-modules": "^9.0.0",
@@ -88,7 +88,7 @@
     "rimraf": "^3.0.2",
     "swr": "^1.0.1",
     "to-icon": "^1.1.4",
-    "typescript": "4.5.5",
+    "typescript": "^5.1.3",
     "url-parse": "^1.5.3",
     "webpack": "5.74.0",
     "webpack-bundle-analyzer": "^4.5.0",

package/routing/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/routing/remoteProps.d.ts

@@ -1,5 +1,5 @@
 import URLParse from "url-parse";
-export declare type ParsedRouteTags = Record<"title" | "meta" | "script" | "style" | "link", {
+export type ParsedRouteTags = Record<"title" | "meta" | "script" | "style" | "link", {
     [key: string]: string;
 }[]>;
 export interface RouteData {