eddev 0.1.49 → 0.2.0-beta.1

package/build/serverless/create-next-app.js

@@ -0,0 +1,298 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createNextApp = void 0;
+var path_1 = require("path");
+var fs_extra_1 = require("fs-extra");
+var glob_promise_1 = __importDefault(require("glob-promise"));
+var child_process_1 = require("child_process");
+var fs_1 = require("fs");
+var manifest_blocks_1 = require("../manifests/manifest-blocks");
+var promises_1 = require("fs/promises");
+var manifest_views_1 = require("../manifests/manifest-views");
+function createNextApp(opts) {
+    return __awaiter(this, void 0, void 0, function () {
+        var serverlessDirectory;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    serverlessDirectory = (0, path_1.resolve)(opts.baseDirectory, ".serverless");
+                    // Clean first
+                    return [4 /*yield*/, clean(serverlessDirectory)
+                        // Copy the template folder
+                    ];
+                case 1:
+                    // Clean first
+                    _a.sent();
+                    // Copy the template folder
+                    return [4 /*yield*/, copyTemplate(serverlessDirectory)
+                        // Update package.json
+                    ];
+                case 2:
+                    // Copy the template folder
+                    _a.sent();
+                    // Update package.json
+                    return [4 /*yield*/, updatePackagesFile(opts.baseDirectory, serverlessDirectory)
+                        // Update packages
+                        // TODO: On vercel, can we maybe just symlink or copy node_modules?
+                    ];
+                case 3:
+                    // Update package.json
+                    _a.sent();
+                    // Update packages
+                    // TODO: On vercel, can we maybe just symlink or copy node_modules?
+                    return [4 /*yield*/, updatePackages(serverlessDirectory)
+                        // Symlink important files and directories
+                    ];
+                case 4:
+                    // Update packages
+                    // TODO: On vercel, can we maybe just symlink or copy node_modules?
+                    _a.sent();
+                    // Symlink important files and directories
+                    return [4 /*yield*/, syncFiles(opts.baseDirectory, serverlessDirectory)
+                        // Create manifests
+                    ];
+                case 5:
+                    // Symlink important files and directories
+                    _a.sent();
+                    // Create manifests
+                    initManifests(serverlessDirectory, opts.dev);
+                    if (!opts.dev) return [3 /*break*/, 7];
+                    return [4 /*yield*/, runScript(serverlessDirectory, "dev")];
+                case 6:
+                    _a.sent();
+                    return [3 /*break*/, 9];
+                case 7:
+                    if (!opts.build) return [3 /*break*/, 9];
+                    return [4 /*yield*/, runScript(serverlessDirectory, "build")];
+                case 8:
+                    _a.sent();
+                    _a.label = 9;
+                case 9: return [2 /*return*/];
+            }
+        });
+    });
+}
+exports.createNextApp = createNextApp;
+function clean(path) {
+    return __awaiter(this, void 0, void 0, function () {
+        var whitelist, files;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(0, fs_1.existsSync)(path))
+                        return [2 /*return*/];
+                    whitelist = ["node_modules", "package.json", "yarn.lock"];
+                    return [4 /*yield*/, (0, fs_extra_1.readdir)(path)];
+                case 1:
+                    files = (_a.sent()).filter(function (file) {
+                        return !whitelist.includes(file);
+                    });
+                    return [4 /*yield*/, Promise.all(files.map(function (file) { return (0, fs_extra_1.removeSync)((0, path_1.resolve)(path, file)); }))];
+                case 2:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    });
+}
+function copyTemplate(targetFolder) {
+    return __awaiter(this, void 0, void 0, function () {
+        var sourceFolder, files;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    sourceFolder = (0, path_1.resolve)(__dirname, "../../serverless-template");
+                    console.log("Copying from", sourceFolder, "to", targetFolder);
+                    (0, fs_extra_1.mkdirp)(targetFolder);
+                    return [4 /*yield*/, (0, glob_promise_1.default)((0, path_1.resolve)(sourceFolder, "**/*.*"))];
+                case 1:
+                    files = _a.sent();
+                    return [4 /*yield*/, Promise.all(files.map(function (src) {
+                            var dest = src.replace(sourceFolder, targetFolder);
+                            return (0, fs_extra_1.copy)(src, dest);
+                            // return new Promise((resolve) => {
+                            //   console.log("Copy", src, "to", dest)
+                            // })
+                        }))];
+                case 2:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    });
+}
+function updatePackages(dir) {
+    var _a, _b;
+    return __awaiter(this, void 0, void 0, function () {
+        var proc;
+        return __generator(this, function (_c) {
+            proc = (0, child_process_1.spawn)("yarn", [], {
+                cwd: dir,
+            });
+            (_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);
+            return [2 /*return*/, new Promise(function (resolve) {
+                    proc.on("close", function () {
+                        resolve(null);
+                    });
+                })];
+        });
+    });
+}
+function updatePackagesFile(sourceFolder, targetFolder) {
+    return __awaiter(this, void 0, void 0, function () {
+        var sourcePackageFile, targetPackageFile, sourcePackage, targetPackage, mergedPackage;
+        return __generator(this, function (_a) {
+            sourcePackageFile = (0, path_1.resolve)(sourceFolder, "package.json");
+            targetPackageFile = (0, path_1.resolve)(targetFolder, "package.json");
+            sourcePackage = require(sourcePackageFile);
+            targetPackage = require(targetPackageFile);
+            mergedPackage = __assign(__assign({}, targetPackage), { dependencies: __assign(__assign({}, (sourcePackage.dependencies || {})), (targetPackage.dependencies || {})), devDependencies: __assign(__assign({}, (sourcePackage.devDependencies || {})), (targetPackage.devDependencies || {})) });
+            (0, fs_extra_1.writeJSON)(targetPackageFile, mergedPackage, {
+                spaces: 2,
+            });
+            return [2 /*return*/];
+        });
+    });
+}
+function syncFiles(sourceFolder, targetFolder) {
+    return __awaiter(this, void 0, void 0, function () {
+        var links;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    links = [
+                        "blocks",
+                        "components",
+                        "hooks",
+                        "queries",
+                        ".env",
+                        "views",
+                        "theme.css.tsx",
+                        "types.graphql.ts",
+                        "types.views.ts",
+                        "types.blocks.ts",
+                        "utils",
+                    ];
+                    return [4 /*yield*/, Promise.all(links.map(function (file) {
+                            var src = (0, path_1.resolve)(sourceFolder, file);
+                            var dest = (0, path_1.resolve)(targetFolder, file);
+                            if ((0, fs_1.existsSync)(src)) {
+                                return (0, fs_extra_1.copy)(src, dest);
+                            }
+                        }))];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    });
+}
+function runScript(dir, script) {
+    var _a, _b;
+    return __awaiter(this, void 0, void 0, function () {
+        var proc;
+        return __generator(this, function (_c) {
+            proc = (0, child_process_1.spawn)("yarn", [script], {
+                cwd: dir,
+            });
+            (_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);
+            return [2 /*return*/, new Promise(function (resolve) {
+                    proc.on("close", function () {
+                        resolve(null);
+                    });
+                })];
+        });
+    });
+}
+function initManifests(dir, dev) {
+    return __awaiter(this, void 0, void 0, function () {
+        var _this = this;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, Promise.all([
+                        (0, manifest_blocks_1.createBlockManifestGenerator)({
+                            baseDirectory: dir,
+                            isAdmin: false,
+                            isDev: dev,
+                            isServerless: true,
+                            onGenerate: function (manifest) { return __awaiter(_this, void 0, void 0, function () {
+                                return __generator(this, function (_a) {
+                                    (0, promises_1.writeFile)((0, path_1.resolve)(dir, "manifest_blocks.ts"), manifest);
+                                    return [2 /*return*/];
+                                });
+                            }); },
+                            watch: dev,
+                        }),
+                        (0, manifest_views_1.createViewManifestGenerator)({
+                            baseDirectory: dir,
+                            isAdmin: false,
+                            isDev: dev,
+                            isServerless: true,
+                            onGenerate: function (manifest) { return __awaiter(_this, void 0, void 0, function () {
+                                return __generator(this, function (_a) {
+                                    (0, promises_1.writeFile)((0, path_1.resolve)(dir, "manifest_views.ts"), manifest);
+                                    return [2 /*return*/];
+                                });
+                            }); },
+                            watch: dev,
+                        }),
+                    ])];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    });
+}

