@embeddable.com/sdk-react 3.2.0-next.9 → 3.2.1

package/lib/index.js

@@ -7,7 +7,9 @@ var vite = require('vite');
 var viteReactPlugin = require('@vitejs/plugin-react');
 var fs = require('node:fs/promises');
 var url = require('node:url');
+var globalRegistrator = require('@happy-dom/global-registrator');
 require('node:child_process');
+var crypto = require('node:crypto');
 var zod = require('zod');
 var parser = require('@babel/parser');
 var traverse = require('@babel/traverse');
@@ -36,6 +38,7 @@ var path__namespace = /*#__PURE__*/_interopNamespaceDefault(path$1);
 var vite__namespace = /*#__PURE__*/_interopNamespaceDefault(vite);
 var fs__namespace = /*#__PURE__*/_interopNamespaceDefault(fs);
 var url__namespace = /*#__PURE__*/_interopNamespaceDefault(url);
+var crypto__namespace = /*#__PURE__*/_interopNamespaceDefault(crypto);
 var fs__namespace$1 = /*#__PURE__*/_interopNamespaceDefault(fs$1);
 
 var createContext = (pluginRoot, coreCtx) => {
@@ -50,45 +53,16 @@ var createContext = (pluginRoot, coreCtx) => {
     };
 };
 
+globalRegistrator.GlobalRegistrator.register({
+    url: "http://localhost:3000",
+    width: 1920,
+    height: 1080,
+});
 const loadComponentMeta = async (moduleId) => {
     const module = await import(url__namespace.pathToFileURL(moduleId).href);
     return module.meta;
 };
 
-/**
- * TODO: for some reason code from @embeddable.com/extract-components-config
- * is being cached. Thus we use this code duplication in place. Please investigate and fix.
- */
-var extractComponentsConfigPlugin = ({ globalKey, outputDir, fileName, componentFileRegex, searchEntry = "", }) => {
-    let configs = [];
-    return {
-        name: "extract-components-config",
-        moduleParsed: async (moduleInfo) => {
-            var _a;
-            if (componentFileRegex.test(moduleInfo.id) &&
-                ((_a = moduleInfo.code) === null || _a === void 0 ? void 0 : _a.includes(searchEntry))) {
-                const meta = await loadComponentMeta(moduleInfo.id);
-                const configJSON = JSON.stringify(meta, (_key, value) => typeof value === "object" &&
-                    value !== null &&
-                    "__embeddableType" in value
-                    ? value.toString()
-                    : value);
-                configs.push(configJSON);
-            }
-        },
-        buildEnd: async () => {
-            const template = `
-globalThis.__EMBEDDABLE__ = globalThis.__EMBEDDABLE__ || {};
-globalThis.__EMBEDDABLE__.${globalKey} = globalThis.__EMBEDDABLE__.${globalKey} || [
-  __PLACEHOLDER__
-];
-      `;
-            await fs__namespace.writeFile(`${outputDir}/${fileName}`, template.replace("__PLACEHOLDER__", configs.filter(Boolean).join(",\n")));
-            configs = [];
-        },
-    };
-};
-
 var findFiles = async (initialSrcDir, regex) => {
     const filesList = [];
     async function findFilesRec(srcDir) {
@@ -295,6 +269,11 @@ class ZodError extends Error {
         processError(this);
         return fieldErrors;
     }
+    static assert(value) {
+        if (!(value instanceof ZodError)) {
+            throw new Error(`Not a ZodError: ${value}`);
+        }
+    }
     toString() {
         return this.message;
     }
@@ -326,6 +305,11 @@ ZodError.create = (issues) => {
     const error = new ZodError(issues);
     return error;
 };
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 var errorUtil;
 (function (errorUtil) {
@@ -401,6 +385,63 @@ const formatErrorPath = (path) => {
     return formatted;
 };
 
+/**
+ *  Get the hash of the content string. It returns the first 5 characters of the hash
+ *  Example: getContentHash("Hello World")
+ * @param contentString  The content string to hash
+ * @returns
+ */
+const getContentHash = (contentString) => {
+    return crypto__namespace
+        .createHash("md5")
+        .update(contentString)
+        .digest("hex")
+        .substring(0, 5);
+};
+
+/**
+ * TODO: for some reason code from @embeddable.com/extract-components-config
+ * is being cached. Thus we use this code duplication in place. Please investigate and fix.
+ */
+var extractComponentsConfigPlugin = ({ globalKey, outputDir, fileName, componentFileRegex, isDev = false, searchEntry = "", }) => {
+    let configs = [];
+    return {
+        name: "extract-components-config",
+        moduleParsed: async (moduleInfo) => {
+            var _a;
+            if (componentFileRegex.test(moduleInfo.id) &&
+                ((_a = moduleInfo.code) === null || _a === void 0 ? void 0 : _a.includes(searchEntry))) {
+                const meta = await loadComponentMeta(moduleInfo.id);
+                const configJSON = JSON.stringify(meta, (_key, value) => typeof value === "object" &&
+                    value !== null &&
+                    "__embeddableType" in value
+                    ? value.toString()
+                    : value);
+                configs.push(configJSON);
+            }
+        },
+        buildEnd: async () => {
+            const template = `
+globalThis.__EMBEDDABLE__ = globalThis.__EMBEDDABLE__ || {};
+globalThis.__EMBEDDABLE__.${globalKey} = globalThis.__EMBEDDABLE__.${globalKey} || [
+  __PLACEHOLDER__
+];
+      `;
+            // sort to make sure the hash is consistent
+            configs.sort((a, b) => a.localeCompare(b));
+            const contentString = configs.filter(Boolean).join(",\n");
+            let newFileName = fileName;
+            if (!isDev) {
+                const fileHash = getContentHash(contentString);
+                const fileHashExtention = `-${fileHash}.js`;
+                newFileName = `${fileName.replace(".js", fileHashExtention)}`;
+            }
+            await fs__namespace.writeFile(`${outputDir}/${newFileName}`, template.replace("__PLACEHOLDER__", contentString));
+            configs = [];
+        },
+    };
+};
+
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -510,6 +551,9 @@ createBuiltInType("time", {
 });
 createBuiltInType("timeRange", {
     transform: function (value) {
+        // Return undefined instead of a null populated object
+        if (!value)
+            return undefined;
         var _a = [value === null || value === void 0 ? void 0 : value.from, value === null || value === void 0 ? void 0 : value.to], from = _a[0], to = _a[1];
         var fromDate = new Date(from);
         var toDate = new Date(to);
@@ -1062,6 +1106,7 @@ async function runViteBuild(ctx, watch = null) {
         plugins: [
             viteReactPlugin(),
             extractComponentsConfigPlugin({
+                isDev: !!watch,
                 globalKey: "componentsMeta",
                 fileName: "embeddable-components-meta.js",
                 outputDir: ctx.client.buildDir,
@@ -1069,6 +1114,7 @@ async function runViteBuild(ctx, watch = null) {
                 searchEntry: "defineComponent",
             }),
             extractComponentsConfigPlugin({
+                isDev: !!watch,
                 globalKey: "editorsMeta",
                 fileName: "embeddable-editors-meta.js",
                 outputDir: ctx.client.buildDir,