@builder.io/sdk-react 0.2.0 → 0.2.2

package/CHANGELOG.md

@@ -1,4 +1,15 @@
+### 0.2.2
+
+- Fix: dynamic bindings for Link URLs.
+- Fix: previewing content that includes a symbol whose `model` property is a `page`.
+- Fix: "Show If"/"Hide If" bindings when the initial value is `undefined`.
+
+### 0.2.1
+
+- No Changes.
+
 ### 0.2.0
+
 - Sets the default `apiVersion` to `v3`.
 
 In case you feel the need to use our older API Version `v2`, reach out to us at support@builder.io first. But you can override the default by setting `apiVersion` explicitly to `v2` as follows:
@@ -8,6 +19,7 @@ In case you feel the need to use our older API Version `v2`, reach out to us at
 ```
 
 ```js
-getContent({ apiVersion: "v2" })
+getContent({ apiVersion: 'v2' });
 ```
+
 More details on the Builder API Versions visit [this link](https://www.builder.io/c/docs/content-api-versions).

package/dist/react/blocks/symbol/symbol.js

@@ -4,6 +4,7 @@ import RenderContent from "../../components/render-content/render-content";
 import BuilderContext from "../../context/builder.context.js";
 import { getContent } from "../../functions/get-content/index.js";
 import { TARGET } from "../../constants/target";
+import { logger } from "../../helpers/logger";
 function Symbol(props) {
     const [className, setClassName] = useState(() => [
         ...(TARGET === "vue2" || TARGET === "vue3"
@@ -46,7 +47,7 @@ function Symbol(props) {
                 }
             })
                 .catch((err) => {
-                console.error("[Builder.io]: Could not fetch symbol content: ", err);
+                logger.error("Could not fetch symbol content: ", err);
             });
         }
     }

package/dist/react/components/render-block/block-styles.js

@@ -32,6 +32,9 @@ function BlockStyles(props) {
         const mediumStyles = styles?.medium;
         const smallStyles = styles?.small;
         const className = useBlock().id;
+        if (!className) {
+            return "";
+        }
         const largeStylesClass = largeStyles
             ? createCssClass({
                 className,

package/dist/react/components/render-block/render-block.helpers.js

@@ -101,4 +101,19 @@ const getRepeatItemData = ({ block, context }) => {
     }));
     return repeatArray;
 };
-export { getComponent, getRepeatItemData, isEmptyHtmlElement };
+const getProxyState = (context) => {
+    if (typeof Proxy === "undefined") {
+        console.error("no Proxy available in this environment, cannot proxy state.");
+        return context.state;
+    }
+    const useState = new Proxy(context.state, {
+        set: (obj, prop, value) => {
+            var _a;
+            obj[prop] = value;
+            (_a = context.setState) == null ? void 0 : _a.call(context, obj);
+            return true;
+        }
+    });
+    return useState;
+};
+export { getComponent, getProxyState, getRepeatItemData, isEmptyHtmlElement };

package/dist/react/components/render-block/render-block.js

@@ -3,24 +3,23 @@ import { useState } from "react";
 import { getBlockActions } from "../../functions/get-block-actions.js";
 import { getBlockComponentOptions } from "../../functions/get-block-component-options.js";
 import { getBlockProperties } from "../../functions/get-block-properties.js";
-import { getBlockTag } from "../../functions/get-block-tag.js";
 import { getProcessedBlock } from "../../functions/get-processed-block.js";
 import BlockStyles from "./block-styles";
-import { getComponent, getRepeatItemData, isEmptyHtmlElement, } from "./render-block.helpers.js";
+import { getComponent, getProxyState, getRepeatItemData, isEmptyHtmlElement, } from "./render-block.helpers.js";
 import RenderRepeatedBlock from "./render-repeated-block";
 import { TARGET } from "../../constants/target.js";
 import { extractTextStyles } from "../../functions/extract-text-styles.js";
 import RenderComponent from "./render-component";
 import { getReactNativeBlockStyles } from "../../functions/get-react-native-block-styles.js";
-import { checkIsDefined } from "../../helpers/nullable.js";
 function RenderBlock(props) {
     const [component, setComponent] = useState(() => getComponent({
         block: props.block,
         context: props.context,
     }));
-    function tag() {
-        return getBlockTag(useBlock());
-    }
+    const [repeatItemData, setRepeatItemData] = useState(() => getRepeatItemData({
+        block: props.block,
+        context: props.context,
+    }));
     function useBlock() {
         return repeatItemData
             ? props.block
@@ -31,35 +30,21 @@ function RenderBlock(props) {
                 shouldEvaluateBindings: true,
             });
     }
+    const [tag, setTag] = useState(() => props.block.tagName || "div");
     function canShowBlock() {
-        if (checkIsDefined(useBlock().hide)) {
+        if ("hide" in useBlock()) {
             return !useBlock().hide;
         }
-        if (checkIsDefined(useBlock().show)) {
+        if ("show" in useBlock()) {
             return useBlock().show;
         }
         return true;
     }
-    function proxyState() {
-        if (typeof Proxy === "undefined") {
-            console.error("no Proxy available in this environment, cannot proxy state.");
-            return props.context.state;
-        }
-        const useState = new Proxy(props.context.state, {
-            set: (obj, prop, value) => {
-                // set the value on the state object, so that the event handler instantly gets the update.
-                obj[prop] = value;
-                // set the value in the context, so that the rest of the app gets the update.
-                props.context.setState?.(obj);
-                return true;
-            },
-        });
-        return useState;
-    }
+    const [proxyState, setProxyState] = useState(() => getProxyState(props.context));
     function actions() {
         return getBlockActions({
             block: useBlock(),
-            state: proxyState(),
+            state: TARGET === "qwik" ? props.context.state : proxyState,
             context: props.context.context,
         });
     }
@@ -78,28 +63,6 @@ function RenderBlock(props) {
                 : {}),
         };
     }
-    function renderComponentProps() {
-        return {
-            blockChildren: useBlock().children ?? [],
-            componentRef: component?.component,
-            componentOptions: {
-                ...getBlockComponentOptions(useBlock()),
-                /**
-                 * These attributes are passed to the wrapper element when there is one. If `noWrap` is set to true, then
-                 * they are provided to the component itself directly.
-                 */
-                ...(!component?.noWrap
-                    ? {}
-                    : {
-                        attributes: {
-                            ...attributes(),
-                            ...actions(),
-                        },
-                    }),
-            },
-            context: childrenContext(),
-        };
-    }
     function childrenWithoutParentComponent() {
         /**
          * When there is no `componentRef`, there might still be children that need to be rendered. In this case,
@@ -110,10 +73,6 @@ function RenderBlock(props) {
         const shouldRenderChildrenOutsideRef = !component?.component && !repeatItemData;
         return shouldRenderChildrenOutsideRef ? useBlock().children ?? [] : [];
     }
-    const [repeatItemData, setRepeatItemData] = useState(() => getRepeatItemData({
-        block: props.block,
-        context: props.context,
-    }));
     function childrenContext() {
         const getInheritedTextStyles = () => {
             if (TARGET !== "reactNative") {
@@ -136,12 +95,34 @@ function RenderBlock(props) {
             inheritedStyles: getInheritedTextStyles(),
         };
     }
-    const TagRef = tag();
+    function renderComponentProps() {
+        return {
+            blockChildren: useBlock().children ?? [],
+            componentRef: component?.component,
+            componentOptions: {
+                ...getBlockComponentOptions(useBlock()),
+                /**
+                 * These attributes are passed to the wrapper element when there is one. If `noWrap` is set to true, then
+                 * they are provided to the component itself directly.
+                 */
+                ...(!component?.noWrap
+                    ? {}
+                    : {
+                        attributes: {
+                            ...attributes(),
+                            ...actions(),
+                        },
+                    }),
+            },
+            context: childrenContext(),
+        };
+    }
+    const TagRef = tag;
     return (React.createElement(React.Fragment, null, canShowBlock() ? (React.createElement(React.Fragment, null, !component?.noWrap ? (React.createElement(React.Fragment, null,
-        isEmptyHtmlElement(tag()) ? (React.createElement(React.Fragment, null,
+        isEmptyHtmlElement(tag) ? (React.createElement(React.Fragment, null,
             React.createElement(TagRef, { ...attributes(), ...actions() }))) : null,
-        !isEmptyHtmlElement(tag()) && repeatItemData ? (React.createElement(React.Fragment, null, repeatItemData?.map((data, index) => (React.createElement(RenderRepeatedBlock, { key: index, repeatContext: data.context, block: data.block }))))) : null,
-        !isEmptyHtmlElement(tag()) && !repeatItemData ? (React.createElement(React.Fragment, null,
+        !isEmptyHtmlElement(tag) && repeatItemData ? (React.createElement(React.Fragment, null, repeatItemData?.map((data, index) => (React.createElement(RenderRepeatedBlock, { key: index, repeatContext: data.context, block: data.block }))))) : null,
+        !isEmptyHtmlElement(tag) && !repeatItemData ? (React.createElement(React.Fragment, null,
             React.createElement(TagRef, { ...attributes(), ...actions() },
                 React.createElement(RenderComponent, { ...renderComponentProps() }),
                 childrenWithoutParentComponent()?.map((child) => (React.createElement(RenderBlock, { key: "render-block-" + child.id, block: child, context: childrenContext() }))),

package/dist/react/components/render-content/render-content.js

@@ -17,6 +17,7 @@ import { checkIsDefined } from "../../helpers/nullable.js";
 import { getInteractionPropertiesForEvent } from "../../functions/track/interaction.js";
 import { getContentInitialValue, getContextStateInitialValue, } from "./render-content.helpers.js";
 import { TARGET } from "../../constants/target.js";
+import { logger } from "../../helpers/logger.js";
 function RenderContent(props) {
     const elementRef = useRef(null);
     const [forceReRenderCount, setForceReRenderCount] = useState(() => 0);
@@ -186,7 +187,7 @@ function RenderContent(props) {
     }
     useEffect(() => {
         if (!props.apiKey) {
-            console.error("[Builder.io]: No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop.");
+            logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop.");
         }
         if (isBrowser()) {
             if (isEditing()) {
@@ -225,19 +226,19 @@ function RenderContent(props) {
             // override normal content in preview mode
             if (isPreviewing()) {
                 const searchParams = new URL(location.href).searchParams;
-                const searchParamPreview = searchParams.get("builder.preview");
+                const searchParamPreviewModel = searchParams.get("builder.preview");
+                const searchParamPreviewId = searchParams.get(`builder.preview.${searchParamPreviewModel}`);
                 const previewApiKey = searchParams.get("apiKey") || searchParams.get("builder.space");
                 /**
                  * Make sure that:
                  * - the preview model name is the same as the one we're rendering, since there can be multiple models rendered  *  at the same time, e.g. header/page/footer.  * - the API key is the same, since we don't want to preview content from other organizations.
-                 *
-                 * TO-DO: should we check that the preview item ID is the same as the initial one being rendered? Or would
-                 * this break scenarios where the item is not published yet?
+                 * - if there is content, that the preview ID is the same as that of the one we receive.
                  *
                  * TO-DO: should we only update the state when there is a change?
                  **/
-                if (searchParamPreview === props.model &&
-                    previewApiKey === props.apiKey) {
+                if (searchParamPreviewModel === props.model &&
+                    previewApiKey === props.apiKey &&
+                    (!props.content || searchParamPreviewId === props.content.id)) {
                     getContent({
                         model: props.model,
                         apiKey: props.apiKey,

package/dist/react/components/render-content-variants/helpers.js

@@ -0,0 +1,98 @@
+const variantScriptFn = function main(contentId, variants) {
+    console.log("Running variant script", JSON.stringify({ contentId, variants }));
+    if (!navigator.cookieEnabled) {
+        console.log("Cookies are disabled, skipping variant script");
+        return;
+    }
+    const templateSelectorById = (id) => `template[data-template-variant-id="${id}"]`;
+    function removeTemplates() {
+        console.log("Removing variants");
+        variants.forEach((template) => {
+            const el2 = document.querySelector(templateSelectorById(template.id));
+            if (el2) {
+                console.log("Removing variant", template.id);
+                el2.remove();
+            }
+        });
+        const el = document.getElementById(`variants-script-${contentId}`);
+        if (el) {
+            console.log("Removing variant script");
+            el.remove();
+        }
+    }
+    if (typeof document.createElement("template").content === "undefined") {
+        console.log("Template polyfill not found, skipping variant script");
+        removeTemplates();
+        return;
+    }
+    function setCookie(name, value, days) {
+        let expires = "";
+        if (days) {
+            const date = new Date();
+            date.setTime(date.getTime() + days * 24 * 60 * 60 * 1e3);
+            expires = "; expires=" + date.toUTCString();
+        }
+        document.cookie = name + "=" + (value || "") + expires + "; path=/; Secure; SameSite=None";
+    }
+    function getCookie(name) {
+        const nameEQ = name + "=";
+        const ca = document.cookie.split(";");
+        for (let i = 0; i < ca.length; i++) {
+            let c = ca[i];
+            while (c.charAt(0) == " ")
+                c = c.substring(1, c.length);
+            if (c.indexOf(nameEQ) == 0)
+                return c.substring(nameEQ.length, c.length);
+        }
+        return null;
+    }
+    function getAndSetVariantId() {
+        const cookieName = `builder.tests.${contentId}`;
+        const variantInCookie = getCookie(cookieName);
+        const availableIDs = variants.map((vr) => vr.id).concat(contentId);
+        if (variantInCookie && availableIDs.indexOf(variantInCookie) > -1) {
+            return variantInCookie;
+        }
+        let n = 0;
+        const random = Math.random();
+        for (let i = 0; i < variants.length; i++) {
+            const variant = variants[i];
+            const testRatio = variant.testRatio;
+            n += testRatio;
+            if (random < n) {
+                setCookie(cookieName, variant.id);
+                return variant.id;
+            }
+        }
+        setCookie(cookieName, contentId);
+        return contentId;
+    }
+    const variantId = getAndSetVariantId();
+    if (variantId !== contentId) {
+        console.log("Variant found", variantId);
+        const winningTemplate = document.querySelector(templateSelectorById(variantId));
+        console.log("winningTemplate", winningTemplate);
+        if (!winningTemplate) {
+            console.log("No template found for variant", variantId);
+            console.log("selector: ", templateSelectorById(variantId));
+            return;
+        }
+        const templatesParent = winningTemplate.parentNode;
+        if (templatesParent) {
+            templatesParent.replaceChild(winningTemplate.content.firstElementChild, winningTemplate);
+        }
+    }
+    else if (variants.length > 0) {
+        console.log("No variant found, removing all variants");
+    }
+    removeTemplates();
+    console.log("Variant script complete");
+};
+const getVariantsScriptString = (variants, contentId) => {
+    const fnStr = variantScriptFn.toString().replace(/\s+/g, " ");
+    return `
+  ${fnStr}
+  main("${contentId}", ${JSON.stringify(variants)})
+  `;
+};
+export { getVariantsScriptString };

package/dist/react/components/render-content-variants/render-content-variants.js

@@ -0,0 +1,45 @@
+import * as React from "react";
+import { useState, useEffect } from "react";
+import { isBrowser } from "../../functions/is-browser";
+import { getVariantsScriptString } from "./helpers";
+import RenderContent from "../render-content/render-content";
+import { checkIsDefined } from "../../helpers/nullable";
+import { handleABTestingSync } from "../../helpers/ab-tests";
+import { TARGET } from "../../constants/target";
+function RenderContentVariants(props) {
+    const [variantScriptStr, setVariantScriptStr] = useState(() => getVariantsScriptString(Object.values(props.content?.variations || {}).map((value) => ({
+        id: value.id,
+        testRatio: value.testRatio,
+    })), props.content?.id || ""));
+    const [variants, setVariants] = useState(() => [
+        ...Object.values(props.content?.variations || {}),
+        props.content,
+    ]);
+    const [contentToUse, setContentToUse] = useState(() => ((isBrowser() && props.canTrack) || !isBrowser()) &&
+        Object.keys(props.content?.variations || {}).length > 0
+        ? undefined
+        : handleABTestingSync({
+            item: props.content,
+            canTrack: checkIsDefined(props.canTrack) ? props.canTrack : true,
+        }));
+    const [shouldRenderVariants, setShouldRenderVariants] = useState(() => ((isBrowser() && props.canTrack) || !isBrowser()) &&
+        Object.keys(props.content?.variations || {}).length > 0);
+    useEffect(() => {
+        if (TARGET === "svelte" && shouldRenderVariants) {
+            // get first template in loop
+            const templates = document.querySelectorAll(`template[data-template-variant-id="${variants[0]?.id}"]`);
+            const lastTemplate = templates[templates.length - 1];
+            // create and append script as sibling of template
+            const script = document.createElement("script");
+            script.id = `variants-script-${props.content?.id}`;
+            script.innerHTML = variantScriptStr;
+            lastTemplate?.parentNode?.append(script, lastTemplate);
+        }
+    }, []);
+    return (React.createElement(React.Fragment, null, shouldRenderVariants ? (React.createElement(React.Fragment, null,
+        variants?.map((variant) => (React.createElement("template", { key: variant?.id, "data-template-variant-id": variant?.id },
+            React.createElement(RenderContent, { content: variant, apiKey: props.apiKey, apiVersion: props.apiVersion, canTrack: props.canTrack, customComponents: props.customComponents })))),
+        React.createElement("script", { id: `variants-script-${props.content?.id}`, dangerouslySetInnerHTML: { __html: variantScriptStr } }),
+        React.createElement(RenderContent, { content: contentToUse, apiKey: props.apiKey, apiVersion: props.apiVersion, canTrack: props.canTrack, customComponents: props.customComponents }))) : (React.createElement(RenderContent, { content: contentToUse, apiKey: props.apiKey, apiVersion: props.apiVersion, canTrack: props.canTrack, customComponents: props.customComponents }))));
+}
+export default RenderContentVariants;

package/dist/react/components/render-inlined-styles.js

@@ -1,14 +1,14 @@
 import * as React from "react";
 import { TARGET } from "../constants/target.js";
 function RenderInlinedStyles(props) {
-    function injectedStyleScript() {
-        return `<${tag()}>${props.styles}</${tag()}>`;
-    }
     function tag() {
         // NOTE: we have to obfusctate the name of the tag due to a limitation in the svelte-preprocessor plugin.
         // https://github.com/sveltejs/vite-plugin-svelte/issues/315#issuecomment-1109000027
         return "sty" + "le";
     }
+    function injectedStyleScript() {
+        return `<${tag()}>${props.styles}</${tag()}>`;
+    }
     const TagRef = tag();
     return (React.createElement(React.Fragment, null, TARGET === "svelte" || TARGET === "qwik" ? (React.createElement(React.Fragment, null,
         React.createElement(TagRef, { dangerouslySetInnerHTML: { __html: props.styles } }))) : (React.createElement(TagRef, null, props.styles))));

package/dist/react/functions/get-block-properties.js

@@ -20,9 +20,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { TARGET } from "../constants/target.js";
 import { convertStyleMapToCSSArray } from "../helpers/css.js";
 import { transformBlockProperties } from "./transform-block-properties.js";
+const extractRelevantRootBlockProperties = (block) => {
+    return { href: block.href };
+};
 function getBlockProperties(block) {
     var _a;
-    const properties = __spreadProps(__spreadValues({}, block.properties), {
+    const properties = __spreadProps(__spreadValues(__spreadValues({}, extractRelevantRootBlockProperties(block)), block.properties), {
         "builder-id": block.id,
         style: getStyleAttribute(block.style),
         class: [block.id, "builder-block", block.class, (_a = block.properties) == null ? void 0 : _a.class].filter(Boolean).join(" ")

package/dist/react/functions/get-content/index.js

@@ -39,13 +39,14 @@ var __async = (__this, __arguments, generator) => {
         step((generator = generator.apply(__this, __arguments)).next());
     });
 };
+import { logger } from "../../helpers/logger.js";
 import { fetch } from "../get-fetch.js";
 import { handleABTesting } from "./ab-testing.js";
 import { generateContentUrl } from "./generate-content-url.js";
 function getContent(options) {
     return __async(this, null, function* () {
         const allContent = yield getAllContent(__spreadProps(__spreadValues({}, options), { limit: 1 }));
-        if ("results" in allContent) {
+        if (allContent && "results" in allContent) {
             return (allContent == null ? void 0 : allContent.results[0]) || null;
         }
         return null;
@@ -53,25 +54,31 @@ function getContent(options) {
 }
 function getAllContent(options) {
     return __async(this, null, function* () {
-        const url = generateContentUrl(options);
-        const res = yield fetch(url.href);
-        const content = yield res.json();
-        if ("status" in content && !("results" in content)) {
-            console.error("[Builder.io]: Error fetching data. ", content, options);
-            return content;
-        }
-        const canTrack = options.canTrack !== false;
         try {
-            if (canTrack && Array.isArray(content.results)) {
-                for (const item of content.results) {
-                    yield handleABTesting({ item, canTrack });
+            const url = generateContentUrl(options);
+            const res = yield fetch(url.href);
+            const content = yield res.json();
+            if ("status" in content && !("results" in content)) {
+                logger.error("Error fetching data. ", content, options);
+                return content;
+            }
+            const canTrack = options.canTrack !== false;
+            try {
+                if (canTrack && Array.isArray(content.results)) {
+                    for (const item of content.results) {
+                        yield handleABTesting({ item, canTrack });
+                    }
                 }
             }
+            catch (e) {
+                logger.error("Could not setup A/B testing. ", e);
+            }
+            return content;
         }
-        catch (e) {
-            console.error("[Builder.io]: Could not setup A/B testing. ", e);
+        catch (error) {
+            logger.error("Error fetching data. ", error);
+            return null;
         }
-        return content;
     });
 }
 export { getAllContent, getContent };

package/dist/react/functions/track/index.js

@@ -52,6 +52,7 @@ var __async = (__this, __arguments, generator) => {
     });
 };
 import { TARGET } from "../../constants/target.js";
+import { logger } from "../../helpers/logger.js";
 import { getSessionId } from "../../helpers/sessionId.js";
 import { getVisitorId } from "../../helpers/visitorId.js";
 import { isBrowser } from "../is-browser.js";
@@ -90,7 +91,7 @@ const createEvent = (_a) => __async(void 0, null, function* () {
 function _track(eventProps) {
     return __async(this, null, function* () {
         if (!eventProps.apiKey) {
-            console.error("[Builder.io]: Missing API key for track call. Please provide your API key.");
+            logger.error("Missing API key for track call. Please provide your API key.");
             return;
         }
         if (!eventProps.canTrack) {

package/dist/react/helpers/logger.js

@@ -0,0 +1,7 @@
+const MSG_PREFIX = "[Builder.io]: ";
+const logger = {
+    log: (...message) => console.log(MSG_PREFIX, ...message),
+    error: (...message) => console.error(MSG_PREFIX, ...message),
+    warn: (...message) => console.warn(MSG_PREFIX, ...message)
+};
+export { logger };

package/dist/rsc/blocks/symbol/symbol.js

@@ -3,6 +3,7 @@ import RenderContent from "../../components/render-content/render-content";
 import BuilderContext from "../../context/builder.context.js";
 import { getContent } from "../../functions/get-content/index.js";
 import { TARGET } from "../../constants/target";
+import { logger } from "../../helpers/logger";
 function Symbol(props) {
     const _context = { ...props["_context"] };
     const state = {
@@ -47,7 +48,7 @@ function Symbol(props) {
                     }
                 })
                     .catch((err) => {
-                    console.error("[Builder.io]: Could not fetch symbol content: ", err);
+                    logger.error("Could not fetch symbol content: ", err);
                 });
             }
         },

package/dist/rsc/components/render-block/block-styles.js

@@ -34,6 +34,9 @@ function BlockStyles(props) {
             const mediumStyles = styles?.medium;
             const smallStyles = styles?.small;
             const className = state.useBlock.id;
+            if (!className) {
+                return "";
+            }
             const largeStylesClass = largeStyles
                 ? createCssClass({
                     className,

package/dist/rsc/components/render-block/render-block.helpers.js

@@ -101,4 +101,19 @@ const getRepeatItemData = ({ block, context }) => {
     }));
     return repeatArray;
 };
-export { getComponent, getRepeatItemData, isEmptyHtmlElement };
+const getProxyState = (context) => {
+    if (typeof Proxy === "undefined") {
+        console.error("no Proxy available in this environment, cannot proxy state.");
+        return context.state;
+    }
+    const useState = new Proxy(context.state, {
+        set: (obj, prop, value) => {
+            var _a;
+            obj[prop] = value;
+            (_a = context.setState) == null ? void 0 : _a.call(context, obj);
+            return true;
+        }
+    });
+    return useState;
+};
+export { getComponent, getProxyState, getRepeatItemData, isEmptyHtmlElement };