package/cli/cli.js

@@ -37,6 +37,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var commander_1 = require("commander");
+var create_next_app_1 = require("../build/serverless/create-next-app");
 var build_dev_1 = require("./build.dev");
 var build_prod_1 = require("./build.prod");
 var setup_1 = require("./setup");
@@ -65,6 +66,26 @@ program
         serverless: options.serverless,
     });
 });
+program
+    .command("vercel-build")
+    .description("Create and build a Next.js project in .serverless")
+    .action(function (options) {
+    (0, create_next_app_1.createNextApp)({
+        baseDirectory: process.cwd(),
+        dev: false,
+        build: true,
+    });
+});
+program
+    .command("next")
+    .description("Create a Next.js project in .serverless")
+    .action(function (options) {
+    (0, create_next_app_1.createNextApp)({
+        baseDirectory: process.cwd(),
+        dev: true,
+        build: false,
+    });
+});
 program
     .command("setup")
     .description("Initialize the WordPress theme interactively")

package/cli/prepare-next.js

@@ -0,0 +1 @@
+"use strict";

package/components/NextRouter.d.ts

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

package/components/NextRouter.js

@@ -0,0 +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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NextRouter = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var routing_1 = require("../routing");
+var router_1 = require("next/router");
+function NextRouter(_a) {
+    var children = _a.children, path = _a.path, data = _a.data;
+    var route = (0, router_1.useRouter)();
+    return ((0, jsx_runtime_1.jsx)(routing_1.RouterRoot, __assign({ url: path, data: data, onNavigateRequest: function (url) {
+            route.push(url);
+            // setPendingUrl({ popped: false, url })
+        }, onPreload: function (url) {
+            // if (isSameOrigin(url)) {
+            //   fetchProps(url)
+            // }
+        }, onNavigated: function () {
+            // if (pending && typeof pending.scrollPosition === "number") {
+            //   setScrollPosition({ value: pending.scrollPosition })
+            // } else {
+            //   setScrollPosition({ value: 0 })
+            // }
+        } }, { children: children }), void 0));
+}
+exports.NextRouter = NextRouter;

