@builder.io/sdk-qwik 0.0.20 → 0.0.21

package/lib/index.qwik.cjs

@@ -281,7 +281,21 @@ const BlockStyles$1 = BlockStyles;
 function capitalizeFirstLetter(string) {
   return string.charAt(0).toUpperCase() + string.slice(1);
 }
-const getEventHandlerName = (key) => `on${capitalizeFirstLetter(key)}`;
+const getEventHandlerName = (key) => `on${capitalizeFirstLetter(key)}$`;
+function crateEventHandler(value, options) {
+  return qwik.inlinedQrl((event) => {
+    const [options2, value2] = qwik.useLexicalScope();
+    return evaluate({
+      code: value2,
+      context: options2.context,
+      state: options2.state,
+      event
+    });
+  }, "crateEventHandler_wgxT8Hlq4s8", [
+    options,
+    value
+  ]);
+}
 function getBlockActions(options) {
   const obj = {};
   const optionActions = options.block.actions ?? {};
@@ -289,12 +303,7 @@ function getBlockActions(options) {
     if (!optionActions.hasOwnProperty(key))
       continue;
     const value = optionActions[key];
-    obj[getEventHandlerName(key)] = (event) => evaluate({
-      code: value,
-      context: options.context,
-      state: options.state,
-      event
-    });
+    obj[getEventHandlerName(key)] = crateEventHandler(value, options);
   }
   return obj;
 }
@@ -1610,7 +1619,7 @@ const SCRIPT_MIME_TYPES = [
 ];
 const isJsScript = (script) => SCRIPT_MIME_TYPES.includes(script.type);
 const findAndRunScripts$1 = function findAndRunScripts(props, state, elem) {
-  if (!elem)
+  if (!elem || !elem.getElementsByTagName)
     return;
   const scripts = elem.getElementsByTagName("script");
   for (let i = 0; i < scripts.length; i++) {
@@ -1691,7 +1700,7 @@ const componentInfo$1 = {
   static: true
 };
 const findAndRunScripts2 = function findAndRunScripts3(props, state, elem) {
-  if (elem && typeof window !== "undefined") {
+  if (elem && elem.getElementsByTagName && typeof window !== "undefined") {
     const scripts = elem.getElementsByTagName("script");
     for (let i = 0; i < scripts.length; i++) {
       const script = scripts[i];
@@ -2466,7 +2475,6 @@ const RenderContent = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props)
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: useContent(props, state) ? /* @__PURE__ */ jsxRuntime.jsxs("div", {
       ref: elementRef,
-      "builder-content-id": useContent(props, state)?.id,
       onClick$: qwik.inlinedQrl((event) => {
         const [elementRef2, props2, state2] = qwik.useLexicalScope();
         return onClick2(props2, state2);
@@ -2475,6 +2483,7 @@ const RenderContent = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props)
         props,
         state
       ]),
+      "builder-content-id": useContent(props, state)?.id,
       children: [
         shouldRenderContentStyles(props, state) ? /* @__PURE__ */ jsxRuntime.jsx(RenderContentStyles$1, {
           cssCode: useContent(props, state)?.data?.cssCode,

package/lib/index.qwik.mjs

@@ -1,4 +1,4 @@
-import { createContext, mutable, componentQrl, inlinedQrl, useContextProvider, useStore, useStylesScopedQrl, useContext, useLexicalScope, Slot, useRef, useWatchQrl, useClientEffectQrl, _useMutableProps, useCleanupQrl } from "@builder.io/qwik";
+import { createContext, inlinedQrl, useLexicalScope, mutable, componentQrl, useContextProvider, useStore, useStylesScopedQrl, useContext, Slot, useRef, useWatchQrl, useClientEffectQrl, _useMutableProps, useCleanupQrl } from "@builder.io/qwik";
 import { jsx, Fragment as Fragment$1, jsxs } from "@builder.io/qwik/jsx-runtime";
 const TARGET = "qwik";
 function isBrowser() {
@@ -261,7 +261,21 @@ const BlockStyles$1 = BlockStyles;
 function capitalizeFirstLetter(string) {
   return string.charAt(0).toUpperCase() + string.slice(1);
 }
-const getEventHandlerName = (key) => `on${capitalizeFirstLetter(key)}`;
+const getEventHandlerName = (key) => `on${capitalizeFirstLetter(key)}$`;
+function crateEventHandler(value, options) {
+  return inlinedQrl((event) => {
+    const [options2, value2] = useLexicalScope();
+    return evaluate({
+      code: value2,
+      context: options2.context,
+      state: options2.state,
+      event
+    });
+  }, "crateEventHandler_wgxT8Hlq4s8", [
+    options,
+    value
+  ]);
+}
 function getBlockActions(options) {
   const obj = {};
   const optionActions = options.block.actions ?? {};
@@ -269,12 +283,7 @@ function getBlockActions(options) {
     if (!optionActions.hasOwnProperty(key))
       continue;
     const value = optionActions[key];
-    obj[getEventHandlerName(key)] = (event) => evaluate({
-      code: value,
-      context: options.context,
-      state: options.state,
-      event
-    });
+    obj[getEventHandlerName(key)] = crateEventHandler(value, options);
   }
   return obj;
 }
@@ -1590,7 +1599,7 @@ const SCRIPT_MIME_TYPES = [
 ];
 const isJsScript = (script) => SCRIPT_MIME_TYPES.includes(script.type);
 const findAndRunScripts$1 = function findAndRunScripts(props, state, elem) {
-  if (!elem)
+  if (!elem || !elem.getElementsByTagName)
     return;
   const scripts = elem.getElementsByTagName("script");
   for (let i = 0; i < scripts.length; i++) {
@@ -1671,7 +1680,7 @@ const componentInfo$1 = {
   static: true
 };
 const findAndRunScripts2 = function findAndRunScripts3(props, state, elem) {
-  if (elem && typeof window !== "undefined") {
+  if (elem && elem.getElementsByTagName && typeof window !== "undefined") {
     const scripts = elem.getElementsByTagName("script");
     for (let i = 0; i < scripts.length; i++) {
       const script = scripts[i];
@@ -2446,7 +2455,6 @@ const RenderContent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
   return /* @__PURE__ */ jsx(Fragment$1, {
     children: useContent(props, state) ? /* @__PURE__ */ jsxs("div", {
       ref: elementRef,
-      "builder-content-id": useContent(props, state)?.id,
       onClick$: inlinedQrl((event) => {
         const [elementRef2, props2, state2] = useLexicalScope();
         return onClick2(props2, state2);
@@ -2455,6 +2463,7 @@ const RenderContent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
         props,
         state
       ]),
+      "builder-content-id": useContent(props, state)?.id,
       children: [
         shouldRenderContentStyles(props, state) ? /* @__PURE__ */ jsx(RenderContentStyles$1, {
           cssCode: useContent(props, state)?.data?.cssCode,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.0.20",
+  "version": "0.0.21",
   "description": "Builder.io Qwik SDK",
   "type": "module",
   "main": "./lib/index.qwik.cjs",

package/types/functions/get-block-actions-handler.d.ts

@@ -0,0 +1,5 @@
+import type { BuilderContextInterface } from '../context/types.js';
+import { BuilderBlock } from '../types/builder-block.js';
+export declare function crateEventHandler(value: string, options: {
+    block: BuilderBlock;
+} & Pick<BuilderContextInterface, 'state' | 'context'>): (event: Event) => any;