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

package/lib/extractComponentsConfigPlugin.d.ts

@@ -1,10 +1,11 @@
 import { ModuleInfo } from "rollup";
-declare const _default: ({ globalKey, outputDir, fileName, componentFileRegex, searchEntry, }: {
+declare const _default: ({ globalKey, outputDir, fileName, componentFileRegex, isDev, searchEntry, }: {
     globalKey: string;
     outputDir: string;
     fileName: string;
     componentFileRegex: RegExp;
-    searchEntry?: string | undefined;
+    isDev?: boolean;
+    searchEntry?: string;
 }) => {
     name: string;
     moduleParsed: (moduleInfo: ModuleInfo) => Promise<void>;

package/lib/index.esm.js

@@ -7,7 +7,9 @@ import viteReactPlugin from '@vitejs/plugin-react';
 import * as fs from 'node:fs/promises';
 import { readdir, lstat, rm } from 'node:fs/promises';
 import * as url from 'node:url';
+import { GlobalRegistrator } from '@happy-dom/global-registrator';
 import 'node:child_process';
+import * as crypto from 'node:crypto';
 import { z } from 'zod';
 import { parse } from '@babel/parser';
 import traverse from '@babel/traverse';
@@ -25,45 +27,16 @@ var createContext = (pluginRoot, coreCtx) => {
     };
 };
 
+GlobalRegistrator.register({
+    url: "http://localhost:3000",
+    width: 1920,
+    height: 1080,
+});
 const loadComponentMeta = async (moduleId) => {
     const module = await import(url.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.writeFile(`${outputDir}/${fileName}`, template.replace("__PLACEHOLDER__", configs.filter(Boolean).join(",\n")));
-            configs = [];
-        },
-    };
-};
-
 var findFiles = async (initialSrcDir, regex) => {
     const filesList = [];
     async function findFilesRec(srcDir) {
@@ -270,6 +243,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;
     }
@@ -301,6 +279,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) {
@@ -376,6 +359,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
+        .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.writeFile(`${outputDir}/${newFileName}`, template.replace("__PLACEHOLDER__", contentString));
+            configs = [];
+        },
+    };
+};
+
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -485,6 +525,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);
@@ -1037,6 +1080,7 @@ async function runViteBuild(ctx, watch = null) {
         plugins: [
             viteReactPlugin(),
             extractComponentsConfigPlugin({
+                isDev: !!watch,
                 globalKey: "componentsMeta",
                 fileName: "embeddable-components-meta.js",
                 outputDir: ctx.client.buildDir,
@@ -1044,6 +1088,7 @@ async function runViteBuild(ctx, watch = null) {
                 searchEntry: "defineComponent",
             }),
             extractComponentsConfigPlugin({
+                isDev: !!watch,
                 globalKey: "editorsMeta",
                 fileName: "embeddable-editors-meta.js",
                 outputDir: ctx.client.buildDir,