package/components/ServerlessRouter.js

@@ -0,0 +1 @@
+"use strict";

package/dynamic/dynamic-component.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const dynamic: {
+    <Props, Module = import("@loadable/component").DefaultComponent<Props>>(loadFn: (props: Props) => Promise<Module>, options: import("@loadable/component").OptionsWithResolver<Props, Module>): import("@loadable/component").LoadableComponent<Props>;
+    <Props_1>(loadFn: (props: Props_1) => Promise<import("@loadable/component").DefaultComponent<Props_1>>, options?: import("@loadable/component").OptionsWithoutResolver<Props_1> | undefined): import("@loadable/component").LoadableComponent<Props_1>;
+    <Component extends import("react").ComponentClass<any, any>>(loadFn: (props: import("react").ComponentProps<Component>) => Promise<Component | {
+        default: Component;
+    }>, options?: import("@loadable/component").Options<import("react").ComponentProps<Component>, Component> | undefined): import("@loadable/component").LoadableClassComponent<Component>;
+} & {
+    lib: <Props_2, Module_1>(loadFn: (props: Props_2) => Promise<Module_1>, options?: import("@loadable/component").OptionsWithoutResolver<Props_2> | undefined) => import("@loadable/component").LoadableLibrary<Module_1>;
+};

package/dynamic/dynamic-component.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dynamic = void 0;
+var component_1 = __importDefault(require("@loadable/component"));
+exports.dynamic = component_1.default;

package/dynamic/index.d.ts

@@ -0,0 +1 @@
+export * from "./dynamic-component";

package/dynamic/index.js

@@ -0,0 +1,13 @@
+"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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./dynamic-component"), exports);

package/fields/ImageWell.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare type Props = {
+    previewSize: string;
+    value: number;
+    onChange: (value: number | null) => void;
+};
+export declare function ImageWell(props: Props): JSX.Element;
+export {};

