@builder.io/sdk-react 0.5.5 → 0.5.7

package/dist/blocks/BaseText.js

@@ -1,7 +1,7 @@
 "use client";
 import * as React from "react";
 import { useContext } from "react";
-import BuilderContext from "../context/builder.context";
+import BuilderContext from "../context/builder.context.js";
 function BaseText(props) {
     const builderContext = useContext(BuilderContext);
     return (React.createElement("span", { style: builderContext.inheritedStyles }, props.text));

package/dist/blocks/symbol/symbol.helpers.d.ts

@@ -8,7 +8,7 @@ export interface SymbolInfo {
     inline?: boolean;
     dynamic?: boolean;
 }
-export declare const fetchContent: ({ builderContextValue, symbol }: {
+export declare const fetchSymbolContent: ({ builderContextValue, symbol }: {
     symbol: SymbolInfo | undefined;
     builderContextValue: BuilderContextInterface;
 }) => Promise<any>;

package/dist/blocks/symbol/symbol.helpers.js

@@ -1,6 +1,6 @@
-import { getContent } from '../../functions/get-content/index.js';
 import { logger } from '../../helpers/logger.js';
-export const fetchContent = async ({ builderContextValue, symbol }) => {
+import { fetchOneEntry } from '../../index.js';
+export const fetchSymbolContent = async ({ builderContextValue, symbol }) => {
     /**
      * If:
      * - we have a symbol prop
@@ -13,7 +13,7 @@ export const fetchContent = async ({ builderContextValue, symbol }) => {
     if (symbol?.model &&
         // This is a hack, we should not need to check for this, but it is needed for Svelte.
         builderContextValue?.apiKey) {
-        return getContent({
+        return fetchOneEntry({
             model: symbol.model,
             apiKey: builderContextValue.apiKey,
             apiVersion: builderContextValue.apiVersion,

package/dist/blocks/symbol/symbol.js

@@ -2,7 +2,7 @@
 import * as React from "react";
 import { useState, useEffect } from "react";
 import ContentVariants from "../../components/content-variants/content-variants";
-import { fetchContent } from "./symbol.helpers.js";
+import { fetchSymbolContent } from "./symbol.helpers.js";
 function Symbol(props) {
     function className() {
         return [
@@ -20,7 +20,7 @@ function Symbol(props) {
     function setContent() {
         if (contentToUse)
             return;
-        fetchContent({
+        fetchSymbolContent({
             symbol: props.symbol,
             builderContextValue: props.builderContext,
         }).then((newContent) => {

package/dist/components/block/block.helpers.js

@@ -1,4 +1,4 @@
-import { evaluate } from '../../functions/evaluate';
+import { evaluate } from '../../functions/evaluate/index.js';
 import { getProcessedBlock } from '../../functions/get-processed-block.js';
 /**
  * https://developer.mozilla.org/en-US/docs/Glossary/Empty_element

package/dist/components/block/components/repeated-block.js

@@ -1,7 +1,7 @@
 "use client";
 import * as React from "react";
 import { useState } from "react";
-import BuilderContext from "../../../context/builder.context";
+import BuilderContext from "../../../context/builder.context.js";
 import Block from "../block";
 function RepeatedBlock(props) {
     const [store, setStore] = useState(() => props.repeatContext);

package/dist/components/blocks/blocks-wrapper.js

@@ -28,8 +28,8 @@ function BlocksWrapper(props) {
         }
     }
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: className() + " div-b2473120", "builder-path": props.path, "builder-parent-id": props.parent, ...{}, style: props.styleProp, onClick: (event) => onClick(), onMouseEnter: (event) => onMouseEnter(), onKeyPress: (event) => onClick() }, props.children),
-        React.createElement("style", null, `.div-b2473120 {
+        React.createElement("div", { className: className() + " div-5285fe33", "builder-path": props.path, "builder-parent-id": props.parent, ...{}, style: props.styleProp, onClick: (event) => onClick(), onMouseEnter: (event) => onMouseEnter(), onKeyPress: (event) => onClick() }, props.children),
+        React.createElement("style", null, `.div-5285fe33 {
   display: flex;
   flex-direction: column;
   align-items: stretch;

package/dist/components/blocks/blocks.js

@@ -4,8 +4,8 @@ import { useContext } from "react";
 import BlockStyles from "../block/components/block-styles";
 import Block from "../block/block";
 import BlocksWrapper from "./blocks-wrapper";
-import BuilderContext from "../../context/builder.context";
-import ComponentsContext from "../../context/components.context";
+import BuilderContext from "../../context/builder.context.js";
+import ComponentsContext from "../../context/components.context.js";
 function Blocks(props) {
     const builderContext = useContext(BuilderContext);
     const componentsContext = useContext(ComponentsContext);

package/dist/components/content/components/enable-editor.js

@@ -1,18 +1,18 @@
 "use client";
 import * as React from "react";
 import { useState, useRef, useEffect } from "react";
-import { evaluate } from "../../../functions/evaluate";
+import { evaluate } from "../../../functions/evaluate/index.js";
 import { fetch } from "../../../functions/get-fetch.js";
 import { isBrowser } from "../../../functions/is-browser.js";
 import { isEditing } from "../../../functions/is-editing.js";
 import { createRegisterComponentMessage } from "../../../functions/register-component.js";
 import { _track } from "../../../functions/track/index.js";
-import builderContext from "../../../context/builder.context";
+import builderContext from "../../../context/builder.context.js";
 import { registerInsertMenu, setupBrowserForEditing, } from "../../../scripts/init-editing.js";
 import { checkIsDefined } from "../../../helpers/nullable.js";
 import { getInteractionPropertiesForEvent } from "../../../functions/track/interaction.js";
 import { logger } from "../../../helpers/logger.js";
-import { getContent } from "../../../functions/get-content/index.js";
+import { fetchOneEntry } from "../../../functions/get-content/index.js";
 import { isPreviewing } from "../../../functions/is-previewing.js";
 function EnableEditor(props) {
     const elementRef = useRef(null);
@@ -217,7 +217,7 @@ function EnableEditor(props) {
                 if (searchParamPreviewModel === props.model &&
                     previewApiKey === props.apiKey &&
                     (!props.content || searchParamPreviewId === props.content.id)) {
-                    getContent({
+                    fetchOneEntry({
                         model: props.model,
                         apiKey: props.apiKey,
                         apiVersion: props.builderContextSignal.apiVersion,

package/dist/components/content/content.js

@@ -10,7 +10,7 @@ import { TARGET } from "../../constants/target.js";
 import { getRenderContentScriptString } from "../content-variants/helpers.js";
 import EnableEditor from "./components/enable-editor";
 import InlinedScript from "../inlined-script";
-import ComponentsContext from "../../context/components.context";
+import ComponentsContext from "../../context/components.context.js";
 function ContentComponent(props) {
     const [scriptStr, setScriptStr] = useState(() => getRenderContentScriptString({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain

package/dist/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "UNKNOWN_VERSION";
+export declare const SDK_VERSION = "0.5.7";

package/dist/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = 'UNKNOWN_VERSION';
+export const SDK_VERSION = "0.5.7";

package/dist/functions/fetch-builder-props.d.ts

@@ -0,0 +1,39 @@
+import type { ContentVariantsProps } from '../components/content-variants/content-variants.types.js';
+import type { Dictionary } from '../types/typescript.js';
+import type { GetContentOptions } from './get-content/types.js';
+type GetBuilderPropsOptions = (Omit<GetContentOptions, 'model'> & {
+    model?: string;
+}) & ({
+    /**
+     * The current URL path. Used to determine the `urlPath` for targeting content.
+     *
+     * Cannot be used with `url`.
+     */
+    path: string;
+    /**
+     * The current URL search params. Used to parse the `searchParams` for targeting content.
+     *
+     * Cannot be used with `url`.
+     */
+    searchParams?: URLSearchParams | Dictionary<string | string[]>;
+    url?: undefined;
+} | {
+    /**
+     * The current URL. Used to determine the `urlPath` for targeting content and
+     * to parse the `searchParams` for targeting content.
+     *
+     * Cannot be used with `path` or `searchParams`.
+     */
+    url: URL;
+    path?: undefined;
+    searchParams?: undefined;
+} | {
+    url?: undefined;
+    path?: undefined;
+    searchParams?: undefined;
+});
+/**
+ * Fetches builder content, and returns it along with sensible defaults for other props that `Content` needs to render.
+ */
+export declare const fetchBuilderProps: (_args: GetBuilderPropsOptions) => Promise<ContentVariantsProps>;
+export {};

package/dist/functions/fetch-builder-props.js

@@ -0,0 +1,25 @@
+import { getBuilderSearchParams } from './get-builder-search-params/index.js';
+import { fetchOneEntry } from './get-content/index.js';
+/**
+ * Fetches builder content, and returns it along with sensible defaults for other props that `Content` needs to render.
+ */
+export const fetchBuilderProps = async (_args) => {
+    const urlPath = _args.path || _args.url?.pathname || _args.userAttributes?.urlPath;
+    const getContentArgs = {
+        ..._args,
+        apiKey: _args.apiKey,
+        model: _args.model || 'page',
+        userAttributes: {
+            ..._args.userAttributes,
+            ...(urlPath ? {
+                urlPath
+            } : {})
+        },
+        options: getBuilderSearchParams(_args.searchParams || _args.url?.searchParams || _args.options)
+    };
+    return {
+        apiKey: getContentArgs.apiKey,
+        model: getContentArgs.model,
+        content: await fetchOneEntry(getContentArgs)
+    };
+};

package/dist/functions/get-content/index.d.ts

@@ -1,12 +1,29 @@
 import type { BuilderContent } from '../../types/builder-content.js';
 import type { GetContentOptions } from './types.js';
-export declare function getContent(options: GetContentOptions): Promise<BuilderContent | null>;
+/**
+ * Returns a the first entry that matches the given options.
+ */
+export declare function fetchOneEntry(options: GetContentOptions): Promise<BuilderContent | null>;
+/**
+ * @deprecated
+ * Consider using `fetchBuilderProps` instead for easier setup.
+ *
+ * NOTE: `getContent` was renamed to `fetchOneEntry` and will be removed in a future release.
+ */
+export declare const getContent: typeof fetchOneEntry;
 type ContentResults = {
     results: BuilderContent[];
 };
 /**
  * Exported only for testing purposes. Should not be used directly.
  */
-export declare const processContentResult: (options: GetContentOptions, content: ContentResults, url?: URL) => Promise<ContentResults>;
-export declare function getAllContent(options: GetContentOptions): Promise<ContentResults>;
+export declare const _processContentResult: (options: GetContentOptions, content: ContentResults, url?: URL) => Promise<ContentResults>;
+/**
+ * Returns a paginated array of entries that match the given options.
+ */
+export declare function fetchEntries(options: GetContentOptions): Promise<ContentResults>;
+/**
+ * @deprecated Use `fetchEntries` instead.
+ */
+export declare const getAllContent: typeof fetchEntries;
 export {};

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

@@ -7,8 +7,11 @@ import { fetch } from '../get-fetch.js';
 import { isBrowser } from '../is-browser.js';
 import { generateContentUrl } from './generate-content-url.js';
 const checkContentHasResults = (content) => 'results' in content;
-export async function getContent(options) {
-    const allContent = await getAllContent({
+/**
+ * Returns a the first entry that matches the given options.
+ */
+export async function fetchOneEntry(options) {
+    const allContent = await fetchEntries({
         ...options,
         limit: 1
     });
@@ -17,7 +20,14 @@ export async function getContent(options) {
     }
     return null;
 }
-const fetchContent = async (options) => {
+/**
+ * @deprecated
+ * Consider using `fetchBuilderProps` instead for easier setup.
+ *
+ * NOTE: `getContent` was renamed to `fetchOneEntry` and will be removed in a future release.
+ */
+export const getContent = fetchOneEntry;
+const _fetchContent = async (options) => {
     const url = generateContentUrl(options);
     const res = await fetch(url.href);
     const content = await res.json();
@@ -26,7 +36,7 @@ const fetchContent = async (options) => {
 /**
  * Exported only for testing purposes. Should not be used directly.
  */
-export const processContentResult = async (options, content, url = generateContentUrl(options)) => {
+export const _processContentResult = async (options, content, url = generateContentUrl(options)) => {
     const canTrack = getDefaultCanTrack(options.canTrack);
     const isPreviewing = url.search.includes(`preview=`);
     if (TARGET === 'rsc' && isPreviewing) {
@@ -62,10 +72,13 @@ export const processContentResult = async (options, content, url = generateConte
     }
     return content;
 };
-export async function getAllContent(options) {
+/**
+ * Returns a paginated array of entries that match the given options.
+ */
+export async function fetchEntries(options) {
     try {
         const url = generateContentUrl(options);
-        const content = await fetchContent(options);
+        const content = await _fetchContent(options);
         if (!checkContentHasResults(content)) {
             logger.error('Error fetching data. ', {
                 url,
@@ -74,10 +87,14 @@ export async function getAllContent(options) {
             });
             return null;
         }
-        return processContentResult(options, content);
+        return _processContentResult(options, content);
     }
     catch (error) {
         logger.error('Error fetching data. ', error);
         return null;
     }
 }
+/**
+ * @deprecated Use `fetchEntries` instead.
+ */
+export const getAllContent = fetchEntries;

package/dist/functions/get-processed-block.js

@@ -1,4 +1,4 @@
-import { evaluate } from './evaluate';
+import { evaluate } from './evaluate/index.js';
 import { fastClone } from './fast-clone.js';
 import { set } from './set.js';
 import { transformBlock } from './transform-block.js';

package/dist/functions/is-non-node-server.js

@@ -1,4 +1,4 @@
-import { isBrowser } from './is-browser';
+import { isBrowser } from './is-browser.js';
 /**
  * Identifies non-node server runtimes (edge, workers, serverless, etc.)
  */

package/dist/helpers/preview-lru-cache/get.d.ts

@@ -1,2 +1,2 @@
-import type { BuilderContent } from '../../types/builder-content';
+import type { BuilderContent } from '../../types/builder-content.js';
 export declare function getPreviewContent(_searchParams: URLSearchParams): BuilderContent | undefined;

package/dist/helpers/preview-lru-cache/set.d.ts

@@ -1,4 +1,4 @@
-import type { BuilderContent } from '../../types/builder-content';
+import type { BuilderContent } from '../../types/builder-content.js';
 export declare function postPreviewContent({ key, value }: {
     key: string;
     value: BuilderContent;

package/dist/index-helpers/blocks-exports.d.ts

@@ -2,9 +2,18 @@ export { default as Button } from '../blocks/button/button';
 export { default as Columns } from '../blocks/columns/columns';
 export { default as Fragment } from '../blocks/fragment/fragment';
 export { default as Image } from '../blocks/image/image';
-export { default as RenderBlocks } from '../components/blocks/blocks';
 export { default as Section } from '../blocks/section/section';
 export { default as Symbol } from '../blocks/symbol/symbol';
 export { default as Text } from '../blocks/text/text';
 export { default as Video } from '../blocks/video/video';
-export { default as RenderContent } from '../components/content-variants/content-variants';
+import { default as Blocks } from '../components/blocks/blocks';
+import { default as Content } from '../components/content-variants/content-variants';
+export { Blocks, Content };
+/**
+ * @deprecated Use `Blocks` instead.
+ */
+export declare const RenderBlocks: typeof Blocks;
+/**
+ * @deprecated Use `Content` instead.
+ */
+export declare const RenderContent: typeof Content;

package/dist/index-helpers/blocks-exports.js

@@ -2,9 +2,18 @@ export { default as Button } from '../blocks/button/button';
 export { default as Columns } from '../blocks/columns/columns';
 export { default as Fragment } from '../blocks/fragment/fragment';
 export { default as Image } from '../blocks/image/image';
-export { default as RenderBlocks } from '../components/blocks/blocks';
 export { default as Section } from '../blocks/section/section';
 export { default as Symbol } from '../blocks/symbol/symbol';
 export { default as Text } from '../blocks/text/text';
 export { default as Video } from '../blocks/video/video';
-export { default as RenderContent } from '../components/content-variants/content-variants';
+import { default as Blocks } from '../components/blocks/blocks';
+import { default as Content } from '../components/content-variants/content-variants';
+export { Blocks, Content };
+/**
+ * @deprecated Use `Blocks` instead.
+ */
+export const RenderBlocks = Blocks;
+/**
+ * @deprecated Use `Content` instead.
+ */
+export const RenderContent = Content;

package/dist/index.d.ts

@@ -7,9 +7,10 @@ export { register } from './functions/register.js';
 export type { InsertMenuConfig, InsertMenuItem } from './functions/register.js';
 export { setEditorSettings } from './functions/set-editor-settings.js';
 export type { Settings } from './functions/set-editor-settings.js';
-export { getAllContent, getContent, processContentResult } from './functions/get-content/index.js';
+export { fetchEntries, fetchOneEntry, getAllContent, getContent, _processContentResult } from './functions/get-content/index.js';
 export { getBuilderSearchParams } from './functions/get-builder-search-params/index.js';
 export { track } from './functions/track/index.js';
-export type { RegisteredComponent } from './context/types';
-export type { ComponentInfo } from './types/components';
+export type { RegisteredComponent } from './context/types.js';
+export type { ComponentInfo } from './types/components.js';
 export type { ContentProps } from './components/content/content.types.js';
+export { fetchBuilderProps } from './functions/fetch-builder-props.js';

package/dist/index.js

@@ -5,6 +5,7 @@ export { isPreviewing } from './functions/is-previewing.js';
 export { createRegisterComponentMessage } from './functions/register-component.js';
 export { register } from './functions/register.js';
 export { setEditorSettings } from './functions/set-editor-settings.js';
-export { getAllContent, getContent, processContentResult } from './functions/get-content/index.js';
+export { fetchEntries, fetchOneEntry, getAllContent, getContent, _processContentResult } from './functions/get-content/index.js';
 export { getBuilderSearchParams } from './functions/get-builder-search-params/index.js';
 export { track } from './functions/track/index.js';
+export { fetchBuilderProps } from './functions/fetch-builder-props.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react",
   "description": "Builder.io SDK for React",
-  "version": "0.5.5",
+  "version": "0.5.7",
   "files": [
     "dist"
   ],
@@ -27,6 +27,14 @@
   "nx": {
     "implicitDependencies": [
       "@builder.io/sdks"
-    ]
+    ],
+    "targets": {
+      "build": {
+        "dependsOn": [
+          "^build:react",
+          "^build"
+        ]
+      }
+    }
   }
 }

package/dist/functions/if-target.d.ts

@@ -1,7 +0,0 @@
-type Target = import('../types/targets').Target;
-export declare function ifTarget<A, B>({ targets, doThing, elseThing }: {
-    targets: Target[];
-    doThing: () => A;
-    elseThing?: () => B;
-}): A | B;
-export {};

package/dist/functions/if-target.js

@@ -1,10 +0,0 @@
-import { TARGET } from '../constants/target.js';
-// TODO: babel compile to include certain code only if the target matches
-export function ifTarget({ targets, doThing, elseThing }) {
-    if (TARGET && targets.includes(TARGET)) {
-        return doThing();
-    }
-    else {
-        return elseThing?.();
-    }
-}