@embeddable.com/sdk-react 0.0.14 → 0.0.16

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

@@ -9,7 +9,7 @@ export type EmbeddableEvent<T> = {
     value: T;
 };
 type Setter<T> = (value: T) => void;
-export declare function embedEditor<T>(InnerComponent: React.ComponentType, config: Config<T>): {
+export declare function embedControl<T>(InnerComponent: React.ComponentType, config: Config<T>): {
     ({ editorId, initialValue }: {
         editorId: any;
         initialValue: any;

package/lib/index.cjs.js

@@ -88,7 +88,7 @@ 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;
@@ -124,4 +124,4 @@ function embedEditor(InnerComponent, config) {
 }
 
 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,7 +67,7 @@ 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;
@@ -102,4 +102,4 @@ function embedEditor(InnerComponent, config) {
     return EmbeddableWrapper;
 }
 
-export { embedComponent, embedEditor };
+export { embedComponent, embedControl };

package/lib/index.umd.js

@@ -108,7 +108,7 @@
     }
 
     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;
@@ -144,6 +144,6 @@
     }
 
     exports.embedComponent = embedComponent;
-    exports.embedEditor = embedEditor;
+    exports.embedControl = embedControl;
 
 }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embeddable.com/sdk-react",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "description": "Embeddable SDK React plugin/module responsible for React components bundling.",
   "keywords": [
     "embeddable",
@@ -23,6 +23,11 @@
     "embeddable-react": "bin/embeddable-react"
   },
   "author": "Oleg Kapustin <oleg@trevor.io>",
+  "files": [
+    "lib/",
+    "scripts/",
+    "templates/"
+  ],
   "license": "MIT",
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0"

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;
-}

package/.turbo/turbo-build.log

@@ -1,13 +0,0 @@
-
-> @embeddable.com/sdk-react@0.0.14 build
-> rollup -c
-
-(node:1891) ExperimentalWarning: Import assertions are not a stable feature of the JavaScript language. Avoid relying on their current behavior and syntax as those might change in a future version of Node.js.
-(Use `node --trace-warnings ...` to show where the warning was created)
-(node:1891) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
-
-./src/index.ts → lib/index.umd.js...
-created lib/index.umd.js in 2.4s
-
-./src/index.ts → lib/index.cjs.js, lib/index.esm.js...
-created lib/index.cjs.js, lib/index.esm.js in 1.3s

package/CHANGELOG.md

@@ -1,97 +0,0 @@
-# @embeddable.com/sdk-react
-
-## 0.0.14
-
-### Patch Changes
-
-- 7f5bd51: Fix dependencies.
-- Updated dependencies [7f5bd51]
-  - @embeddable.com/sdk-core@0.0.13
-
-## 0.0.13
-
-### Patch Changes
-
-- 1137dbd: Fix import.
-
-## 0.0.12
-
-### Patch Changes
-
-- c8791d9: Improve publishing.
-- Updated dependencies [c8791d9]
-  - @embeddable.com/sdk-core@0.0.10
-
-## 0.0.11
-
-### Patch Changes
-
-- 9d238b4: Fix loadData.
-- Updated dependencies [9d238b4]
-  - @embeddable.com/sdk-core@0.0.7
-
-## 0.0.10
-
-### Patch Changes
-
-- 46f8ccb: Fix import.
-- Updated dependencies [46f8ccb]
-  - @embeddable.com/sdk-core@0.0.6
-
-## 0.0.9
-
-### Patch Changes
-
-- 124ff74: Move loadData to core. Add axios.
-- Updated dependencies [124ff74]
-  - @embeddable.com/sdk-core@0.0.5
-
-## 0.0.8
-
-### Patch Changes
-
-- ce832b1: Add package description and keywords.
-- Updated dependencies [ce832b1]
-  - @embeddable.com/sdk-core@0.0.3
-
-## 0.0.7
-
-### Patch Changes
-
-- 8a627a6: Adjust cli messages.
-
-## 0.0.6
-
-### Patch Changes
-
-- Move generate back to child process.
-
-## 0.0.5
-
-### Patch Changes
-
-- Fix core import.
-
-## 0.0.4
-
-### Patch Changes
-
-- Run generate in the main thread.
-
-## 0.0.3
-
-### Patch Changes
-
-- Add child process error log.
-
-## 0.0.2
-
-### Patch Changes
-
-- Fix sdk-core dependency.
-
-## 0.0.1
-
-### Patch Changes
-
-- First publish attempt.

package/rollup.config.mjs

