BuilderIO · samijaber · Mar 6, 2025 · Mar 6, 2025 · Mar 6, 2025 · Mar 6, 2025
diff --git a/.changeset/brown-avocados-dream.md b/.changeset/brown-avocados-dream.md
@@ -0,0 +1,12 @@
+---
+"@builder.io/sdk-angular": patch
+"@builder.io/sdk-react-nextjs": patch
+"@builder.io/sdk-qwik": patch
+"@builder.io/sdk-react": patch
+"@builder.io/sdk-react-native": patch
+"@builder.io/sdk-solid": patch
+"@builder.io/sdk-svelte": patch
+"@builder.io/sdk-vue": patch
+---
+
+docs: document `getBuilderSearchParams` and `isPreviewing`
diff --git a/packages/sdks/e2e/angular-16-ssr/src/app/app.resolver.ts b/packages/sdks/e2e/angular-16-ssr/src/app/app.resolver.ts
@@ -1,19 +1,13 @@
 import type { ActivatedRouteSnapshot, ResolveFn } from '@angular/router';
-import {
-  _processContentResult,
-  fetchOneEntry,
-  getBuilderSearchParams,
-} from '@builder.io/sdk-angular';
+import { _processContentResult, fetchOneEntry } from '@builder.io/sdk-angular';
 import { getProps } from '@sdk/tests';
 
 export const appResolver: ResolveFn<any> = (route: ActivatedRouteSnapshot) => {
   const urlPath = `/${route.url.join('/')}`;
-  const searchParams = getBuilderSearchParams(route.queryParams);
 
   return getProps({
     pathname: urlPath,
     _processContentResult,
-    options: searchParams,
     fetchOneEntry,
   });
 };
diff --git a/packages/sdks/e2e/angular-16/src/app/app.component.ts b/packages/sdks/e2e/angular-16/src/app/app.component.ts
@@ -2,7 +2,6 @@ import { Component } from '@angular/core';
 import {
   _processContentResult,
   fetchOneEntry,
-  getBuilderSearchParams,
   type RegisteredComponent,
 } from '@builder.io/sdk-angular';
 import { getProps } from '@sdk/tests';