package/fields/ImageWell.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageWell = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@stitches/react");
+var react_2 = require("react");
+function ImageWell(props) {
+    var _a = (0, react_2.useState)(null), selectedImage = _a[0], setSelectedImage = _a[1];
+    var _b = (0, react_2.useState)(false), imageIsLoading = _b[0], setImageIsLoading = _b[1];
+    (0, react_2.useEffect)(function () {
+        if (props.value) {
+            var cancelled = false;
+            setImageIsLoading(true);
+            fetch("/wp-json/ed/v1/media/" + Number(props.value))
+                .then(function (response) { return response.json(); })
+                .then(function (image) {
+                setImageIsLoading(false);
+                setSelectedImage(image);
+            });
+        }
+    }, [props.value]);
+    return ((0, jsx_runtime_1.jsxs)(Wrapper, { children: [imageIsLoading ? ((0, jsx_runtime_1.jsx)(Loading, { children: (0, jsx_runtime_1.jsx)(Spinner, {}, void 0) }, void 0)) : selectedImage ? ((0, jsx_runtime_1.jsx)(ImageContainer, { children: (0, jsx_runtime_1.jsx)("img", { src: selectedImage.sizes[props.previewSize] || selectedImage.sizes["thumbnail"] }, void 0) }, void 0)) : null, (0, jsx_runtime_1.jsx)(Toolbar, { children: selectedImage || imageIsLoading ? ((0, jsx_runtime_1.jsxs)(react_2.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button, { children: "Remove" }, void 0), (0, jsx_runtime_1.jsx)(Button, { children: "Edit" }, void 0), (0, jsx_runtime_1.jsx)(Button, { children: "View" }, void 0)] }, void 0)) : null }, void 0)] }, void 0));
+}
+exports.ImageWell = ImageWell;
+var Wrapper = (0, react_1.styled)("div", {
+    position: "relative",
+    display: "block",
+    width: "100%",
+    border: "1px solid #aaaaaa",
+});
+var ImageContainer = (0, react_1.styled)("div", {
+    padding: "4px",
+    img: {
+        maxWidth: "100%",
+    },
+});
+var spin = (0, react_1.keyframes)({
+    from: {
+        transform: "rotate(0deg)",
+    },
+    to: {
+        transform: "rotate(360deg)",
+    },
+});
+var Spinner = (0, react_1.styled)("div", {
+    display: "block",
+    width: "32px",
+    height: "32px",
+    border: "4px solid transparent",
+    borderTop: "currentColor",
+    animation: "".concat(spin, " 1s linear infinite"),
+});
+var Loading = (0, react_1.styled)("div", {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    padding: "8px",
+});
+var Toolbar = (0, react_1.styled)("div", {
+    position: "absolute",
+    top: 0,
+    right: 0,
+    padding: "4px",
+});

package/fields/installFieldTypes.js