@@ -1,36 +0,0 @@
-import typescript from '@rollup/plugin-typescript';
-import resolve from '@rollup/plugin-node-resolve';
-import commonjs from '@rollup/plugin-commonjs';
-import replace from '@rollup/plugin-replace';
-import pkg from './package.json' assert { type: 'json' };
-
-export default [
-    {
-        input: './src/index.ts',
-        output: {
-            name: 'embeddableSdkReact',
-            file: pkg.browser,
-            format: 'umd'
-        },
-        plugins: [
-            replace({
-                preventAssignment: true,
-                values: {
-                    'process.env.NODE_ENV': JSON.stringify('production')
-                }
-            }),
-            resolve(),
-            commonjs(),
-            typescript()
-        ],
-    },
-    {
-        input: './src/index.ts',
-        external: Object.keys(pkg.peerDependencies),
-        output: [
-            { file: pkg.main, format: 'cjs' },
-            { file: pkg.module, format: 'es' }
-        ],
-        plugins: [typescript()]
-    }
-]

package/src/embedComponent.tsx

@@ -1,40 +0,0 @@
-import * as React from 'react';
-
-type WrapperProps = {
-  propsUpdateListener: HTMLElement
-};
-
-const EVENT_NAME = 'embeddable-event:update-props';
-
-// TODO: define config type.
-export type Config = {
-  extendedProps?: (props: any) => any
-};
-
-export function embedComponent(InnerComponent: React.ComponentType, config: Config) {
-  function EmbeddableWrapper({propsUpdateListener, ...props}: WrapperProps) {
-    const [propsProxy, setProps] = React.useState(props);
-
-    const propsUpdateEventHandler = ({ detail }: CustomEvent<typeof propsProxy>) => setProps(detail);
-
-
-    React.useEffect(() => {
-      propsUpdateListener.addEventListener(EVENT_NAME, propsUpdateEventHandler);
-
-      return () => propsUpdateListener.removeEventListener(EVENT_NAME, propsUpdateEventHandler);
-    }, []);
-
-
-    const extendedProps = React.useMemo(
-      () => config?.extendedProps?.(propsProxy),
-      [propsProxy, config?.extendedProps]
-    );
-
-    return <InnerComponent {...propsProxy} {...extendedProps}/>;
-  }
-
-  EmbeddableWrapper.displayName = `embedded(${InnerComponent.displayName ?? 'Component'})`;
-
-
-  return EmbeddableWrapper;
-}

package/src/embedEditor.tsx

@@ -1,57 +0,0 @@
-import * as React from 'react';
-
-export type Config<T> = {
-  inputs: any;
-  events: Record<string, EmbeddableEventHandler<T>>
-};
-
-export type EmbeddableEventHandler<T> = (value: T, setter: Setter<T>) => void;
-
-export type EmbeddableEvent<T> = {
-  editorId: string;
-  value: T;
-}
-
-type Setter<T> = (value: T) => void;
-
-const EVENT_NAME = "embeddable:editor:changed";
-
-export function embedEditor<T>(InnerComponent: React.ComponentType, config: Config<T>) {
-
-  function EmbeddableWrapper({editorId, initialValue}) {
-
-    const [componentState, setComponentState] = React.useState(initialValue);
-
-    const createEvent = (value: T) => {
-
-      const event = new CustomEvent<EmbeddableEvent<T>>(EVENT_NAME, {
-        bubbles: false,
-        detail: {
-          editorId,
-          value
-        },
-      });
-      window.dispatchEvent(event);
-    }
-
-    const events = config.events;
-    const eventProps: Record<string, (value: T) => void> = {};
-
-    for (const event in events) {
-      if (events.hasOwnProperty(event)) {
-        let eventFunction = events[event];
-        eventProps[event] = (value: T) => {
-          eventFunction(value, setComponentState)
-          createEvent(value)
-        }
-      }
-    }
-
-    return <InnerComponent {...eventProps} {...config.inputs(componentState)} />;
-  }
-
-  EmbeddableWrapper.displayName = `embedded(${InnerComponent.displayName ?? 'Editor'})`;
-
-
-  return EmbeddableWrapper;
-}

package/src/index.ts

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

package/tsconfig.json

@@ -1,20 +0,0 @@
-{
-  "include": ["src/**/*"],
-  "compilerOptions": {
-    "module": "esnext",
-    "target": "es5",
-    "skipLibCheck": true,
-    "jsx": "react",
-    "declaration": true,
-    "outDir": "lib",
-    "lib": [
-      "DOM",
-      "DOM.Iterable",
-      "ESNext"
-    ]
-  },
-  "exclude": [
-    "node_modules",
-    "lib"
-  ]
-}