@builder.io/sdk-svelte 0.13.1 → 0.13.3

package/src/components/dynamic-renderer/dynamic-renderer.svelte

@@ -1,23 +1,19 @@
+<script context="module" lang="ts">
+  export interface DynamicRendererProps {
+    children?: any;
+    TagName: any;
+    attributes: any;
+    actionAttributes: any;
+  }
+</script>
+
 <script lang="ts">
   import { isEmptyElement } from "./dynamic-renderer.helpers.js";
   import { setAttrs } from "../../blocks/helpers.js";
-  import type { PropsWithChildren } from "../../types/typescript.js";
 
-  export let attributes: PropsWithChildren<{
-    TagName: any;
-    attributes: any;
-    actionAttributes: any;
-  }>["attributes"];
-  export let TagName: PropsWithChildren<{
-    TagName: any;
-    attributes: any;
-    actionAttributes: any;
-  }>["TagName"];
-  export let actionAttributes: PropsWithChildren<{
-    TagName: any;
-    attributes: any;
-    actionAttributes: any;
-  }>["actionAttributes"];
+  export let attributes: DynamicRendererProps["attributes"];
+  export let TagName: DynamicRendererProps["TagName"];
+  export let actionAttributes: DynamicRendererProps["actionAttributes"];
 </script>
 
 {#if !isEmptyElement(TagName)}

package/src/constants/builder-registered-components.ts

@@ -2,16 +2,10 @@ import { default as Button } from '../blocks/button/button.svelte';
 import { componentInfo as buttonComponentInfo } from '../blocks/button/component-info.js';
 import { default as Columns } from '../blocks/columns/columns.svelte';
 import { componentInfo as columnsComponentInfo } from '../blocks/columns/component-info.js';
-import { componentInfo as customCodeInfo } from '../blocks/custom-code/component-info.js';
-import { default as customCode } from '../blocks/custom-code/custom-code.svelte';
-import { componentInfo as embedComponentInfo } from '../blocks/embed/component-info.js';
-import { default as embed } from '../blocks/embed/embed.svelte';
 import { componentInfo as fragmentComponentInfo } from '../blocks/fragment/component-info.js';
 import { default as Fragment } from '../blocks/fragment/fragment.svelte';
 import { componentInfo as imageComponentInfo } from '../blocks/image/component-info.js';
 import { default as Image } from '../blocks/image/image.svelte';
-import { componentInfo as imgComponentInfo } from '../blocks/img/component-info.js';
-import { default as Img } from '../blocks/img/img.svelte';
 import { componentInfo as sectionComponentInfo } from '../blocks/section/component-info.js';
 import { default as Section } from '../blocks/section/section.svelte';
 import { componentInfo as slotComponentInfo } from '../blocks/slot/component-info.js';
@@ -20,9 +14,8 @@ import { componentInfo as symbolComponentInfo } from '../blocks/symbol/component
 import { default as Symbol } from '../blocks/symbol/symbol.svelte';
 import { componentInfo as textComponentInfo } from '../blocks/text/component-info.js';
 import { default as Text } from '../blocks/text/text.svelte';
-import { componentInfo as videoComponentInfo } from '../blocks/video/component-info.js';
-import { default as Video } from '../blocks/video/video.svelte';
 import type { RegisteredComponent } from '../context/types.js';
+import { getExtraComponents } from './extra-components.js';
 
 /**
  * Returns a list of all registered components.
@@ -34,34 +27,22 @@ export const getDefaultRegisteredComponents: () => RegisteredComponent[] = () =>
 }, {
   component: Columns,
   ...columnsComponentInfo
-}, {
-  component: customCode,
-  ...customCodeInfo
-}, {
-  component: embed,
-  ...embedComponentInfo
 }, {
   component: Fragment,
   ...fragmentComponentInfo
 }, {
   component: Image,
   ...imageComponentInfo
-}, {
-  component: Img,
-  ...imgComponentInfo
 }, {
   component: Section,
   ...sectionComponentInfo
+}, {
+  component: Slot,
+  ...slotComponentInfo
 }, {
   component: Symbol,
   ...symbolComponentInfo
 }, {
   component: Text,
   ...textComponentInfo
-}, {
-  component: Video,
-  ...videoComponentInfo
-}, {
-  component: Slot,
-  ...slotComponentInfo
-}]
+}, ...getExtraComponents()]

package/src/constants/extra-components.ts

@@ -0,0 +1,49 @@
+/**
+ * These are in a separate file because React Native does not support them (yet).
+ * Having them in a separate file allows us to override it to be empty in the
+ * React Native SDK.
+ */
+
+import { componentInfo as customCodeInfo } from '../blocks/custom-code/component-info.js';
+import { default as customCode } from '../blocks/custom-code/custom-code.svelte';
+import { componentInfo as embedComponentInfo } from '../blocks/embed/component-info.js';
+import { default as embed } from '../blocks/embed/embed.svelte';
+import { componentInfo as formComponentInfo } from '../blocks/form/form/component-info.js';
+import { default as Form } from '../blocks/form/form/form.svelte';
+import { componentInfo as formInputComponentInfo } from '../blocks/form/input/component-info.js';
+import { default as FormInput } from '../blocks/form/input/input.svelte';
+import { componentInfo as formSelectComponentInfo } from '../blocks/form/select/component-info.js';
+import { default as FormSelect } from '../blocks/form/select/select.svelte';
+import { componentInfo as formSubmitButtonComponentInfo } from '../blocks/form/submit-button/component-info.js';
+import { default as FormSubmitButton } from '../blocks/form/submit-button/submit-button.svelte';
+import { componentInfo as imgComponentInfo } from '../blocks/img/component-info.js';
+import { default as Img } from '../blocks/img/img.svelte';
+import { componentInfo as videoComponentInfo } from '../blocks/video/component-info.js';
+import { default as Video } from '../blocks/video/video.svelte';
+import type { RegisteredComponent } from '../context/types.js';
+import { TARGET } from './target.js';
+export const getExtraComponents: () => RegisteredComponent[] = () => [{
+  component: customCode,
+  ...customCodeInfo
+}, {
+  component: embed,
+  ...embedComponentInfo
+}, ...(TARGET === 'rsc' ? [] : [{
+  component: Form,
+  ...formComponentInfo
+}, {
+  component: FormInput,
+  ...formInputComponentInfo
+}, {
+  component: FormSubmitButton,
+  ...formSubmitButtonComponentInfo
+}, {
+  component: FormSelect,
+  ...formSelectComponentInfo
+}]), {
+  component: Img,
+  ...imgComponentInfo
+}, {
+  component: Video,
+  ...videoComponentInfo
+}]

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "0.13.1"
+export const SDK_VERSION = "0.13.3"

package/src/functions/get-env.ts

@@ -0,0 +1,5 @@
+export const validEnvList = ['production', 'qa', 'test', 'development', 'dev', 'cdn-qa', 'cloud', 'fast', 'cdn2', 'cdn-prod'];
+export const getEnv = (): string => {
+  const env = process.env.NODE_ENV || 'production';
+  return validEnvList.includes(env) ? env : 'production';
+}

package/src/functions/get.ts

@@ -0,0 +1,4 @@
+export const get = (obj: any, path: string, defaultValue?: any) => {
+  const result = String.prototype.split.call(path, /[,[\].]+?/).filter(Boolean).reduce((res, key) => res !== null && res !== undefined ? res[key] : res, obj);
+  return result === undefined || result === obj ? defaultValue : result;
+}

package/src/types/builder-props.ts

@@ -1,7 +1,7 @@
 import type { Writable } from "svelte/store";
 import type { BuilderContextInterface, RegisteredComponents } from '../context/types.js';
 import type { BuilderBlock } from './builder-block.js';
-export type PropsWithBuilderData<T> = T & {
+export type BuilderDataProps = {
   builderBlock: BuilderBlock;
   builderContext: Writable<BuilderContextInterface>;
 };

package/src/types/input.ts

@@ -119,4 +119,5 @@ export interface Input {
     type?: string;
   };
   onChange?: ((options: Map<string, any>) => void | Promise<void>) | string;
+  meta?: Record<string, any>;
 }

package/src/types/typescript.ts

@@ -6,7 +6,4 @@ export type Overwrite<T, U> = keyof U extends keyof T ? Pick<T, Exclude<keyof T,
 export type Prettify<T> = {
 
   // eslint-disable-next-line @typescript-eslint/ban-types
-[K in keyof T]: T[K] } & {};
-export type PropsWithChildren<P> = P & {
-  children?: any;
-}
+[K in keyof T]: T[K] } & {}

