@builder.io/sdk-qwik 0.0.38 → 0.0.39-0

package/README.md

@@ -9,6 +9,10 @@ Installing the Qwik SDK is done in two steps:
 1. Set up Qwik-city project.
 2. Install the Qwik SDK into your Qwik-city project.
 
+### Fetch
+
+This Package uses fetch. See [these docs](https://github.com/BuilderIO/this-package-uses-fetch/blob/main/README.md) for more information.
+
 ### Set up Qwik-city project
 
 1. Follow the instructions on [Qwik-city](https://qwik.builder.io/qwikcity/overview)

package/lib/index.qwik.cjs

@@ -2168,73 +2168,24 @@ const componentInfo = {
         }
     ];
 
-/**
- * Convert deep object to a flat object with dots
- *
- * { foo: { bar: 'baz' }} -> { 'foo.bar': 'baz' }
- */ function flatten(object, path = null, separator = '.') {
-    return Object.keys(object).reduce((acc, key)=>{
-        const value = object[key];
-        const newPath = [
-            path,
-            key
-        ].filter(Boolean).join(separator);
-        const isObject = [
-            typeof value === 'object',
-            value !== null,
-            !(Array.isArray(value) && value.length === 0)
-        ].every(Boolean);
-        return isObject ? {
-            ...acc,
-            ...flatten(value, newPath, separator)
-        } : {
-            ...acc,
-            [newPath]: value
-        };
-    }, {});
-}
-
-const BUILDER_SEARCHPARAMS_PREFIX = 'builder.';
-const BUILDER_OPTIONS_PREFIX = 'options.';
-const convertSearchParamsToQueryObject = (searchParams)=>{
-    const options = {};
-    searchParams.forEach((value, key)=>{
-        options[key] = value;
-    });
-    return options;
-};
-const getBuilderSearchParams = (_options)=>{
-    if (!_options) return {};
-    const options = normalizeSearchParams(_options);
-    const newOptions = {};
-    Object.keys(options).forEach((key)=>{
-        if (key.startsWith(BUILDER_SEARCHPARAMS_PREFIX)) {
-            const trimmedKey = key.replace(BUILDER_SEARCHPARAMS_PREFIX, '').replace(BUILDER_OPTIONS_PREFIX, '');
-            newOptions[trimmedKey] = options[key];
-        }
-    });
-    return newOptions;
-};
-const getBuilderSearchParamsFromWindow = ()=>{
-    if (!isBrowser()) return {};
-    const searchParams = new URLSearchParams(window.location.search);
-    return getBuilderSearchParams(searchParams);
-};
-const normalizeSearchParams = (searchParams)=>searchParams instanceof URLSearchParams ? convertSearchParamsToQueryObject(searchParams) : searchParams;
-
 function getGlobalThis() {
     if (typeof globalThis !== 'undefined') return globalThis;
     if (typeof window !== 'undefined') return window;
     if (typeof global !== 'undefined') return global;
     if (typeof self !== 'undefined') return self;
-    return null;
+    return globalThis;
 }
 
-async function getFetch() {
+function getFetch() {
     const globalFetch = getGlobalThis().fetch;
-    if (typeof globalFetch === 'undefined' && typeof global !== 'undefined') throw new Error('`fetch()` not found, ensure you have it as part of your polyfills.');
-    return globalFetch.default || globalFetch;
+    if (typeof globalFetch === 'undefined') {
+        console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project. 
+      For more information, read https://github.com/BuilderIO/this-package-uses-fetch`);
+        throw new Error('Builder SDK could not find a global `fetch` function');
+    }
+    return globalFetch;
 }
+const fetch$1 = getFetch();
 
 /**
  * Only gets one level up from hostname
@@ -2401,12 +2352,60 @@ const handleABTesting = async ({ item , canTrack  })=>{
     Object.assign(item, variationValue);
 };
 
-async function getContent(options) {
-    return (await getAllContent({
-        ...options,
-        limit: 1
-    })).results[0] || null;
+/**
+ * Convert deep object to a flat object with dots
+ *
+ * { foo: { bar: 'baz' }} -> { 'foo.bar': 'baz' }
+ */ function flatten(object, path = null, separator = '.') {
+    return Object.keys(object).reduce((acc, key)=>{
+        const value = object[key];
+        const newPath = [
+            path,
+            key
+        ].filter(Boolean).join(separator);
+        const isObject = [
+            typeof value === 'object',
+            value !== null,
+            !(Array.isArray(value) && value.length === 0)
+        ].every(Boolean);
+        return isObject ? {
+            ...acc,
+            ...flatten(value, newPath, separator)
+        } : {
+            ...acc,
+            [newPath]: value
+        };
+    }, {});
 }
+
+const BUILDER_SEARCHPARAMS_PREFIX = 'builder.';
+const BUILDER_OPTIONS_PREFIX = 'options.';
+const convertSearchParamsToQueryObject = (searchParams)=>{
+    const options = {};
+    searchParams.forEach((value, key)=>{
+        options[key] = value;
+    });
+    return options;
+};
+const getBuilderSearchParams = (_options)=>{
+    if (!_options) return {};
+    const options = normalizeSearchParams(_options);
+    const newOptions = {};
+    Object.keys(options).forEach((key)=>{
+        if (key.startsWith(BUILDER_SEARCHPARAMS_PREFIX)) {
+            const trimmedKey = key.replace(BUILDER_SEARCHPARAMS_PREFIX, '').replace(BUILDER_OPTIONS_PREFIX, '');
+            newOptions[trimmedKey] = options[key];
+        }
+    });
+    return newOptions;
+};
+const getBuilderSearchParamsFromWindow = ()=>{
+    if (!isBrowser()) return {};
+    const searchParams = new URLSearchParams(window.location.search);
+    return getBuilderSearchParams(searchParams);
+};
+const normalizeSearchParams = (searchParams)=>searchParams instanceof URLSearchParams ? convertSearchParamsToQueryObject(searchParams) : searchParams;
+
 const generateContentUrl = (options)=>{
     const { limit =30 , userAttributes , query , noTraverse =false , model , apiKey , includeRefs =true , locale ,  } = options;
     if (!apiKey) throw new Error('Missing API key');
@@ -2426,10 +2425,17 @@ const generateContentUrl = (options)=>{
     }
     return url;
 };
+
+async function getContent(options) {
+    return (await getAllContent({
+        ...options,
+        limit: 1
+    })).results[0] || null;
+}
 async function getAllContent(options) {
     const url = generateContentUrl(options);
-    const fetch = await getFetch();
-    const content = await fetch(url.href).then((res)=>res.json());
+    const res = await fetch$1(url.href);
+    const content = await res.json();
     const canTrack = options.canTrack !== false;
     if (canTrack && // This makes sure we have a non-error response with the results array.
     Array.isArray(content.results)) for (const item of content.results)await handleABTesting({
@@ -2767,7 +2773,7 @@ const evalExpression = function evalExpression(props, state, elementRef, express
         }));
 };
 const handleRequest = function handleRequest(props, state, elementRef, { url , key  }) {
-    getFetch().then((fetch)=>fetch(url)).then((response)=>response.json()).then((json)=>{
+    fetch$1(url).then((response)=>response.json()).then((json)=>{
         const newOverrideState = {
             ...state.overrideState,
             [key]: json
@@ -3052,7 +3058,6 @@ exports.Video = Video$1;
 exports.components = components;
 exports.convertSearchParamsToQueryObject = convertSearchParamsToQueryObject;
 exports.createRegisterComponentMessage = createRegisterComponentMessage;
-exports.generateContentUrl = generateContentUrl;
 exports.getAllContent = getAllContent;
 exports.getBuilderSearchParams = getBuilderSearchParams;
 exports.getBuilderSearchParamsFromWindow = getBuilderSearchParamsFromWindow;

package/lib/index.qwik.mjs

@@ -2164,73 +2164,24 @@ const componentInfo = {
         }
     ];
 
-/**
- * Convert deep object to a flat object with dots
- *
- * { foo: { bar: 'baz' }} -> { 'foo.bar': 'baz' }
- */ function flatten(object, path = null, separator = '.') {
-    return Object.keys(object).reduce((acc, key)=>{
-        const value = object[key];
-        const newPath = [
-            path,
-            key
-        ].filter(Boolean).join(separator);
-        const isObject = [
-            typeof value === 'object',
-            value !== null,
-            !(Array.isArray(value) && value.length === 0)
-        ].every(Boolean);
-        return isObject ? {
-            ...acc,
-            ...flatten(value, newPath, separator)
-        } : {
-            ...acc,
-            [newPath]: value
-        };
-    }, {});
-}
-
-const BUILDER_SEARCHPARAMS_PREFIX = 'builder.';
-const BUILDER_OPTIONS_PREFIX = 'options.';
-const convertSearchParamsToQueryObject = (searchParams)=>{
-    const options = {};
-    searchParams.forEach((value, key)=>{
-        options[key] = value;
-    });
-    return options;
-};
-const getBuilderSearchParams = (_options)=>{
-    if (!_options) return {};
-    const options = normalizeSearchParams(_options);
-    const newOptions = {};
-    Object.keys(options).forEach((key)=>{
-        if (key.startsWith(BUILDER_SEARCHPARAMS_PREFIX)) {
-            const trimmedKey = key.replace(BUILDER_SEARCHPARAMS_PREFIX, '').replace(BUILDER_OPTIONS_PREFIX, '');
-            newOptions[trimmedKey] = options[key];
-        }
-    });
-    return newOptions;
-};
-const getBuilderSearchParamsFromWindow = ()=>{
-    if (!isBrowser()) return {};
-    const searchParams = new URLSearchParams(window.location.search);
-    return getBuilderSearchParams(searchParams);
-};
-const normalizeSearchParams = (searchParams)=>searchParams instanceof URLSearchParams ? convertSearchParamsToQueryObject(searchParams) : searchParams;
-
 function getGlobalThis() {
     if (typeof globalThis !== 'undefined') return globalThis;
     if (typeof window !== 'undefined') return window;
     if (typeof global !== 'undefined') return global;
     if (typeof self !== 'undefined') return self;
-    return null;
+    return globalThis;
 }
 
-async function getFetch() {
+function getFetch() {
     const globalFetch = getGlobalThis().fetch;
-    if (typeof globalFetch === 'undefined' && typeof global !== 'undefined') throw new Error('`fetch()` not found, ensure you have it as part of your polyfills.');
-    return globalFetch.default || globalFetch;
+    if (typeof globalFetch === 'undefined') {
+        console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project. 
+      For more information, read https://github.com/BuilderIO/this-package-uses-fetch`);
+        throw new Error('Builder SDK could not find a global `fetch` function');
+    }
+    return globalFetch;
 }
+const fetch$1 = getFetch();
 
 /**
  * Only gets one level up from hostname
@@ -2397,12 +2348,60 @@ const handleABTesting = async ({ item , canTrack  })=>{
     Object.assign(item, variationValue);
 };
 
-async function getContent(options) {
-    return (await getAllContent({
-        ...options,
-        limit: 1
-    })).results[0] || null;
+/**
+ * Convert deep object to a flat object with dots
+ *
+ * { foo: { bar: 'baz' }} -> { 'foo.bar': 'baz' }
+ */ function flatten(object, path = null, separator = '.') {
+    return Object.keys(object).reduce((acc, key)=>{
+        const value = object[key];
+        const newPath = [
+            path,
+            key
+        ].filter(Boolean).join(separator);
+        const isObject = [
+            typeof value === 'object',
+            value !== null,
+            !(Array.isArray(value) && value.length === 0)
+        ].every(Boolean);
+        return isObject ? {
+            ...acc,
+            ...flatten(value, newPath, separator)
+        } : {
+            ...acc,
+            [newPath]: value
+        };
+    }, {});
 }
+
+const BUILDER_SEARCHPARAMS_PREFIX = 'builder.';
+const BUILDER_OPTIONS_PREFIX = 'options.';
+const convertSearchParamsToQueryObject = (searchParams)=>{
+    const options = {};
+    searchParams.forEach((value, key)=>{
+        options[key] = value;
+    });
+    return options;
+};
+const getBuilderSearchParams = (_options)=>{
+    if (!_options) return {};
+    const options = normalizeSearchParams(_options);
+    const newOptions = {};
+    Object.keys(options).forEach((key)=>{
+        if (key.startsWith(BUILDER_SEARCHPARAMS_PREFIX)) {
+            const trimmedKey = key.replace(BUILDER_SEARCHPARAMS_PREFIX, '').replace(BUILDER_OPTIONS_PREFIX, '');
+            newOptions[trimmedKey] = options[key];
+        }
+    });
+    return newOptions;
+};
+const getBuilderSearchParamsFromWindow = ()=>{
+    if (!isBrowser()) return {};
+    const searchParams = new URLSearchParams(window.location.search);
+    return getBuilderSearchParams(searchParams);
+};
+const normalizeSearchParams = (searchParams)=>searchParams instanceof URLSearchParams ? convertSearchParamsToQueryObject(searchParams) : searchParams;
+
 const generateContentUrl = (options)=>{
     const { limit =30 , userAttributes , query , noTraverse =false , model , apiKey , includeRefs =true , locale ,  } = options;
     if (!apiKey) throw new Error('Missing API key');
@@ -2422,10 +2421,17 @@ const generateContentUrl = (options)=>{
     }
     return url;
 };
+
+async function getContent(options) {
+    return (await getAllContent({
+        ...options,
+        limit: 1
+    })).results[0] || null;
+}
 async function getAllContent(options) {
     const url = generateContentUrl(options);
-    const fetch = await getFetch();
-    const content = await fetch(url.href).then((res)=>res.json());
+    const res = await fetch$1(url.href);
+    const content = await res.json();
     const canTrack = options.canTrack !== false;
     if (canTrack && // This makes sure we have a non-error response with the results array.
     Array.isArray(content.results)) for (const item of content.results)await handleABTesting({
@@ -2763,7 +2769,7 @@ const evalExpression = function evalExpression(props, state, elementRef, express
         }));
 };
 const handleRequest = function handleRequest(props, state, elementRef, { url , key  }) {
-    getFetch().then((fetch)=>fetch(url)).then((response)=>response.json()).then((json)=>{
+    fetch$1(url).then((response)=>response.json()).then((json)=>{
         const newOverrideState = {
             ...state.overrideState,
             [key]: json
@@ -3035,4 +3041,4 @@ function setEditorSettings(newSettings) {
     }
 }
 
-export { Button$1 as Button, Columns$1 as Columns, Fragment, Image$1 as Image, RenderBlocks$1 as RenderBlocks, RenderContent$1 as RenderContent, Section, Symbol$2 as Symbol, Text$1 as Text, Video$1 as Video, components, convertSearchParamsToQueryObject, createRegisterComponentMessage, generateContentUrl, getAllContent, getBuilderSearchParams, getBuilderSearchParamsFromWindow, getContent, isEditing, isPreviewing, normalizeSearchParams, register, registerComponent, setEditorSettings, track };
+export { Button$1 as Button, Columns$1 as Columns, Fragment, Image$1 as Image, RenderBlocks$1 as RenderBlocks, RenderContent$1 as RenderContent, Section, Symbol$2 as Symbol, Text$1 as Text, Video$1 as Video, components, convertSearchParamsToQueryObject, createRegisterComponentMessage, getAllContent, getBuilderSearchParams, getBuilderSearchParamsFromWindow, getContent, isEditing, isPreviewing, normalizeSearchParams, register, registerComponent, setEditorSettings, track };

package/package.json

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

package/types/functions/get-content/generate-content-url.d.ts

@@ -0,0 +1,2 @@
+import type { GetContentOptions } from './types.js';
+export declare const generateContentUrl: (options: GetContentOptions) => URL;

package/types/functions/get-content/generate-content-url.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,7 +1,6 @@
 import type { BuilderContent } from '../../types/builder-content.js';
-export declare type GetContentOptions = import('./types.js').GetContentOptions;
+import type { GetContentOptions } from './types.js';
 export declare function getContent(options: GetContentOptions): Promise<BuilderContent | null>;
-export declare const generateContentUrl: (options: GetContentOptions) => URL;
 /**
  * TO-DO: Handle error responses.
  */

package/types/functions/get-fetch.d.ts

@@ -1 +1 @@
-export declare function getFetch(): Promise<typeof global.fetch>;
+export declare const fetch: typeof globalThis.fetch;

package/types/functions/get-global-this.d.ts

@@ -1 +1,3 @@
-export declare function getGlobalThis(): any;
+/// <reference types="@types/node" />
+/// <reference types="node" />
+export declare function getGlobalThis(): typeof global;