eddev 0.1.50 → 0.2.0-beta.10

package/build/build-favicon.d.ts

@@ -0,0 +1 @@
+export declare function buildFavicon(output?: string): Promise<void>;

package/build/build-favicon.js

@@ -0,0 +1,71 @@
+"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.buildFavicon = void 0;
+// @ts-ignore
+var to_icon_1 = __importDefault(require("to-icon"));
+var promises_1 = require("fs/promises");
+var glob_promise_1 = __importDefault(require("glob-promise"));
+var path_1 = require("path");
+function buildFavicon(output) {
+    if (output === void 0) { output = (0, path_1.join)(process.cwd(), "favicon.ico"); }
+    return __awaiter(this, void 0, void 0, function () {
+        var files, buffers, buf;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, (0, glob_promise_1.default)((0, path_1.join)(process.cwd(), "assets/favicon/favicon-*.png"))];
+                case 1:
+                    files = _a.sent();
+                    if (!files.length)
+                        return [2 /*return*/];
+                    return [4 /*yield*/, Promise.all(files.map(function (file) { return (0, promises_1.readFile)(file); }))];
+                case 2:
+                    buffers = _a.sent();
+                    return [4 /*yield*/, (0, to_icon_1.default)(buffers)];
+                case 3:
+                    buf = _a.sent();
+                    (0, promises_1.writeFile)(output, buf);
+                    return [2 /*return*/];
+            }
+        });
+    });
+}
+exports.buildFavicon = buildFavicon;

package/build/create-serverless-dev-worker.d.ts

@@ -0,0 +1,3 @@
+import { Observable } from "../utils/Observable";
+import { ServerlessState } from "./state/serverless-state";
+export declare function createServerlessWorker(): Observable<ServerlessState>;

package/build/create-serverless-dev-worker.js

@@ -0,0 +1,99 @@
+"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.createServerlessWorker = void 0;
+var worker_threads_1 = require("worker_threads");
+var path_1 = require("path");
+var Observable_1 = require("../utils/Observable");
+function createServerlessWorker() {
+    var worker = new worker_threads_1.Worker((0, path_1.join)(__dirname, "workers/serverless-worker-dev-script.js"), {
+        workerData: {},
+        stderr: true,
+        stdin: false,
+        stdout: true,
+        env: __assign(__assign({}, process.env), { FORCE_COLOR: "1" }),
+    });
+    var subject = new Observable_1.Observable({
+        title: "Serverless",
+        status: "starting",
+        log: "",
+    });
+    var parseChunk = function (str) {
+        var escaped = JSON.stringify(str).replace(/(^"|"$)/g, "");
+        var status;
+        var duration = 0;
+        if (str.includes("\u001b[31merror\u001b[39m")) {
+            status = "error";
+        }
+        else if (str.includes("\u001b[35mevent\u001b[39m") && str.includes("successfully")) {
+            status = "success";
+            var secondsMatch = str.match(/[0-9.]+s/);
+            var msMatch = str.match(/[0-9.]+ ms/);
+            if (secondsMatch) {
+                duration = parseFloat(secondsMatch[0].replace("s", "")) * 1000;
+            }
+            if (msMatch) {
+                duration = parseFloat(msMatch[0].replace(" ms", ""));
+            }
+        }
+        else if (str.includes("\u001b[36mwait\u001b[39m")) {
+            status = "compiling";
+        }
+        return {
+            text: str,
+            status: status,
+            duration: duration,
+        };
+    };
+    var handleChunk = function (chunk) {
+        var result = parseChunk(String(chunk));
+        subject.update(function (state) { return (__assign(__assign({}, state), { log: (state.log || "") + result.text, status: result.status ? result.status : state.status, duration: result.status === "success" ? result.duration : state.duration })); });
+    };
+    worker.stderr.on("data", handleChunk);
+    worker.stdout.on("data", handleChunk);
+    worker.on("error", function (err) {
+        console.log(err);
+        subject.update(function (state) { return (__assign(__assign({}, state), { status: "error" })); });
+    });
+    worker.on("exit", function (code) {
+        subject.update(function (state) { return (__assign(__assign({}, state), { status: "error" })); });
+    });
+    worker.on("message", function (data) {
+        if (data.code === "preparing") {
+            subject.update(function (state) { return (__assign(__assign({}, state), { status: "preparing" })); });
+        }
+        else if (data.code === "packaging") {
+            subject.update(function (state) { return (__assign(__assign({}, state), { status: "packaging" })); });
+        }
+        else if (data.code === "compiling") {
+            subject.update(function (state) { return (__assign(__assign({}, state), { status: "compiling" })); });
+        }
+        else if (data.code === "finished") {
+            subject.update(function (state) { return (__assign(__assign({}, state), { status: "success", duration: data.duration })); });
+        }
+        else if (data.code === "error") {
+            subject.update(function (state) { return (__assign(__assign({}, state), { status: "error" })); });
+        }
+        else if (data.code === "url") {
+            subject.update(function (state) { return (__assign(__assign({}, state), { url: data.url })); });
+        }
+    });
+    // worker.on("exit", () => {
+    //   subject.update((state) => ({
+    //     ...state,
+    //     status: "success",
+    //   }))
+    // })
+    return subject;
+}
+exports.createServerlessWorker = createServerlessWorker;

