@builder.io/sdk-solid 0.1.2 → 0.1.3

package/src/functions/track/interaction.js

@@ -0,0 +1,53 @@
+function round(num) {
+  return Math.round(num * 1e3) / 1e3;
+}
+const findParentElement = (target, callback, checkElement = true) => {
+  if (!(target instanceof HTMLElement)) {
+    return null;
+  }
+  let parent = checkElement ? target : target.parentElement;
+  do {
+    if (!parent) {
+      return null;
+    }
+    const matches = callback(parent);
+    if (matches) {
+      return parent;
+    }
+  } while (parent = parent.parentElement);
+  return null;
+};
+const findBuilderParent = (target) => findParentElement(target, (el) => {
+  const id = el.getAttribute("builder-id") || el.id;
+  return Boolean((id == null ? void 0 : id.indexOf("builder-")) === 0);
+});
+const computeOffset = ({
+  event,
+  target
+}) => {
+  const targetRect = target.getBoundingClientRect();
+  const xOffset = event.clientX - targetRect.left;
+  const yOffset = event.clientY - targetRect.top;
+  const xRatio = round(xOffset / targetRect.width);
+  const yRatio = round(yOffset / targetRect.height);
+  return {
+    x: xRatio,
+    y: yRatio
+  };
+};
+const getInteractionPropertiesForEvent = (event) => {
+  const target = event.target;
+  const targetBuilderElement = target && findBuilderParent(target);
+  const builderId = (targetBuilderElement == null ? void 0 : targetBuilderElement.getAttribute("builder-id")) || (targetBuilderElement == null ? void 0 : targetBuilderElement.id);
+  return {
+    targetBuilderElement: builderId || void 0,
+    metadata: {
+      targetOffset: target ? computeOffset({ event, target }) : void 0,
+      builderTargetOffset: targetBuilderElement ? computeOffset({ event, target: targetBuilderElement }) : void 0,
+      builderElementIndex: targetBuilderElement && builderId ? [].slice.call(document.getElementsByClassName(builderId)).indexOf(targetBuilderElement) : void 0
+    }
+  };
+};
+export {
+  getInteractionPropertiesForEvent
+};

package/src/index.js

@@ -8,7 +8,7 @@ export * from "./functions/register.js";
 export * from "./functions/set-editor-settings.js";
 export * from "./functions/get-content/index.js";
 export * from "./functions/get-builder-search-params/index.js";
-import { track } from "./functions/track";
+import { track } from "./functions/track/index.js";
 export {
   track
 };

package/vite.config.ts

@@ -0,0 +1,18 @@
+import { resolve } from 'path';
+import { defineConfig } from 'vite';
+import solidPlugin from 'vite-plugin-solid';
+// import dts from 'vite-plugin-dts';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    solidPlugin(),
+    // dts({ insertTypesEntry: true })
+  ],
+  build: {
+    lib: {
+      entry: resolve(__dirname, 'src/index.js'),
+      formats: ['cjs', 'es'],
+    },
+  },
+});

package/solid-index.jsx

@@ -1,5 +0,0 @@
-/**
- * We need to have a `.jsx` entry point for our SolidJS SDK. To avoid enforcing this to all other frameworks,
- * we add this file and use it to re-export the index.js file from the Mitosis-generated code.
- */
-export * from './src/index.js';

package/src/components/render-block/render-component-with-context.jsx

@@ -1,28 +0,0 @@
-import { Dynamic } from "solid-js/web";
-import BuilderContext from "../../context/builder.context.js";
-import RenderComponent from "./render-component.jsx";
-function RenderComponentWithContext(props) {
-  return <Dynamic value={{
-    get content() {
-      return props.context.content;
-    },
-    get state() {
-      return props.context.state;
-    },
-    get context() {
-      return props.context.context;
-    },
-    get apiKey() {
-      return props.context.apiKey;
-    },
-    get registeredComponents() {
-      return props.context.registeredComponents;
-    },
-    get inheritedStyles() {
-      return props.context.inheritedStyles;
-    }
-  }} component={BuilderContext.Provider}>
-      <RenderComponent componentRef={props.componentRef} componentOptions={props.componentOptions} blockChildren={props.blockChildren} context={props.context}></RenderComponent>
-    </Dynamic>;
-}
-export default RenderComponentWithContext;