package/lib/browser/blocks/form/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components.js';
-export declare const componentInfo: ComponentInfo;

package/lib/browser/blocks/form/form.svelte

@@ -1,2 +0,0 @@
-<script>"use strict";
-</script>

package/lib/browser/blocks/form/form.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type FormProps = typeof __propDef.props;
-export type FormEvents = typeof __propDef.events;
-export type FormSlots = typeof __propDef.slots;
-export default class Form extends SvelteComponent<FormProps, FormEvents, FormSlots> {
-}
-export {};

package/lib/browser/blocks/input/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components.js';
-export declare const componentInfo: ComponentInfo;

package/lib/browser/blocks/select/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components.js';
-export declare const componentInfo: ComponentInfo;

package/lib/browser/blocks/submit-button/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components.js';
-export declare const componentInfo: ComponentInfo;

package/lib/browser/components/dynamic-renderer/dynamic-renderer.svelte.d.ts

@@ -1,21 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { PropsWithChildren } from "../../types/typescript.js";
-declare const __propDef: {
-    props: {
-        attributes: any;
-        TagName: any;
-        actionAttributes: any;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type DynamicRendererProps = typeof __propDef.props;
-export type DynamicRendererEvents = typeof __propDef.events;
-export type DynamicRendererSlots = typeof __propDef.slots;
-export default class DynamicRenderer extends SvelteComponent<DynamicRendererProps, DynamicRendererEvents, DynamicRendererSlots> {
-}
-export {};

package/lib/edge/blocks/form/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components.js';
-export declare const componentInfo: ComponentInfo;

package/lib/edge/blocks/form/form.svelte

@@ -1,2 +0,0 @@
-<script>"use strict";
-</script>

package/lib/edge/blocks/form/form.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type FormProps = typeof __propDef.props;
-export type FormEvents = typeof __propDef.events;
-export type FormSlots = typeof __propDef.slots;
-export default class Form extends SvelteComponent<FormProps, FormEvents, FormSlots> {
-}
-export {};

package/lib/edge/blocks/input/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components.js';
-export declare const componentInfo: ComponentInfo;

package/lib/edge/blocks/select/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components.js';
-export declare const componentInfo: ComponentInfo;

package/lib/edge/blocks/submit-button/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components.js';
-export declare const componentInfo: ComponentInfo;

package/lib/edge/components/dynamic-renderer/dynamic-renderer.svelte.d.ts

@@ -1,21 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { PropsWithChildren } from "../../types/typescript.js";
-declare const __propDef: {
-    props: {
-        attributes: any;
-        TagName: any;
-        actionAttributes: any;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type DynamicRendererProps = typeof __propDef.props;
-export type DynamicRendererEvents = typeof __propDef.events;
-export type DynamicRendererSlots = typeof __propDef.slots;
-export default class DynamicRenderer extends SvelteComponent<DynamicRendererProps, DynamicRendererEvents, DynamicRendererSlots> {
-}
-export {};

package/lib/node/blocks/form/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components.js';
-export declare const componentInfo: ComponentInfo;

package/lib/node/blocks/form/form.svelte

@@ -1,2 +0,0 @@
-<script>"use strict";
-</script>

package/lib/node/blocks/form/form.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type FormProps = typeof __propDef.props;
-export type FormEvents = typeof __propDef.events;
-export type FormSlots = typeof __propDef.slots;
-export default class Form extends SvelteComponent<FormProps, FormEvents, FormSlots> {
-}
-export {};

package/lib/node/blocks/input/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components.js';
-export declare const componentInfo: ComponentInfo;

package/lib/node/blocks/select/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components.js';
-export declare const componentInfo: ComponentInfo;

package/lib/node/blocks/submit-button/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components.js';
-export declare const componentInfo: ComponentInfo;

package/lib/node/components/dynamic-renderer/dynamic-renderer.svelte.d.ts

@@ -1,21 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { PropsWithChildren } from "../../types/typescript.js";
-declare const __propDef: {
-    props: {
-        attributes: any;
-        TagName: any;
-        actionAttributes: any;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type DynamicRendererProps = typeof __propDef.props;
-export type DynamicRendererEvents = typeof __propDef.events;
-export type DynamicRendererSlots = typeof __propDef.slots;
-export default class DynamicRenderer extends SvelteComponent<DynamicRendererProps, DynamicRendererEvents, DynamicRendererSlots> {
-}
-export {};

package/src/blocks/form/form.svelte

@@ -1,2 +0,0 @@
-<script lang="ts">
-</script>