package/build/file-tree.js

@@ -24,6 +24,10 @@ function watchFileTree(pattern, callback) {
                 files.splice(i, 1);
             if (ready)
                 callback(files);
+        })
+            .on("change", function () {
+            if (ready)
+                callback(files);
         })
             .on("ready", function () {
             ready = true;

package/build/get-webpack-config.js

@@ -67,8 +67,6 @@ var webpack_virtual_modules_1 = __importDefault(require("webpack-virtual-modules
 var friendly_errors_webpack_plugin_1 = __importDefault(require("@soda/friendly-errors-webpack-plugin"));
 // @ts-ignore
 var webpack_plugin_1 = __importDefault(require("@loadable/webpack-plugin"));
-var file_tree_1 = require("./file-tree");
-var change_case_1 = require("change-case");
 // @ts-ignore
 var webpack_bundle_analyzer_1 = require("webpack-bundle-analyzer");
 // @ts-ignore
@@ -76,11 +74,14 @@ var mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin
 var autoprefixer_1 = __importDefault(require("autoprefixer"));
 // Custom Babel plugins
 var plugin_name_defined_components_1 = __importDefault(require("./babel/plugin-name-defined-components"));
+var manifest_blocks_1 = require("./manifests/manifest-blocks");
+var manifest_fields_1 = require("./manifests/manifest-fields");
+var manifest_views_1 = require("./manifests/manifest-views");
 function getWebpackConfig(opts) {
     return __awaiter(this, void 0, void 0, function () {
-        var compiling, ALIAS, ENTRY, PLUGINS, RULES, DEFINES, VIRTUAL_MODULES, EXTERNALS, virtualModules, isServerless, isBrowser, isSSR, isDev, entryDir, distSuffix, outputFolder, loadableManifestFile, writeVirtualModule, updateTemplateRouter, templateLookupPattern, _a, updateFieldManifest, fieldTypeLookupPattern, _b, updateBlocksManifest, blockLookupManifest, _c, buildID;
-        return __generator(this, function (_d) {
-            switch (_d.label) {
+        var compiling, ALIAS, ENTRY, PLUGINS, RULES, DEFINES, VIRTUAL_MODULES, EXTERNALS, virtualModules, isServerless, isBrowser, isSSR, isDev, entryDir, distSuffix, outputFolder, loadableManifestFile, writeVirtualModule, manifestLoaders, buildID;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
                 case 0:
                     compiling = false;
                     ALIAS = {};
@@ -243,146 +244,60 @@ function getWebpackConfig(opts) {
                             VIRTUAL_MODULES[name] = contents;
                         }
                     };
+                    manifestLoaders = [];
+                    // Views
                     ALIAS["@manifest/views"] = path_1.default.resolve(opts.baseDirectory, "_view_manifest.js");
-                    updateTemplateRouter = function (fileNames) {
-                        var files = fileNames
-                            .filter(function (file) { return !file.includes("/_app"); })
-                            .map(function (file) {
-                            var relative = path_1.default.relative(opts.baseDirectory, file);
-                            var name = path_1.default.basename(file).replace(/\.(jsx|tsx|ts|js)$/i, "");
-                            var module = JSON.stringify("./" + relative);
-                            var componentName = "View" + (0, change_case_1.pascalCase)(name);
-                            return { relative: relative, name: name, module: module, componentName: componentName };
-                        });
-                        var useLoadableViews = false;
-                        writeVirtualModule(ALIAS["@manifest/views"], "\n          ".concat(useLoadableViews && "import loadable from '".concat(require.resolve("@loadable/component"), "';"), "\n          import App from ").concat(JSON.stringify("./views/_app.tsx"), "\n\n          ").concat(!useLoadableViews
-                            ? files.map(function (_a) {
-                                var componentName = _a.componentName, module = _a.module;
-                                return "import ".concat(componentName, " from ").concat(module);
-                            }).join("\n")
-                            : "", "\n\n          export { App }\n\n          export default {\n            ").concat(files
-                            .map(function (_a) {
-                            var relative = _a.relative, componentName = _a.componentName, module = _a.module;
-                            if (useLoadableViews) {
-                                // In serverless mode, export @loadable components. Script tags will be
-                                // auto-included in output HTML
-                                return "\"".concat(relative, "\": loadable(() => import(").concat(module, "))");
-                            }
-                            else {
-                                // On non-serverless, the templates are bundled straight into the main app.
-                                return "\"".concat(relative, "\": ").concat(componentName);
-                            }
-                        })
-                            .join(",\n"), "\n          }\n        "));
-                    };
-                    templateLookupPattern = path_1.default.resolve(opts.baseDirectory, "views/**/*.tsx");
-                    if (!opts.isAdmin) return [3 /*break*/, 1];
-                    writeVirtualModule(ALIAS["@manifest/views"], "\n        export const App = null\n        export default {}\n      ");
-                    return [3 /*break*/, 5];
-                case 1:
-                    if (!isDev) return [3 /*break*/, 3];
-                    return [4 /*yield*/, (0, file_tree_1.watchFileTree)(templateLookupPattern, updateTemplateRouter)];
-                case 2:
-                    _d.sent();
-                    return [3 /*break*/, 5];
-                case 3:
-                    _a = updateTemplateRouter;
-                    return [4 /*yield*/, (0, file_tree_1.getFileTree)(templateLookupPattern)];
-                case 4:
-                    _a.apply(void 0, [_d.sent()]);
-                    _d.label = 5;
-                case 5:
+                    if (opts.isAdmin) {
+                        writeVirtualModule(ALIAS["@manifest/views"], "export default {}");
+                    }
+                    else {
+                        manifestLoaders.push((0, manifest_views_1.createViewManifestGenerator)({
+                            baseDirectory: opts.baseDirectory,
+                            isAdmin: false,
+                            isDev: isDev,
+                            isServerless: isServerless,
+                            watch: isDev,
+                            onGenerate: function (manifest) {
+                                writeVirtualModule(ALIAS["@manifest/views"], manifest);
+                            },
+                        }));
+                    }
+                    // Field manifest
                     ALIAS["@manifest/fields"] = path_1.default.resolve(opts.baseDirectory, "_fields_manifest.js");
-                    updateFieldManifest = function (fileNames) {
-                        var files = fileNames
-                            .filter(function (file) { return !file.includes("/_app"); })
-                            .map(function (file) {
-                            var relative = path_1.default.relative(opts.baseDirectory, file);
-                            var name = path_1.default.basename(file).replace(/\.(jsx|tsx|ts|js)$/i, "");
-                            var module = JSON.stringify("./" + relative);
-                            var componentName = "FieldType" + (0, change_case_1.pascalCase)(name);
-                            return { relative: relative, name: name, module: module, componentName: componentName };
-                        });
-                        writeVirtualModule(ALIAS["@manifest/fields"], "\n          ".concat(files.map(function (_a) {
-                            var componentName = _a.componentName, module = _a.module;
-                            return "import ".concat(componentName, " from ").concat(module);
-                        }).join("\n"), "\n\n          export default {\n            ").concat(files
-                            .map(function (_a) {
-                            var relative = _a.relative, componentName = _a.componentName, module = _a.module, name = _a.name;
-                            return "\"".concat(name, "\": ").concat(componentName);
-                        })
-                            .join(",\n"), "\n          }\n        "));
-                    };
-                    fieldTypeLookupPattern = path_1.default.resolve(opts.baseDirectory, "backend/fields/**.tsx");
-                    if (!!opts.isAdmin) return [3 /*break*/, 6];
-                    writeVirtualModule(ALIAS["@manifest/fields"], "\n        export default {}\n      ");
-                    return [3 /*break*/, 10];
-                case 6:
-                    if (!isDev) return [3 /*break*/, 8];
-                    return [4 /*yield*/, (0, file_tree_1.watchFileTree)(fieldTypeLookupPattern, updateFieldManifest)];
-                case 7:
-                    _d.sent();
-                    return [3 /*break*/, 10];
-                case 8:
-                    _b = updateFieldManifest;
-                    return [4 /*yield*/, (0, file_tree_1.getFileTree)(fieldTypeLookupPattern)];
-                case 9:
-                    _b.apply(void 0, [_d.sent()]);
-                    _d.label = 10;
-                case 10:
+                    if (opts.isAdmin) {
+                        manifestLoaders.push((0, manifest_fields_1.createFieldManifestGenerator)({
+                            baseDirectory: opts.baseDirectory,
+                            isAdmin: true,
+                            isDev: isDev,
+                            isServerless: isServerless,
+                            watch: isDev,
+                            onGenerate: function (manifest) {
+                                writeVirtualModule(ALIAS["@manifest/fields"], manifest);
+                            },
+                        }));
+                    }
+                    else {
+                        writeVirtualModule(ALIAS["@manifest/fields"], "\n        export default {}\n      ");
+                    }
+                    // Block manifest
                     ALIAS["@manifest/blocks"] = path_1.default.resolve(opts.baseDirectory, "_blocks_manifest.js");
-                    updateBlocksManifest = function (fileNames) {
-                        var files = fileNames
-                            .filter(function (file) { return !file.includes("/_core"); })
-                            .map(function (file) {
-                            var relative = path_1.default.relative(opts.baseDirectory, file);
-                            var name = path_1.default.basename(file).replace(/\.(jsx|tsx|ts|js)$/i, "");
-                            var module = JSON.stringify("./" + relative);
-                            var componentName = (0, change_case_1.pascalCase)(name);
-                            return { relative: relative, name: name, module: module, componentName: componentName };
-                        });
-                        var useLoadableBlocks = false;
-                        if (useLoadableBlocks) {
-                            writeVirtualModule(ALIAS["@manifest/blocks"], "\n        import coreBlocks from './blocks/_core.tsx'\n        ".concat(!isServerless && "import loadable from '".concat(require.resolve("@loadable/component"), "';"), "\n\n        export default {\n          ...coreBlocks,\n          ").concat(files
-                                .map(function (_a) {
-                                var relative = _a.relative, componentName = _a.componentName, module = _a.module;
-                                var parts = relative.replace(/\.tsx$/, "").split("/");
-                                var blockName = "acf/" + parts.slice(1).join("-");
-                                return "\"".concat(blockName, "\": loadable(() => import(").concat(module, "))");
-                            })
-                                .join(",\n"), "\n        }\n      "));
-                        }
-                        else {
-                            writeVirtualModule(ALIAS["@manifest/blocks"], "\n        import coreBlocks from './blocks/_core.tsx'\n\n        ".concat(files
-                                .map(function (_a) {
-                                var relative = _a.relative, componentName = _a.componentName, module = _a.module;
-                                var parts = relative.replace(/\.tsx$/, "").split("/");
-                                var blockName = "acf/" + parts.slice(1).join("-");
-                                return "import ".concat(componentName, " from ").concat(module);
-                            })
-                                .join("\n"), "\n\n        export default {\n          ...coreBlocks,\n          ").concat(files
-                                .map(function (_a) {
-                                var relative = _a.relative, componentName = _a.componentName, module = _a.module;
-                                var parts = relative.replace(/\.tsx$/, "").split("/");
-                                var blockName = "acf/" + parts.slice(1).join("-");
-                                return "\"".concat(blockName, "\": ").concat(componentName);
-                            })
-                                .join(",\n"), "\n        }\n      "));
-                        }
-                    };
-                    blockLookupManifest = path_1.default.resolve(opts.baseDirectory, "blocks/**/*.tsx");
-                    if (!isDev) return [3 /*break*/, 12];
-                    return [4 /*yield*/, (0, file_tree_1.watchFileTree)(blockLookupManifest, updateBlocksManifest)];
-                case 11:
-                    _d.sent();
-                    return [3 /*break*/, 14];
-                case 12:
-                    _c = updateBlocksManifest;
-                    return [4 /*yield*/, (0, file_tree_1.getFileTree)(blockLookupManifest)];
-                case 13:
-                    _c.apply(void 0, [_d.sent()]);
-                    _d.label = 14;
-                case 14:
+                    manifestLoaders.push((0, manifest_blocks_1.createBlockManifestGenerator)({
+                        baseDirectory: opts.baseDirectory,
+                        isAdmin: opts.isAdmin,
+                        isDev: isDev,
+                        isServerless: isServerless,
+                        watch: isDev,
+                        onGenerate: function (manifest) {
+                            writeVirtualModule(ALIAS["@manifest/blocks"], manifest);
+                        },
+                    }));
+                    // Wait for all manifests to resolve
+                    return [4 /*yield*/, Promise.all(manifestLoaders)
+                        // External Gutenberg
+                    ];
+                case 1:
+                    // Wait for all manifests to resolve
+                    _a.sent();
                     // External Gutenberg
                     EXTERNALS["@wordpress/components"] = ["window", "wp"];
                     EXTERNALS["@wordpress/element"] = ["window", "wp"];
@@ -404,6 +319,7 @@ function getWebpackConfig(opts) {
                     }
                     // Define some values
                     DEFINES["process.browser"] = JSON.stringify(isBrowser);
+                    DEFINES["process.serverless"] = "false";
                     DEFINES["process.ssr"] = JSON.stringify(isServerless && !isBrowser);
                     DEFINES["process.LOADABLE_STATS_FILE"] = JSON.stringify(loadableManifestFile);
                     DEFINES["process.dev"] = isDev ? "true" : "false";
@@ -431,7 +347,6 @@ function getWebpackConfig(opts) {
                             output: {
                                 filename: "[name].".concat(opts.isAdmin ? "admin" : "frontend", ".js?v=").concat(buildID),
                                 chunkFilename: "[name].".concat(opts.isAdmin ? "admin" : "frontend", ".js?v=").concat(buildID),
-                                // publicPath: isDev ? `//127.0.0.1:${opts.hotPort}/` : `/wp-content/themes/${opts.themeName}/dist/${distSuffix}/`,
                                 publicPath: "/wp-content/themes/".concat(opts.themeName, "/dist/").concat(distSuffix, "/"),
                                 path: outputFolder,
                                 globalObject: isSSR ? "this" : "self",

package/build/manifests/manifest-blocks.d.ts

@@ -0,0 +1,12 @@
+declare type Options = {
+    baseDirectory: string;
+    isAdmin: boolean;
+    isDev: boolean;
+    isServerless: boolean;
+    onGenerate: (value: string) => void;
+    watch: boolean;
+};
+export declare function createBlockManifestGenerator(opts: Options): Promise<{
+    close(): void;
+}>;
+export {};

package/build/manifests/manifest-blocks.js

@@ -0,0 +1,61 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createBlockManifestGenerator = void 0;
+var manifest_1 = require("./manifest");
+var path_1 = __importDefault(require("path"));
+var change_case_1 = require("change-case");
+var fs_1 = require("fs");
+var JSX = /\.(jsx|tsx|ts|js)$/i;
+function createBlockManifestGenerator(opts) {
+    return (0, manifest_1.createManifestGenerator)({
+        glob: path_1.default.join(opts.baseDirectory, "/blocks/**/*.tsx"),
+        onGenerate: opts.onGenerate,
+        watch: opts.watch,
+        generate: function (fileNames) {
+            var files = fileNames
+                .filter(function (file) { return !file.includes("/_core"); })
+                .map(function (file) {
+                var relative = path_1.default.relative(opts.baseDirectory, file).replace(JSX, "");
+                var name = path_1.default.basename(file).replace(JSX, "");
+                var module = JSON.stringify("./" + relative).replace(JSX, "");
+                var componentName = (0, change_case_1.pascalCase)(name);
+                // Test if the block has Dynamic: true in the header
+                var dynamic = !opts.isAdmin &&
+                    !!(0, fs_1.readFileSync)(file)
+                        .toString()
+                        .match(/\*[\s]*dynamic: true/i);
+                return { relative: relative, name: name, module: module, componentName: componentName, dynamic: dynamic };
+            });
+            return "\n        import coreBlocks from './blocks/_core'\n        import { dynamic } from 'eddev/dynamic';\n  \n        ".concat(files
+                .map(function (_a) {
+                var relative = _a.relative, componentName = _a.componentName, module = _a.module, dynamic = _a.dynamic;
+                var parts = relative.replace(/\.tsx$/, "").split("/");
+                var blockName = "acf/" + parts.slice(1).join("-");
+                if (dynamic) {
+                    return null;
+                }
+                else {
+                    return "import ".concat(componentName, " from ").concat(module);
+                }
+            })
+                .filter(Boolean)
+                .join("\n"), "\n  \n        export default {\n          ...coreBlocks,\n          ").concat(files
+                .map(function (_a) {
+                var relative = _a.relative, componentName = _a.componentName, module = _a.module, dynamic = _a.dynamic;
+                var parts = relative.replace(/\.tsx$/, "").split("/");
+                var blockName = "acf/" + parts.slice(1).join("-");
+                if (dynamic) {
+                    return "\"".concat(blockName, "\": dynamic(() => import(").concat(module, "))");
+                }
+                else {
+                    return "\"".concat(blockName, "\": ").concat(componentName);
+                }
+            })
+                .join(",\n"), "\n        }\n      ");
+        },
+    });
+}
+exports.createBlockManifestGenerator = createBlockManifestGenerator;

package/build/manifests/manifest-fields.d.ts

@@ -0,0 +1,12 @@
+declare type Options = {
+    baseDirectory: string;
+    isAdmin: boolean;
+    isDev: boolean;
+    isServerless: boolean;
+    onGenerate: (value: string) => void;
+    watch: boolean;
+};
+export declare function createFieldManifestGenerator(opts: Options): Promise<{
+    close(): void;
+}>;
+export {};

package/build/manifests/manifest-fields.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createFieldManifestGenerator = void 0;
+var manifest_1 = require("./manifest");
+var path_1 = __importDefault(require("path"));
+var change_case_1 = require("change-case");
+function createFieldManifestGenerator(opts) {
+    return (0, manifest_1.createManifestGenerator)({
+        glob: path_1.default.join(opts.baseDirectory, "/backend/fields/**.tsx"),
+        onGenerate: opts.onGenerate,
+        watch: opts.watch,
+        generate: function (fileNames) {
+            if (opts.isAdmin) {
+                var files = fileNames
+                    .filter(function (file) { return !file.includes("/_app"); })
+                    .map(function (file) {
+                    var relative = path_1.default.relative(opts.baseDirectory, file);
+                    var name = path_1.default.basename(file).replace(/\.(jsx|tsx|ts|js)$/i, "");
+                    var module = JSON.stringify("./" + relative);
+                    var componentName = "FieldType" + (0, change_case_1.pascalCase)(name);
+                    return { relative: relative, name: name, module: module, componentName: componentName };
+                });
+                return "\n          ".concat(files.map(function (_a) {
+                    var componentName = _a.componentName, module = _a.module;
+                    return "import ".concat(componentName, " from ").concat(module);
+                }).join("\n"), "\n\n          export default {\n            ").concat(files
+                    .map(function (_a) {
+                    var relative = _a.relative, componentName = _a.componentName, module = _a.module, name = _a.name;
+                    return "\"".concat(name, "\": ").concat(componentName);
+                })
+                    .join(",\n"), "\n          }\n        ");
+            }
+            else {
+                return "export default {}";
+            }
+        },
+    });
+}
+exports.createFieldManifestGenerator = createFieldManifestGenerator;

package/build/manifests/manifest-views.d.ts

@@ -0,0 +1,12 @@
+declare type Options = {
+    baseDirectory: string;
+    isAdmin: boolean;
+    isDev: boolean;
+    isServerless: boolean;
+    onGenerate: (value: string) => void;
+    watch: boolean;
+};
+export declare function createViewManifestGenerator(opts: Options): Promise<{
+    close(): void;
+}>;
+export {};

package/build/manifests/manifest-views.js

@@ -0,0 +1,49 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createViewManifestGenerator = void 0;
+var manifest_1 = require("./manifest");
+var path_1 = __importDefault(require("path"));
+var change_case_1 = require("change-case");
+var JSX = /\.(jsx|tsx|ts|js)$/i;
+function createViewManifestGenerator(opts) {
+    return (0, manifest_1.createManifestGenerator)({
+        glob: path_1.default.join(opts.baseDirectory, "/views/**/*.tsx"),
+        onGenerate: opts.onGenerate,
+        watch: opts.watch,
+        generate: function (fileNames) {
+            var files = fileNames
+                .filter(function (file) { return !file.includes("/_app"); })
+                .map(function (file) {
+                var relative = path_1.default.relative(opts.baseDirectory, file).replace(JSX, "");
+                var name = path_1.default.basename(file).replace(JSX, "");
+                var module = JSON.stringify("./" + relative);
+                var componentName = "View" + (0, change_case_1.pascalCase)(name);
+                return { relative: relative, name: name, module: module, componentName: componentName };
+            });
+            var useDynamicViews = opts.isServerless;
+            return "\n        ".concat(useDynamicViews && "import { dynamic } from 'eddev/dynamic';", "\n        import App from ").concat(JSON.stringify("./views/_app"), "\n\n        ").concat(!useDynamicViews
+                ? files.map(function (_a) {
+                    var componentName = _a.componentName, module = _a.module;
+                    return "import ".concat(componentName, " from ").concat(module);
+                }).join("\n")
+                : "", "\n\n        export { App }\n\n        export default {\n          ").concat(files
+                .map(function (_a) {
+                var relative = _a.relative, componentName = _a.componentName, module = _a.module;
+                if (useDynamicViews) {
+                    // In serverless mode, export @loadable components. Script tags will be
+                    // auto-included in output HTML
+                    return "\"".concat(relative, "\": dynamic(() => import(").concat(module, "))");
+                }
+                else {
+                    // On non-serverless, the templates are bundled straight into the main app.
+                    return "\"".concat(relative, "\": ").concat(componentName);
+                }
+            })
+                .join(",\n"), "\n        }\n      ");
+        },
+    });
+}
+exports.createViewManifestGenerator = createViewManifestGenerator;

package/build/manifests/manifest.d.ts

@@ -0,0 +1,11 @@
+declare type Options = {
+    glob: string;
+    watch: boolean;
+    generate: (files: string[]) => Promise<string> | string;
+    onGenerate: (value: string) => void;
+};
+declare type ManifestGenerator = {
+    close(): void;
+};
+export declare function createManifestGenerator(opts: Options): Promise<ManifestGenerator>;
+export {};