@embeddable.com/sdk-core 4.3.3 → 4.4.0-next.1

package/src/push.ts

@@ -21,6 +21,7 @@ export const CUBE_FILES = /^(.*)\.cube\.(ya?ml|js)$/;
 
 export const CLIENT_CONTEXT_FILES = /^(.*)\.cc\.ya?ml$/;
 export const SECURITY_CONTEXT_FILES = /^(.*)\.sc\.ya?ml$/;
+export const EMBEDDABLE_FILES = /^(.*)\.embeddable\.ya?ml$/;
 
 export default async () => {
   await initLogger("push");
@@ -110,6 +111,7 @@ const publishedSectionFeedback = (
 ) => {
   config.pushModels && spinnerPushing.succeed("Models published");
   config.pushComponents && spinnerPushing.succeed("Components published");
+  config.pushEmbeddables && spinnerPushing.succeed("Embeddables published");
 };
 
 async function pushByApiKey(
@@ -170,9 +172,9 @@ async function verify(ctx: ResolvedEmbeddableConfig) {
 export async function buildArchive(config: ResolvedEmbeddableConfig) {
   const spinnerArchive = ora("Building...").start();
 
-  if (!config.pushModels && !config.pushComponents) {
+  if (!config.pushModels && !config.pushComponents && !config.pushEmbeddables) {
     spinnerArchive.fail(
-      "Cannot push: both pushModels and pushComponents are disabled",
+      "Cannot push: pushModels, pushComponents, and pushEmbeddables are all disabled",
     );
     process.exit(1);
   }
@@ -217,6 +219,20 @@ export async function buildArchive(config: ResolvedEmbeddableConfig) {
     );
   }
 
+  if (config.pushEmbeddables) {
+    const embeddableFilesList = await findFiles(
+      config.client.srcDir,
+      EMBEDDABLE_FILES,
+    );
+
+    filesList.push(
+      ...embeddableFilesList.map((entry): [string, string] => [
+        path.basename(entry[1]),
+        entry[1],
+      ]),
+    );
+  }
+
   await archive({
     ctx: config,
     filesList,
@@ -297,6 +313,7 @@ export async function sendBuildByApiKey(
   const form = await createFormData(ctx.client.archiveFile, {
     pushModels: ctx.pushModels,
     pushComponents: ctx.pushComponents,
+    pushEmbeddables: ctx.pushEmbeddables,
     starterEmbeddableIds: ctx.starterEmbeddables?.[ctx.region],
     authorEmail: email,
     description: message,
@@ -331,6 +348,7 @@ export async function sendBuild(
   const form = await createFormData(ctx.client.archiveFile, {
     pushModels: ctx.pushModels,
     pushComponents: ctx.pushComponents,
+    pushEmbeddables: ctx.pushEmbeddables,
     starterEmbeddableIds: ctx.starterEmbeddables?.[ctx.region],
     authorEmail: "",
     description: message,

package/templates/component.tsx.template

@@ -1,5 +1,7 @@
 import { Component, Watch, Host, Prop, Event, EventEmitter, h, Listen } from '@stencil/core';
+import type { PluginFlags } from '@embeddable.com/sdk-core';
 {{RENDER_IMPORT}}
+{{PLUGIN_FLAGS}}
 
 @Component({
   tag: 'replace-this-with-component-name', 
@@ -40,11 +42,13 @@ export class EmbeddableComponent {
 
   componentDidLoad() {
     this.handlePops();
-    const props = JSON.parse(this.props);
-    this.componentDidLoadEvent.emit({
+    if (!pluginFlags.supportsOnComponentReadyHook) {
+      const props = JSON.parse(this.props);
+      this.componentDidLoadEvent.emit({
         componentId: props.componentId,
         componentName: this.componentName
-    })
+      })
+    }
   }
 
   disconnectedCallback() {
@@ -113,7 +117,12 @@ export class EmbeddableComponent {
       this.componentName,
       props,
       JSON.parse(this.clientContext),
-      this.theme
+      this.theme,
+      () =>
+        this.componentDidLoadEvent.emit({
+          componentId: props.componentId,
+          componentName: this.componentName
+        })
     );
   }
 }