@embeddable.com/sdk-react 0.0.13 → 0.0.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embeddable.com/sdk-react",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "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"
@@ -34,6 +39,7 @@
   "dependencies": {
     "@embeddable.com/sdk-core": "*",
     "@vitejs/plugin-react": "^4.0.2",
-    "vite": "^4.4.2"
+    "vite": "^4.4.2",
+    "ora": "^6.3.1"
   }
 }

package/.turbo/turbo-build.log

@@ -1,13 +0,0 @@
-
-> @embeddable.com/sdk-react@0.0.13 build
-> rollup -c
-
-(node:1876) 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:1876) 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.8s
-
-./src/index.ts → lib/index.cjs.js, lib/index.esm.js...
-created lib/index.cjs.js, lib/index.esm.js in 1.7s

package/CHANGELOG.md

@@ -1,89 +0,0 @@
-# @embeddable.com/sdk-react
-
-## 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"
-  ]
-}