@@ -62,9 +61,6 @@ export class AppComponent {
     const builderProps = await getProps({
       pathname: urlPath,
       _processContentResult,
-      options: getBuilderSearchParams(
-        new URLSearchParams(window.location.search)
-      ),
       fetchOneEntry,
     });
 

diff --git a/packages/sdks/e2e/angular-19-ssr/src/app/catch-all.component.ts b/packages/sdks/e2e/angular-19-ssr/src/app/catch-all.component.ts
@@ -7,7 +7,6 @@ import {
   Content,
   _processContentResult,
   fetchOneEntry,
-  getBuilderSearchParams,
   type RegisteredComponent,
 } from '@builder.io/sdk-angular';
 import { getProps } from '@sdk/tests';
@@ -94,7 +93,6 @@ export class CatchAllComponent {
     const builderProps = await getProps({
       pathname: urlPath,
       _processContentResult,
-      options: getBuilderSearchParams(searchParams),
       fetchOneEntry: (args) => {
         return fetchOneEntry({
           ...args,

diff --git a/packages/sdks/e2e/nextjs-sdk-next-app/src/app/[[...slug]]/page.tsx b/packages/sdks/e2e/nextjs-sdk-next-app/src/app/[[...slug]]/page.tsx
@@ -5,7 +5,6 @@ import {
   Content,
   _processContentResult,
   fetchOneEntry,
-  getBuilderSearchParams,
 } from '@builder.io/sdk-react-nextjs';
 import { getProps } from '@sdk/tests';
 import MyTextBox from '../../components/MyTextBox/MyTextBox';
@@ -73,7 +72,6 @@ export default async function Page(props: MyPageProps) {
   const builderProps = await getProps({
     pathname: urlPath,
     _processContentResult,
-    options: getBuilderSearchParams(props.searchParams),
     fetchOneEntry,
   });
 

diff --git a/packages/sdks/e2e/qwik-city/src/routes/[...index]/index.tsx b/packages/sdks/e2e/qwik-city/src/routes/[...index]/index.tsx
@@ -59,6 +59,7 @@ export const useBuilderContentLoader = routeLoader$(async (event) => {
 
 export default component$(() => {
   const contentProps = useBuilderContentLoader();
+
   return (
     <>
       {contentProps.value.addTopPadding && (

diff --git a/packages/sdks/e2e/react-sdk-next-14-app/src/app/[[...slug]]/page.tsx b/packages/sdks/e2e/react-sdk-next-14-app/src/app/[[...slug]]/page.tsx
@@ -3,7 +3,6 @@ import {
   Content,
   _processContentResult,
   fetchOneEntry,
-  getBuilderSearchParams,
 } from '@builder.io/sdk-react';
 import { getProps } from '@sdk/tests';
 
@@ -63,7 +62,6 @@ export default async function Page(props: PageProps) {
   const builderProps = await getProps({
     pathname: urlPath,
     _processContentResult,
-    options: getBuilderSearchParams(props.searchParams),
     fetchOneEntry,
   });
 

diff --git a/packages/sdks/e2e/react-sdk-next-15-app/src/app/[[...slug]]/page.tsx b/packages/sdks/e2e/react-sdk-next-15-app/src/app/[[...slug]]/page.tsx
@@ -4,7 +4,6 @@ import {
   Content,
   _processContentResult,
   fetchOneEntry,
-  getBuilderSearchParams,
 } from '@builder.io/sdk-react';
 import { getProps } from '@sdk/tests';
 
@@ -22,7 +21,6 @@ export default async function Page(props: PageProps) {
   const builderProps = await getProps({
     pathname: urlPath,
     _processContentResult,
-    options: getBuilderSearchParams(await props.searchParams),
     fetchOneEntry,
   });
 

diff --git a/packages/sdks/snippets/angular-16-ssr/src/app/announcement-bar/announcement-bar.resolver.ts b/packages/sdks/snippets/angular-16-ssr/src/app/announcement-bar/announcement-bar.resolver.ts
@@ -1,18 +1,16 @@
 import type { ActivatedRouteSnapshot, ResolveFn } from '@angular/router';
-import { fetchOneEntry, getBuilderSearchParams } from '@builder.io/sdk-angular';
+import { fetchOneEntry } from '@builder.io/sdk-angular';
 
 export const announcementBarResolver: ResolveFn<any> = (
   route: ActivatedRouteSnapshot
 ) => {
   const urlPath = `/${route.url.join('/')}`;
-  const searchParams = getBuilderSearchParams(route.queryParams);
 
   return fetchOneEntry({
     apiKey: 'ee9f13b4981e489a9a1209887695ef2b',
     model: 'announcement-bar',
     userAttributes: {
       urlPath,
     },
-    options: searchParams,
   });
 };
diff --git a/packages/sdks/snippets/hydrogen/app/components/AnnouncementBarPage.tsx b/packages/sdks/snippets/hydrogen/app/components/AnnouncementBarPage.tsx
@@ -3,11 +3,7 @@
  * snippets/hydrogen/app/components/AnnouncementBarPage.tsx
  */
 
-import {
-  Content,
-  fetchOneEntry,
-  getBuilderSearchParams,
-} from '@builder.io/sdk-react';
+import {Content, fetchOneEntry} from '@builder.io/sdk-react';
 import type {LoaderFunction} from '@remix-run/node';
 import {useLoaderData} from '@remix-run/react';
 import {useNonce} from '@shopify/hydrogen';
@@ -29,7 +25,6 @@ export const announcementsLoader: LoaderFunction = async ({
       userAttributes: {
         urlPath: pathname,
       },
-      options: getBuilderSearchParams(url.searchParams),
     });
 
     return {content, model};

diff --git a/packages/sdks/snippets/hydrogen/app/components/app.tsx b/packages/sdks/snippets/hydrogen/app/components/app.tsx
@@ -26,7 +26,6 @@ export const builderLoader: LoaderFunction = async ({params, request}) => {
       userAttributes: {
         urlPath: pathname,
       },
-      options: getBuilderSearchParams(url.searchParams),
     });
     return {content, model};
   } catch (e) {

diff --git a/packages/sdks/snippets/nextjs-sdk-next-app/app/[[...slug]]/page.tsx b/packages/sdks/snippets/nextjs-sdk-next-app/app/[[...slug]]/page.tsx
@@ -6,7 +6,6 @@
 import {
   Content,
   fetchOneEntry,
-  getBuilderSearchParams,
   isPreviewing,
 } from '@builder.io/sdk-react-nextjs';
 
@@ -23,7 +22,6 @@ export default async function Page(props: PageProps) {
   const urlPath = '/' + (props.params?.slug?.join('/') || '');
 
   const content = await fetchOneEntry({
-    options: getBuilderSearchParams(props.searchParams),
     apiKey: PUBLIC_API_KEY,
     model: 'page',
     userAttributes: { urlPath },

diff --git a/packages/sdks/snippets/nextjs-sdk-next-app/app/announcements/[...slug]/page.tsx b/packages/sdks/snippets/nextjs-sdk-next-app/app/announcements/[...slug]/page.tsx
@@ -6,7 +6,6 @@
 import {
   Content,
   fetchOneEntry,
-  getBuilderSearchParams,
   isEditing,
   isPreviewing,
 } from '@builder.io/sdk-react-nextjs';
@@ -27,7 +26,7 @@ export default async function Page(props: PageProps) {
   const content = await fetchOneEntry({
     apiKey,
     model,
-    options: getBuilderSearchParams(props.searchParams),
+
     userAttributes: { urlPath },
   });
 

diff --git a/packages/sdks/snippets/nuxt/pages/[...app].vue b/packages/sdks/snippets/nuxt/pages/[...app].vue
@@ -22,7 +22,7 @@ const { data: content } = await useAsyncData(
     fetchOneEntry({
       model,
       apiKey,
-      options: getBuilderSearchParams(route.query),
+
       userAttributes: { urlPath: route.path },
     })
 );

diff --git a/packages/sdks/snippets/nuxt/pages/announcements/[...app].vue b/packages/sdks/snippets/nuxt/pages/announcements/[...app].vue
@@ -23,7 +23,7 @@ const { data: announcement } = await useAsyncData(
     fetchOneEntry({
       model,
       apiKey,
-      options: getBuilderSearchParams(route.query),
+
       userAttributes: { urlPath: route.path },
     })
 );

diff --git a/packages/sdks/snippets/qwik-city/src/routes/[...index]/index.tsx b/packages/sdks/snippets/qwik-city/src/routes/[...index]/index.tsx
@@ -4,11 +4,7 @@
  */
 import { component$ } from '@builder.io/qwik';
 import { routeLoader$ } from '@builder.io/qwik-city';
-import {
-  Content,
-  fetchOneEntry,
-  getBuilderSearchParams,
-} from '@builder.io/sdk-qwik';
+import { Content, fetchOneEntry } from '@builder.io/sdk-qwik';
 
 // Define Builder's public API key and content model.
 // TO DO: Replace with your Public API Key
@@ -22,7 +18,6 @@ export const useBuilderContent = routeLoader$(async ({ url }) => {
   const builderContent = await fetchOneEntry({
     model: BUILDER_MODEL,
     apiKey: BUILDER_PUBLIC_API_KEY,
-    options: getBuilderSearchParams(url.searchParams),
     userAttributes: {
       urlPath: url.pathname,
     },

diff --git a/packages/sdks/snippets/qwik-city/src/routes/announcements/[...index]/index.tsx b/packages/sdks/snippets/qwik-city/src/routes/announcements/[...index]/index.tsx
@@ -8,7 +8,6 @@ import { routeLoader$ } from '@builder.io/qwik-city';
 import {
   Content,
   fetchOneEntry,
-  getBuilderSearchParams,
 } from '@builder.io/sdk-qwik';
 
 export const BUILDER_PUBLIC_API_KEY = 'ee9f13b4981e489a9a1209887695ef2b';
@@ -18,7 +17,7 @@ export const useBuilderContent = routeLoader$(async ({ url }) => {
   const announcementBar = await fetchOneEntry({
     model: BUILDER_MODEL,
     apiKey: BUILDER_PUBLIC_API_KEY,
-    options: getBuilderSearchParams(url.searchParams),
+
     userAttributes: {
       urlPath: url.pathname,
     },

diff --git a/packages/sdks/snippets/react-sdk-next-14-app/app/[[...slug]]/page.tsx b/packages/sdks/snippets/react-sdk-next-14-app/app/[[...slug]]/page.tsx
@@ -3,12 +3,7 @@
  * snippets/nextjs-app-dir-client/app/[[...slug]].tsx
  * Uses @builder.io/sdk-react
  */
-import {
-  Content,
-  fetchOneEntry,
-  getBuilderSearchParams,
-  isPreviewing,
-} from '@builder.io/sdk-react';
+import { Content, fetchOneEntry, isPreviewing } from '@builder.io/sdk-react';
 
 interface PageProps {
   params: {
@@ -23,7 +18,6 @@ export default async function Page(props: PageProps) {
   const urlPath = '/' + (props.params?.slug?.join('/') || '');
 
   const content = await fetchOneEntry({
-    options: getBuilderSearchParams(props.searchParams),
     apiKey: PUBLIC_API_KEY,
     model: 'page',
     userAttributes: { urlPath },
@@ -32,12 +26,8 @@ export default async function Page(props: PageProps) {
   const canShowContent = content || isPreviewing(props.searchParams);
 
   if (!canShowContent) {
-    return (
-      <>
-        <h1>404</h1>
-        <p>Make sure you have your content published at Builder.io.</p>
-      </>
-    );
+    return <p>Not Found</p>;
   }
+
   return <Content content={content} apiKey={PUBLIC_API_KEY} model="page" />;
 }
diff --git a/packages/sdks/snippets/react-sdk-next-14-app/app/announcements/[...slug]/page.tsx b/packages/sdks/snippets/react-sdk-next-14-app/app/announcements/[...slug]/page.tsx
@@ -6,7 +6,6 @@
 import {
   Content,
   fetchOneEntry,
-  getBuilderSearchParams,
   isEditing,
   isPreviewing,
 } from '@builder.io/sdk-react';
@@ -27,7 +26,6 @@ export default async function Page(props: PageProps) {
   const announcementBar = await fetchOneEntry({
     apiKey,
     model,
-    options: getBuilderSearchParams(props.searchParams),
     userAttributes: { urlPath },
   });
 

diff --git a/packages/sdks/snippets/react/src/routes/AnnouncementBar.tsx b/packages/sdks/snippets/react/src/routes/AnnouncementBar.tsx
@@ -6,7 +6,6 @@
 import {
   Content,
   fetchOneEntry,
-  getBuilderSearchParams,
   type BuilderContent,
 } from '@builder.io/sdk-react';
 import { useEffect, useState } from 'react';
@@ -24,7 +23,6 @@ export default function AnnouncementBar() {
       userAttributes: {
         urlPath: window.location.pathname,
       },
-      options: getBuilderSearchParams(new URL(location.href).searchParams),
     })
       .then((content) => {
         if (content) {

diff --git a/packages/sdks/snippets/react/src/routes/IntegratingPages.tsx b/packages/sdks/snippets/react/src/routes/IntegratingPages.tsx
@@ -5,7 +5,6 @@
 import {
   Content,
   fetchOneEntry,
-  getBuilderSearchParams,
   isPreviewing,
   type BuilderContent,
 } from '@builder.io/sdk-react';
@@ -29,7 +28,6 @@ export default function App() {
       userAttributes: {
         urlPath: window.location.pathname,
       },
-      options: getBuilderSearchParams(new URL(location.href).searchParams),
     })
       .then((content) => {
         if (content) {

diff --git a/packages/sdks/snippets/react/src/routes/custom-components/advanced-child.tsx b/packages/sdks/snippets/react/src/routes/custom-components/advanced-child.tsx
@@ -6,7 +6,6 @@
 import {
   Content,
   fetchOneEntry,
-  getBuilderSearchParams,
   isPreviewing,
   type BuilderContent,
 } from '@builder.io/sdk-react';
@@ -28,7 +27,6 @@ export default function AdvancedChildRoute() {
       userAttributes: {
         urlPath: window.location.pathname,
       },
-      options: getBuilderSearchParams(new URL(location.href).searchParams),
     })
       .then((content) => {
         if (content) {

diff --git a/packages/sdks/snippets/react/src/routes/custom-components/custom-child.tsx b/packages/sdks/snippets/react/src/routes/custom-components/custom-child.tsx
@@ -6,7 +6,6 @@
 import {
   Content,
   fetchOneEntry,
-  getBuilderSearchParams,
   isPreviewing,
   type BuilderContent,
 } from '@builder.io/sdk-react';
@@ -28,7 +27,6 @@ export default function CustomChildRoute() {
       userAttributes: {
         urlPath: window.location.pathname,
       },
-      options: getBuilderSearchParams(new URL(location.href).searchParams),
     })
       .then((content) => {
         if (content) {

diff --git a/packages/sdks/snippets/react/src/routes/custom-components/editable-region.tsx b/packages/sdks/snippets/react/src/routes/custom-components/editable-region.tsx
@@ -6,7 +6,6 @@
 import {
   Content,
   fetchOneEntry,
-  getBuilderSearchParams,
   isPreviewing,
   type BuilderContent,
 } from '@builder.io/sdk-react';
@@ -28,7 +27,6 @@ export default function EditableRegionRoute() {
       userAttributes: {
         urlPath: window.location.pathname,
       },
-      options: getBuilderSearchParams(new URL(location.href).searchParams),
     })
       .then((content) => {
         if (content) {
-Original file line number
+Diff line change
@@ Expand Up / @@ -22,7 +22,7 @@ const { data: content } = await useAsyncData( @@
         fetchOneEntry({
           model,
           apiKey,
-          options: getBuilderSearchParams(route.query),
           userAttributes: { urlPath: route.path },
         })
     );
@@ Expand Down @@