@embeddable.com/sdk-react 0.0.15 → 0.0.17

package/lib/{embedEditor.d.ts → embedControl.d.ts}

@@ -2,6 +2,7 @@ import * as React from 'react';
 export type Config<T> = {
     inputs: any;
     events: Record<string, EmbeddableEventHandler<T>>;
+    mapProps?: (_: any) => any;
 };
 export type EmbeddableEventHandler<T> = (value: T, setter: Setter<T>) => void;
 export type EmbeddableEvent<T> = {
@@ -9,11 +10,8 @@ export type EmbeddableEvent<T> = {
     value: T;
 };
 type Setter<T> = (value: T) => void;
-export declare function embedEditor<T>(InnerComponent: React.ComponentType, config: Config<T>): {
-    ({ editorId, initialValue }: {
-        editorId: any;
-        initialValue: any;
-    }): React.JSX.Element;
+export declare function embedControl<T>(InnerComponent: React.ComponentType, config: Config<T>): {
+    (props: any): React.JSX.Element;
     displayName: string;
 };
 export {};

package/lib/index.cjs.js

@@ -88,11 +88,12 @@ function embedComponent(InnerComponent, config) {
 }
 
 var EVENT_NAME = "embeddable:editor:changed";
-function embedEditor(InnerComponent, config) {
+function embedControl(InnerComponent, config) {
     var _a;
-    function EmbeddableWrapper(_a) {
-        var editorId = _a.editorId, initialValue = _a.initialValue;
-        var _b = React__namespace.useState(initialValue), componentState = _b[0], setComponentState = _b[1];
+    function EmbeddableWrapper(props) {
+        var _a, _b;
+        var editorId = props.editorId, initialValue = props.initialValue;
+        var _c = React__namespace.useState(initialValue), componentState = _c[0], setComponentState = _c[1];
         var createEvent = function (value) {
             var event = new CustomEvent(EVENT_NAME, {
                 bubbles: false,
@@ -117,11 +118,11 @@ function embedEditor(InnerComponent, config) {
         for (var event_1 in events) {
             _loop_1(event_1);
         }
-        return React__namespace.createElement(InnerComponent, __assign({}, eventProps, config.inputs(componentState)));
+        return React__namespace.createElement(InnerComponent, __assign({}, eventProps, config.inputs(componentState), ((_b = (_a = config.mapProps) === null || _a === void 0 ? void 0 : _a.call(config, props)) !== null && _b !== void 0 ? _b : {})));
     }
     EmbeddableWrapper.displayName = "embedded(".concat((_a = InnerComponent.displayName) !== null && _a !== void 0 ? _a : 'Editor', ")");
     return EmbeddableWrapper;
 }
 
 exports.embedComponent = embedComponent;
-exports.embedEditor = embedEditor;
+exports.embedControl = embedControl;

package/lib/index.d.ts

@@ -1,2 +1,2 @@
 export { embedComponent } from './embedComponent';
-export { embedEditor } from './embedEditor';
+export { embedControl } from './embedControl';

package/lib/index.esm.js

@@ -67,11 +67,12 @@ function embedComponent(InnerComponent, config) {
 }
 
 var EVENT_NAME = "embeddable:editor:changed";
-function embedEditor(InnerComponent, config) {
+function embedControl(InnerComponent, config) {
     var _a;
-    function EmbeddableWrapper(_a) {
-        var editorId = _a.editorId, initialValue = _a.initialValue;
-        var _b = React.useState(initialValue), componentState = _b[0], setComponentState = _b[1];
+    function EmbeddableWrapper(props) {
+        var _a, _b;
+        var editorId = props.editorId, initialValue = props.initialValue;
+        var _c = React.useState(initialValue), componentState = _c[0], setComponentState = _c[1];
         var createEvent = function (value) {
             var event = new CustomEvent(EVENT_NAME, {
                 bubbles: false,
@@ -96,10 +97,10 @@ function embedEditor(InnerComponent, config) {
         for (var event_1 in events) {
             _loop_1(event_1);
         }
-        return React.createElement(InnerComponent, __assign({}, eventProps, config.inputs(componentState)));
+        return React.createElement(InnerComponent, __assign({}, eventProps, config.inputs(componentState), ((_b = (_a = config.mapProps) === null || _a === void 0 ? void 0 : _a.call(config, props)) !== null && _b !== void 0 ? _b : {})));
     }
     EmbeddableWrapper.displayName = "embedded(".concat((_a = InnerComponent.displayName) !== null && _a !== void 0 ? _a : 'Editor', ")");
     return EmbeddableWrapper;
 }
 
-export { embedComponent, embedEditor };
+export { embedComponent, embedControl };

package/lib/index.umd.js

@@ -108,11 +108,12 @@
     }
 
     var EVENT_NAME = "embeddable:editor:changed";
-    function embedEditor(InnerComponent, config) {
+    function embedControl(InnerComponent, config) {
         var _a;
-        function EmbeddableWrapper(_a) {
-            var editorId = _a.editorId, initialValue = _a.initialValue;
-            var _b = reactExports.useState(initialValue), componentState = _b[0], setComponentState = _b[1];
+        function EmbeddableWrapper(props) {
+            var _a, _b;
+            var editorId = props.editorId, initialValue = props.initialValue;
+            var _c = reactExports.useState(initialValue), componentState = _c[0], setComponentState = _c[1];
             var createEvent = function (value) {
                 var event = new CustomEvent(EVENT_NAME, {
                     bubbles: false,
@@ -137,13 +138,13 @@
             for (var event_1 in events) {
                 _loop_1(event_1);
             }
-            return reactExports.createElement(InnerComponent, __assign({}, eventProps, config.inputs(componentState)));
+            return reactExports.createElement(InnerComponent, __assign({}, eventProps, config.inputs(componentState), ((_b = (_a = config.mapProps) === null || _a === void 0 ? void 0 : _a.call(config, props)) !== null && _b !== void 0 ? _b : {})));
         }
         EmbeddableWrapper.displayName = "embedded(".concat((_a = InnerComponent.displayName) !== null && _a !== void 0 ? _a : 'Editor', ")");
         return EmbeddableWrapper;
     }
 
     exports.embedComponent = embedComponent;
-    exports.embedEditor = embedEditor;
+    exports.embedControl = embedControl;
 
 }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embeddable.com/sdk-react",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "description": "Embeddable SDK React plugin/module responsible for React components bundling.",
   "keywords": [
     "embeddable",

package/scripts/generate.js

@@ -2,7 +2,7 @@ const fs = require("fs/promises");
 const path = require("path");
 const vite = require("vite");
 const viteReactPlugin = require('@vitejs/plugin-react');
-const core = require("@embeddable.com/sdk-core/scripts/build");
+const core = require("@embeddable.com/sdk-core/scripts");
 
 process.on('message', async ({ ctx }) => {
     await generate(ctx);
@@ -10,8 +10,10 @@ process.on('message', async ({ ctx }) => {
     process.exit();
 });
 
+const EMB_FILE_REGEX = /^(.*)\.emb\.[jt]s$/;
+
 async function generate(ctx) {
-    const filesList = await findEmbFiles(ctx.client.srcDir);
+    const filesList = await core.findEmbFiles(ctx.client.srcDir, EMB_FILE_REGEX);
 
     await injectImports(ctx, filesList);
 
@@ -65,35 +67,3 @@ async function injectImports(ctx, filesList) {
         content.replace(REPLACE_TOKEN, imports)
     );
 }
-
-
-const EMB_FILE_REGEX = /^(.*)\.emb\.(j|t)s$/;
-
-async function findEmbFiles (initialSrcDir) {
-    const filesList = [];
-
-    async function findEmbFilesRec(srcDir) {
-        const allFiles = await fs.readdir(srcDir);
-
-        for (const file of allFiles) {
-            const filePath = path.join(srcDir, file)
-
-            const status = await fs.lstat(filePath);
-
-            if (status.isDirectory()) {
-                await findEmbFilesRec(filePath)
-            }
-
-            const fileName = file.match(EMB_FILE_REGEX);
-
-            if (fileName) {
-                filesList.push([fileName[1], filePath]);
-            }
-        }
-    }
-
-    await findEmbFilesRec(initialSrcDir);
-
-
-    return filesList;
-}