@embeddable.com/sdk-core 3.4.2 → 3.5.1

package/lib/defineConfig.d.ts

@@ -32,6 +32,7 @@ declare const _default: ({ plugins, pushBaseUrl, audienceUrl, authDomain, authCl
         stencilBuild: string;
         archiveFile: string;
         errorFallbackComponent: string | undefined;
+        bundleHash: undefined;
     };
     outputOptions: {
         typesEntryPointFilename: string;

package/lib/index.esm.js

@@ -1,5 +1,5 @@
 import * as fs$1 from 'node:fs/promises';
-import fs__default, { readdir, lstat } from 'node:fs/promises';
+import { readdir, lstat } from 'node:fs/promises';
 import * as path$1 from 'node:path';
 import path__default, { join } from 'node:path';
 import * as vite from 'vite';
@@ -12,14 +12,14 @@ import { loadConfig, createCompiler } from '@stencil/core/compiler';
 import * as os$1 from 'node:os';
 import * as YAML from 'yaml';
 import * as url$2 from 'node:url';
-import * as path$2 from 'path';
-import path__default$1, { basename } from 'path';
 import require$$4$1 from 'util';
 import require$$1 from 'os';
 import require$$3 from 'http';
 import require$$4 from 'https';
 import require$$0$1 from 'url';
 import require$$2$1, { createReadStream } from 'fs';
+import * as path$2 from 'path';
+import path__default$1, { basename } from 'path';
 import axios from 'axios';
 import * as archiver from 'archiver';
 import { WebSocketServer } from 'ws';
@@ -431,6 +431,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);
@@ -449,9 +451,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$1.readFile(path$1.resolve(ctx.core.templatesDir, "component.tsx.template"), "utf8");
+    let content = await fs$1.readFile(path$1.resolve(ctx.core.templatesDir, "component.tsx.template"), "utf8");
+    if (!!ctx.dev) {
+        content = content.replace(COMPONENT_TAG_TOKEN, "embeddable-component");
+    }
     await fs$1.writeFile(path$1.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$1.dirname(filePath), /.*\.entry\.js/);
+    if (!entryFiles.length) {
+        return;
+    }
+    const entryFileName = entryFiles[0];
+    const [entryFileContent, fileContent] = await Promise.all([
+        fs$1.readFile(entryFileName[1], "utf8"),
+        fs$1.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$1.writeFile(filePath, newFileContent),
+        fs$1.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) || createNodeLogger({ process });
@@ -485,6 +508,8 @@ async function runStencil(ctx) {
         const entryFileContent = await fs$1.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$1.rename(entryFilePath, path$1.resolve(ctx.client.stencilBuild, fileName));
     await compiler.destroy();
@@ -643,6 +668,7 @@ async function createManifest({ ctx, typesFileName, metaFileName, editorsMetaFil
         metadata: {
             nodeVersion: process.version,
             platform: process.platform,
+            bundleHash: ctx.client.bundleHash,
             sdkVersions,
             packageManager,
             packageManagerVersion,
@@ -20327,29 +20353,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$2.resolve(
+    const packageJsonFilePath = path$1.resolve(
       config.client.rootDir,
       "package.json",
     );
 
-    const packageJson = require(packageJsonFilePath);
+    const packageJson = await import(packageJsonFilePath);
     const devDependencies = packageJson.devDependencies;
     const dependencies = packageJson.dependencies;
 
@@ -20358,10 +20386,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);
@@ -20373,9 +20417,9 @@ const getSdkPackageVersionInfo = (config) => {
 
 async function getUserData() {
   try {
-    const token = await fs__default
-        .readFile(CREDENTIALS_FILE)
-        .then((data) => JSON.parse(data.toString()));
+    const token = await fs$1
+      .readFile(CREDENTIALS_FILE)
+      .then((data) => JSON.parse(data.toString()));
 
     const decodedToken = jwtDecode(token.access_token);
 
@@ -20825,7 +20869,7 @@ const onBundleBuildEnd = async (ctx) => {
     }
 };
 const dataModelAndSecurityContextWatcher = (ctx) => {
-    const fsWatcher = chokidar.watch([path$2.resolve(ctx.client.srcDir, "**/*.{cube,sc}.{yaml,yml,js}")], {
+    const fsWatcher = chokidar.watch([path$2.resolve(ctx.client.modelsSrc, "**/*.{cube,sc}.{yaml,yml,js}")], {
         ignoreInitial: true,
     });
     fsWatcher.on("all", async () => {
@@ -20839,7 +20883,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.modelsSrc || ctx.client.srcDir, YAML_OR_JS_FILES);
+        const filesList = await findFiles(ctx.client.modelsSrc, YAML_OR_JS_FILES);
         await archive(ctx, filesList, false);
         await sendBuild(ctx, { workspaceId: previewWorkspace, token });
         sending.succeed(`Data models and/or security context synchronized`);
@@ -20891,7 +20935,7 @@ const getPreviewWorkspace = async (ctx) => {
     }
 };
 
-var defineConfig = ({ plugins, pushBaseUrl, audienceUrl, authDomain, authClientId, errorFallbackComponent, applicationEnvironment, rollbarAccessToken, previewBaseUrl, modelsSrc, componentsSrc = "src", }) => {
+var defineConfig = ({ plugins, pushBaseUrl, audienceUrl, authDomain, authClientId, errorFallbackComponent, applicationEnvironment, rollbarAccessToken, previewBaseUrl, modelsSrc = "src", componentsSrc = "src", }) => {
     const coreRoot = path$1.resolve(__dirname, "..");
     const clientRoot = process.cwd();
     if (!path$1.isAbsolute(componentsSrc)) {
@@ -20924,6 +20968,7 @@ var defineConfig = ({ plugins, pushBaseUrl, audienceUrl, authDomain, authClientI
             errorFallbackComponent: errorFallbackComponent
                 ? path$1.resolve(clientRoot, errorFallbackComponent)
                 : undefined,
+            bundleHash: undefined, // This will be set by the build process
         },
         outputOptions: {
             typesEntryPointFilename: "embeddable-types-entry-point.js",
@@ -20940,7 +20985,7 @@ var defineConfig = ({ plugins, pushBaseUrl, audienceUrl, authDomain, authClientI
 };
 
 var name = "@embeddable.com/sdk-core";
-var version = "3.4.2";
+var version = "3.5.1";
 var description = "Core Embeddable SDK module responsible for web-components bundling and publishing.";
 var keywords = [
 	"embeddable",