@embeddable.com/sdk-core 3.4.1 → 3.5.0

package/lib/index.js

@@ -11,13 +11,13 @@ var compiler = require('@stencil/core/compiler');
 var os$1 = require('node:os');
 var YAML = require('yaml');
 var url$2 = require('node:url');
-var path$2 = require('path');
 var require$$4$1 = require('util');
 var require$$1 = require('os');
 var require$$3 = require('http');
 var require$$4 = require('https');
 var require$$0$1 = require('url');
 var require$$2$1 = require('fs');
+var path$2 = require('path');
 var axios = require('axios');
 var archiver = require('archiver');
 var ws = require('ws');
@@ -458,6 +458,8 @@ async function createComponentDir(dir) {
 const sorcery = require("sorcery");
 const STYLE_IMPORTS_TOKEN = "{{STYLES_IMPORT}}";
 const RENDER_IMPORT_TOKEN = "{{RENDER_IMPORT}}";
+// stencil doesn't support dynamic component tag name, so we need to replace it manually
+const COMPONENT_TAG_TOKEN = "replace-this-with-component-name";
 var generate = async (ctx, pluginName) => {
     await injectCSS(ctx, pluginName);
     await injectBundleRender(ctx, pluginName);
@@ -476,9 +478,30 @@ async function injectCSS(ctx, pluginName) {
 }
 async function injectBundleRender(ctx, pluginName) {
     const importStr = `import render from '../${ctx[pluginName].outputOptions.buildName}/${ctx[pluginName].outputOptions.fileName}';`;
-    const content = await fs__namespace.readFile(path__namespace.resolve(ctx.core.templatesDir, "component.tsx.template"), "utf8");
+    let content = await fs__namespace.readFile(path__namespace.resolve(ctx.core.templatesDir, "component.tsx.template"), "utf8");
+    if (!!ctx.dev) {
+        content = content.replace(COMPONENT_TAG_TOKEN, "embeddable-component");
+    }
     await fs__namespace.writeFile(path__namespace.resolve(ctx.client.componentDir, "component.tsx"), content.replace(RENDER_IMPORT_TOKEN, importStr));
 }
+async function addComponentTagName(filePath, bundleHash) {
+    // find entry file with a name *.entry.js
+    const entryFiles = await findFiles(path__namespace.dirname(filePath), /.*\.entry\.js/);
+    if (!entryFiles.length) {
+        return;
+    }
+    const entryFileName = entryFiles[0];
+    const [entryFileContent, fileContent] = await Promise.all([
+        fs__namespace.readFile(entryFileName[1], "utf8"),
+        fs__namespace.readFile(filePath, "utf8"),
+    ]);
+    const newFileContent = fileContent.replace(COMPONENT_TAG_TOKEN, `embeddable-component-${bundleHash}`);
+    const newEntryFileContent = entryFileContent.replace(COMPONENT_TAG_TOKEN.replaceAll("-", "_"), `embeddable_component_${bundleHash}`);
+    await Promise.all([
+        fs__namespace.writeFile(filePath, newFileContent),
+        fs__namespace.writeFile(entryFileName[1], newEntryFileContent),
+    ]);
+}
 async function runStencil(ctx) {
     var _a, _b, _c;
     const logger = ((_a = ctx.dev) === null || _a === void 0 ? void 0 : _a.logger) || node.createNodeLogger({ process });
@@ -512,6 +535,8 @@ async function runStencil(ctx) {
         const entryFileContent = await fs__namespace.readFile(entryFilePath, "utf8");
         const fileHash = getContentHash(entryFileContent);
         fileName = `embeddable-wrapper.esm-${fileHash}.js`;
+        ctx.client.bundleHash = fileHash;
+        await addComponentTagName(entryFilePath, ctx.client.bundleHash);
     }
     await fs__namespace.rename(entryFilePath, path__namespace.resolve(ctx.client.stencilBuild, fileName));
     await compiler$1.destroy();
@@ -670,6 +695,7 @@ async function createManifest({ ctx, typesFileName, metaFileName, editorsMetaFil
         metadata: {
             nodeVersion: process.version,
             platform: process.platform,
+            bundleHash: ctx.client.bundleHash,
             sdkVersions,
             packageManager,
             packageManagerVersion,
@@ -20354,29 +20380,31 @@ const reportErrorToRollbar = async (error) => {
 
   const userData = await getUserData();
 
+  const sdkPackageVersion = await getSdkPackageVersionInfo(config);
+
   rollbar.configure({
     payload: {
-        person: {
-            id: userData.globalUserId
-        }
-    }
+      person: {
+        id: userData.globalUserId,
+      },
+    },
   });
 
-  rollbar.error(error, {
+  return rollbar.error(error, {
     custom: {
-      code_version: getSdkPackageVersionInfo(config)
+      code_version: sdkPackageVersion,
     },
   });
 };
 
-const getSdkPackageVersionInfo = (config) => {
+const getSdkPackageVersionInfo = async (config) => {
   try {
-    const packageJsonFilePath = path__namespace$1.resolve(
+    const packageJsonFilePath = path__namespace.resolve(
       config.client.rootDir,
       "package.json",
     );
 
-    const packageJson = require(packageJsonFilePath);
+    const packageJson = await import(packageJsonFilePath);
     const devDependencies = packageJson.devDependencies;
     const dependencies = packageJson.dependencies;
 
@@ -20385,10 +20413,26 @@ const getSdkPackageVersionInfo = (config) => {
     };
 
     const packageVersionInfo = {
-      core: getDependencyVersion("@embeddable.com/core", dependencies, devDependencies),
-      sdk_core: getDependencyVersion("@embeddable.com/sdk-core", dependencies, devDependencies),
-      react: getDependencyVersion("@embeddable.com/react", dependencies, devDependencies),
-      sdk_react: getDependencyVersion("@embeddable.com/sdk-react", dependencies, devDependencies),
+      core: getDependencyVersion(
+        "@embeddable.com/core",
+        dependencies,
+        devDependencies,
+      ),
+      sdk_core: getDependencyVersion(
+        "@embeddable.com/sdk-core",
+        dependencies,
+        devDependencies,
+      ),
+      react: getDependencyVersion(
+        "@embeddable.com/react",
+        dependencies,
+        devDependencies,
+      ),
+      sdk_react: getDependencyVersion(
+        "@embeddable.com/sdk-react",
+        dependencies,
+        devDependencies,
+      ),
     };
 
     return JSON.stringify(packageVersionInfo);
@@ -20400,9 +20444,9 @@ const getSdkPackageVersionInfo = (config) => {
 
 async function getUserData() {
   try {
-    const token = await fs$1
-        .readFile(CREDENTIALS_FILE)
-        .then((data) => JSON.parse(data.toString()));
+    const token = await fs__namespace
+      .readFile(CREDENTIALS_FILE)
+      .then((data) => JSON.parse(data.toString()));
 
     const decodedToken = jwtDecode(token.access_token);
 
@@ -20866,7 +20910,7 @@ const sendDataModelsAndSecurityContextsChanges = async (ctx) => {
     if (isValid) {
         const token = await getToken();
         const sending = ora("Synchronising data models and/or security contexts...").start();
-        const filesList = await findFiles(ctx.client.srcDir, YAML_OR_JS_FILES);
+        const filesList = await findFiles(ctx.client.modelsSrc || ctx.client.srcDir, YAML_OR_JS_FILES);
         await archive(ctx, filesList, false);
         await sendBuild(ctx, { workspaceId: previewWorkspace, token });
         sending.succeed(`Data models and/or security context synchronized`);
@@ -20951,6 +20995,7 @@ var defineConfig = ({ plugins, pushBaseUrl, audienceUrl, authDomain, authClientI
             errorFallbackComponent: errorFallbackComponent
                 ? path__namespace.resolve(clientRoot, errorFallbackComponent)
                 : undefined,
+            bundleHash: undefined, // This will be set by the build process
         },
         outputOptions: {
             typesEntryPointFilename: "embeddable-types-entry-point.js",
@@ -20967,7 +21012,7 @@ var defineConfig = ({ plugins, pushBaseUrl, audienceUrl, authDomain, authClientI
 };
 
 var name = "@embeddable.com/sdk-core";
-var version = "3.4.1";
+var version = "3.5.0";
 var description = "Core Embeddable SDK module responsible for web-components bundling and publishing.";
 var keywords = [
 	"embeddable",