@@ -34,8 +34,9 @@ function installFieldTypes() {
     var _loop_1 = function (name_1) {
         var type = fields_1.default[name_1];
         var Component = type.render;
-        var init = function (_a) {
-            var $el = _a.$el, cid = _a.cid, data = _a.data;
+        var init = function (field) {
+            console.log("Field is", field);
+            var $el = field.$el, cid = field.cid, data = field.data;
             var input = $el.find("input[type='hidden']");
             var container = document.createElement("div");
             $el.append(container);
@@ -52,9 +53,20 @@ exports.installFieldTypes = installFieldTypes;
 function FieldWrapper(_a) {
     var input = _a.input, defaultValue = _a.defaultValue, Component = _a.Component, settings = _a.settings;
     var _b = (0, react_1.useState)(function () { var _a; return (_a = (input.value ? JSON.parse(input.value) : null)) !== null && _a !== void 0 ? _a : defaultValue; }), value = _b[0], setValue = _b[1];
+    var _c = (0, react_1.useState)(false), valueChanged = _c[0], setValueChanged = _c[1];
     (0, react_1.useEffect)(function () {
         input.value = JSON.stringify(value);
-        console.log(input.value);
-    }, [value]);
-    return (0, jsx_runtime_1.jsx)(Component, { value: value, onChange: setValue, settings: settings }, void 0);
+        if (valueChanged) {
+            try {
+                // @ts-ignore
+                window.jQuery(input).change();
+            }
+            catch (err) { }
+            setValueChanged(false);
+        }
+    }, [value, valueChanged]);
+    return ((0, jsx_runtime_1.jsx)(Component, { value: value, onChange: function (value) {
+            setValue(value);
+            setValueChanged(true);
+        }, settings: settings }, void 0));
 }

package/gravityforms/useGravityForm.js

@@ -140,7 +140,7 @@ function submit(form, state) {
             switch (_a.label) {
                 case 0:
                     _a.trys.push([0, 3, , 4]);
-                    url = "/wp-json/ed/v1/gf/submit";
+                    url = process.serverless ? "/api/rest/form-submit" : "/wp-json/ed/v1/gf/submit";
                     params = {
                         formID: form.id,
                         values: prepareValuesPayload(form, state, {}),

package/hooks/queryUtils.js

@@ -68,7 +68,7 @@ var fetcherGET = function (name, params) { return __awaiter(void 0, void 0, void
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
-                url = "/wp-json/ed/v1/query/".concat(name);
+                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, {})];
@@ -187,7 +187,7 @@ function createUseMutation(init) {
                     case 0:
                         setSubmitting(true);
                         setSubmitted(false);
-                        url = "/wp-json/ed/v1/mutation/".concat(init.name);
+                        url = process.serverless ? "/api/mutation/".concat(init.name) : "/wp-json/ed/v1/mutation/".concat(init.name);
                         _a.label = 1;
                     case 1:
                         _a.trys.push([1, 4, , 5]);

package/hooks/useAppData.js

@@ -4,7 +4,9 @@ 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 ({
     data: undefined,
     setAppData: function (data) {
@@ -13,10 +15,20 @@ var useAppDataStore = (0, zustand_1.default)(function (set) { return ({
 }); });
 exports.useAppDataStore = useAppDataStore;
 function useAppData(selector) {
-    return useAppDataStore(function (store) {
+    // @ts-ignore
+    if (process.serverless) {
+        var value = (0, react_1.useContext)(serverlessAppContext_1.ServerlessAppDataContext);
+        console.log("VALUE IS", value);
         if (selector)
-            return selector(store.data);
-        return store.data;
-    });
+            return selector(value);
+        return value;
+    }
+    else {
+        return useAppDataStore(function (store) {
+            if (selector)
+                return selector(store.data);
+            return store.data;
+        });
+    }
 }
 exports.useAppData = useAppData;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eddev",
-  "version": "0.1.49",
+  "version": "0.2.0-beta.1",
   "main": "./index.js",
   "license": "MIT",
   "bin": {
@@ -15,6 +15,7 @@
     "@types/babel__core": "^7.1.16",
     "@types/babel__traverse": "^7.14.2",
     "@types/chokidar": "^2.1.3",
+    "@types/fs-extra": "^9.0.13",
     "@types/inquirer": "^8.1.1",
     "@types/loadable__component": "^5.13.4",
     "@types/node": "^16.7.10",
@@ -25,6 +26,7 @@
     "@types/url-parse": "^1.4.4",
     "@types/webpack-dev-server": "^3.11.2",
     "csstype": "^3.0.9",
+    "next": "^12.0.10",
     "react-html-props": "^1.0.32"
   },
   "dependencies": {
@@ -59,7 +61,9 @@
     "dotenv": "^10.0.0",
     "error-overlay-webpack-plugin": "^1.0.0",
     "error-stack-parser": "^2.0.6",
+    "execa": "^6.0.0",
     "friendly-errors-webpack-plugin": "^1.7.0",
+    "fs-extra": "^10.0.0",
     "git-remote-origin-url": "^3.1.0",
     "glob": "^7.1.7",
     "glob-promise": "^4.2.0",
@@ -68,6 +72,7 @@
     "ink": "^3.2.0",
     "inquirer": "^8.1.2",
     "mini-css-extract-plugin": "^2.2.2",
+    "next-transpile-modules": "^9.0.0",
     "postcss-loader": "^6.1.1",
     "qs": "^6.10.1",
     "react-dev-utils": "^12.0.0-next.37",

package/routing/routing.js

@@ -326,6 +326,11 @@ var isInternalPageLink = function (href) {
 };
 exports.isInternalPageLink = isInternalPageLink;
 exports.Link = (0, react_1.forwardRef)(function (props, ref) {
+    // @ts-ignore
+    if (process.serverless) {
+        var NextLink = require("next/link").default;
+        return ((0, jsx_runtime_1.jsx)(NextLink, __assign({ href: props.href, passHref: true }, { children: (0, jsx_runtime_1.jsx)("a", __assign({}, props, { href: undefined }), void 0) }), void 0));
+    }
     var localRef = (0, react_1.useRef)();
     var router = (0, react_1.useContext)(RouterContext);
     (0, react_1.useEffect)(function () {