@sitecore-feaas/clientside 0.3.16 → 0.4.0-alpha.0

package/src/components/FEAASElement.tsx

@@ -167,6 +167,11 @@ export class FEAASElement<Props = any, Payload = any> extends WebComponent {
     if (!this.connected) return
     this.log('FEAAS: Unmount', this)
     this.dispatchEventIndirectly(new Event('feaasUnmount', { bubbles: true, composed: true }))
+    // If a component is react component, we need to re-render tree so that React can unmount it from VDOM
+    // so observers can be removed
+    if (this.connected && this.initialized && this.render) {
+      this.update()
+    }
     this.cancelRender()
     this.connected = false
     // If a component is react component, we need to re-render tree so that React can unmount

package/src/dom/rendering.ts

@@ -124,7 +124,9 @@ export function setDOMAttribute(element: HTMLElement, attribute: string, value:
   const usePlaceholder = prop == 'innerHTML' || prop == 'src'
   if (usePlaceholder && (value == null || value === '')) {
     var placeholder = String(
-      (element.getAttribute('data-path-placeholder') || target[prop as keyof HTMLElement]) ?? target.getAttribute(prop)
+      (element.getAttribute('data-path-placeholder') || target[prop as keyof HTMLElement]) ??
+        target.getAttribute(prop) ??
+        ''
     )
     if (prop == 'innerHTML') {
       target.innerHTML = placeholder

package/src/dom/thumbnail.ts

@@ -1,4 +1,4 @@
-import type { SDK, Style, VersionModel, ComponentModel } from '@sitecore-feaas/sdk'
+import type { SDK, Style, VersionModel, ComponentModel, StylesheetModel } from '@sitecore-feaas/sdk'
 import { fetchAndRevalidate } from '../fetch.js'
 import { renderComponent } from './component.js'
 
@@ -147,13 +147,16 @@ export async function load(
  * @param {VersionModel}   [version]  - Version instance.
  * @returns {Promise<HTMLImageElement | null>} Thumbnail image or null if generation isn't possible.
  */
-export async function generate(component: ComponentModel, version?: VersionModel) {
+export async function generate(component: ComponentModel, version?: VersionModel, customStylesheet?: StylesheetModel) {
   const sourceVersion = version || (component.isNew ? null : await getVersionForThumbnail(component))
+
   if (!sourceVersion || sourceVersion.isViewEmpty()) {
     return null
   }
-  const { stylesheet } = component.library
+  const stylesheet = customStylesheet || component.library.stylesheets.first
+
   const { datasources } = component.sdk
+
   const img = await render(
     sourceVersion.classList,
     stylesheet.getBreakpointForWidth(800, sourceVersion.getBreakpoints()),

package/src/ui/FEAASExternal.tsx

@@ -1,142 +1,39 @@
+import * as BYOC from '@sitecore/byoc'
 import React from 'react'
 import ReactDOM from 'react-dom'
-import { FEAASElement, WebComponent } from '../components/FEAASElement.js'
+import { FEAASElement } from '../components/FEAASElement.js'
 import { ReactJSX, ReactModules } from '../components/FEAASReactElement.js'
-import { kebabCase, reverseKebabCase } from '../utils/string.js'
 import { Component, FEAASComponentProps } from './react.js'
-import type {
-  ExternalComponent,
-  ExternalComponentOptions,
-  JSONSchema,
-  ObjectSchema,
-  UISchema
-} from '@sitecore-feaas/sdk'
 
-/** Checks if title exists in a property and if not, it generates it from (kebab-cased) property key */
-const addTitles = (properties: { [key: string]: any }) =>
-  Object.keys(properties).reduce((acc: { [key: string]: any }, key) => {
-    if (properties[key].title) {
-      acc[key] = properties[key]
-    } else {
-      const title = key
-        .split('-')
-        .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
-        .join(' ')
-      acc[key] = { ...properties[key], title }
-    }
-    return acc
-  }, {})
-
-/** Converts the keys of an object to kebab case. */
-export const objectKeysToKebabCase = (object: { [key: string]: any } = {}) =>
-  Object.keys(object).reduce((acc: { [key: string]: any }, key) => {
-    acc[kebabCase(key)] = object[key]
-    return acc
-  }, {})
-
-const transformSchema = (schema: JSONSchema) => {
-  if (!schema) return
-  if (!schema.properties) return schema
-  let properties, required
-
-  /* kebab-case properties */
-  properties = objectKeysToKebabCase(schema.properties)
-  required = (schema.required || []).map((item: string) => kebabCase(item))
-
-  /* generate titles if not exist */
-  properties = addTitles(properties)
-
-  /* remove title from schema - it will be passed separately to use custom styling in the form */
-  const title: string = undefined
-  return { ...schema, properties, required, title }
-}
-
-const transformUiSchema = (uiSchema: UISchema, properties: { [key: string]: any }) => {
-  if (!uiSchema || !properties) return
-  let transformed: UISchema
-
-  /* kebab-case keys */
-  transformed = objectKeysToKebabCase(uiSchema)
-
-  /* use updown input widget as default for numbers */
-  const numberProperties = Object.keys(properties).filter((key) => /(integer|number)/.test(properties[key].type))
-  numberProperties.forEach((propertyName) => {
-    if (!transformed[propertyName]) transformed[propertyName] = { 'ui:widget': 'updown' }
-    else if (!transformed[propertyName]['ui:widget']) transformed[propertyName]['ui:widget'] = 'updown'
-  })
-
-  return transformed
-}
-
-/** Parses a property value based on its property name and type defined in the JSON properties object. */
-export const parseProps = (propName: string, value: string, properties: JSONSchema['properties']) => {
-  switch (properties?.[propName]?.type) {
-    case 'string':
-      return value
-    case 'object':
-      try {
-        return typeof value == 'object' && value != null ? value : JSON.parse(value)
-      } catch (e) {
-        return null
-      }
-    case 'array':
-      try {
-        return Array.isArray(value) ? value : JSON.parse(value)
-      } catch (e) {
-        return null
-      }
-    case 'number':
-      return parseFloat(value)
-    case 'integer':
-      return parseInt(value)
-    case 'boolean':
-      return value == 'true' || value == '1'
-    default:
-      return value
-  }
-}
+export const FEAASExternalPropsObject = BYOC.getComponentProperties
 
 export function FEAASExternalProps(element: FEAASElement): any {
-  const props = Array.from(element.attributes).reduce((prev, { name, value }) => {
-    return Object.assign(prev, { [name]: value })
-  }, {} as any)
-  return FEAASExternalPropsObject(props['data-external-id'], props)
+  const props = BYOC.objectKeysToCamelCase(
+    Array.from(element.attributes).reduce((prev, { name, value }) => {
+      return Object.assign(prev, { [name]: value })
+    }, {} as any)
+  )
+  return FEAASExternalPropsObject(props.dataExternalId, props)
 }
 
-export function FEAASExternalPropsObject(id: string, props: Record<string, string>): any {
-  const schema: JSONSchema = FEAASExternal.registered[id]?.schema
-  return Object.keys(props).reduce((prev, name) => {
-    const value = props[name]
-    if (!name.startsWith('data-attribute') && !['class', 'id', 'contenteditable'].includes(name)) {
-      return { ...prev, [reverseKebabCase(name)]: parseProps(reverseKebabCase(name), value, schema?.properties) }
-    } else {
-      return prev
-    }
-  }, {})
-}
-
-export type RegisteredComponents = {
-  [id: string]: ExternalComponent
-}
 export type FEAASExternalProps = ReturnType<typeof FEAASExternalProps> & { dataExternalId: string }
 
 export default class FEAASExternal extends FEAASElement<FEAASExternalProps, ReactModules> {
-  static registered: RegisteredComponents = {}
-  static registrationCallback: NodeJS.Timeout
   load() {
     return Promise.resolve({ React, ReactDOM })
   }
 
   update() {
     const { dataExternalId: id } = this.props
-    const Component = FEAASExternal.registered[id]?.component
+    const Component = BYOC.getComponent(id)?.component
     if (!Component && this.getAttribute('hydrate') == 'false') return
     return super.update()
   }
 
   render(props: FEAASExternalProps, { React }: ReactModules): ReactJSX {
     const { dataExternalId: id } = props
-    const Component = FEAASExternal.registered[id]?.component
+    console.log(props)
+    const Component = BYOC.getComponent(id)?.component
     if (!Component) {
       console.warn(`FEAASExternal: \`${id}\` is not registered`)
     }
@@ -147,119 +44,6 @@ export default class FEAASExternal extends FEAASElement<FEAASExternalProps, Reac
     return FEAASExternalProps(this)
   }
 
-  /**
-   * Register React component to be renderable as Sitecore component (in Components and Pages). Properties are defined
-   * as {@link https://json-schema.org JSON Schema}, from which a configuration form will be produced using
-   * {@link https://rjsf-team.github.io/react-jsonschema-form/ RJSF library}. The library allows passing a
-   * {@link https://rjsf-team.github.io/react-jsonschema-form/docs/api-reference/uiSchema UI Schema} that allows tight
-   * customization of form widgets, styles and behavior.
-   *
-   * @param {React.ComponentType}      component                     React component that will be rendered.
-   * @param {string}                   options.title                 Component name as presented to the user.
-   * @param {JSONSchema['properties']} options.properties            Object of properties.
-   * @param {JSONSchema['type']}       options.properties[].type     JSON Schema type of a property.
-   * @param {string}                   [options.properties[].title]  Optional title displayed to the user.
-   * @param {string}                   [options.group]               Optional Image to be displayed in the UI.
-   * @param {string}                   [options.thumbnail]           Optional title displayed to the user.
-   * @param {UISchema}                 [options.ui]                  Optional component groupping.
-   * @see https://rjsf-team.github.io/react-jsonschema-form/docs/api-reference/uiSchema
-   * @see https://json-schema.org
-   * @example
-   *
-   *   FEAAS.External.registerComponent(MyComponent, {
-   *     // Name of a component as it will be presented to the user
-   *     name: 'My Component',
-   *     // Title of a component as it will be presented in the inputs form
-   *     title: 'My Component',
-   *     // Optional: Thumbnail image for component to be displayed in UI
-   *     thumbnail: 'http://examaple.com/component.jpg',
-   *     // Optional: Group components by name
-   *     group: 'Assorted components',
-   *     // Definitions of three configurable properties that MyComponent accepts
-   *     properties: {
-   *       // Color is a string, but only Red/Green/Blue are allowed
-   *       color: { type: 'string', enum: ['red', 'green', 'blue'] },
-   *       // Text is a property labelled as "Text summary"
-   *       text: { type: 'string', title: 'Text summary' },
-   *       // Count is a number with 1 as default value
-   *       count: { type: 'number', default: 1 }
-   *     },
-   *     // Optional UI schema customization
-   *     ui: {
-   *       // Present color choices as radio buttons
-   *       color: { 'ui:widget': 'radio' },
-   *       // Text is a textarea with 5 rows
-   *       text: { 'ui:widget': 'textarea', 'ui:options': { rows: 5 } },
-   *       // Count is a number field with spinner button
-   *       count: { 'ui:widget': 'updown' }
-   *     },
-   *     // Color and text area required properties
-   *     required: ['color', 'text']
-   *   })
-   *
-   */
-  static registerComponent(
-    component: React.ComponentType | ((...args: any[]) => Promise<React.ReactElement>),
-    options: ExternalComponentOptions
-  ) {
-    if (!options.name)
-      throw new Error(
-        'Could not register external component. Please make sure you provide a name in the options' +
-          JSON.stringify(options)
-      )
-    const id = options.name
-    const { thumbnail, group, ui: uiSchema, ...schemaOptions } = options
-    const schema = { ...schemaOptions, type: 'object' } as ObjectSchema
-    FEAASExternal.registered[id] = {
-      component,
-      name: id,
-      schema,
-      uiSchema,
-      thumbnail,
-      group,
-      title: schema?.title || id
-    }
-    FEAASExternal.setRegistrationCallback()
-  }
-
-  static setRegistrationCallback() {
-    clearTimeout(FEAASExternal.registrationCallback)
-    FEAASExternal.registrationCallback = setTimeout(() => {
-      if (typeof window !== 'undefined') {
-        // create components array from object
-        const components = Object.keys(FEAASExternal.registered).map((id) => ({
-          ...FEAASExternal.registered[id],
-          name: id,
-          schema: transformSchema(FEAASExternal.registered[id].schema),
-          uiSchema: transformUiSchema(
-            FEAASExternal.registered[id].uiSchema,
-            FEAASExternal.registered[id].schema?.properties
-          )
-          //component: FEAASExternal.registered[name].component.toString()
-        }))
-
-        // send components from iframe to parent window
-        window.parent?.postMessage(
-          JSON.stringify({
-            action: 'register-components',
-            data: components
-          }),
-          '*'
-        )
-      }
-    }, 30)
-  }
-
-  /*static loadComponents() {
-    const components = JSON.parse(sessionStorage.getItem('feaas-external-components'))
-    components.forEach((c: { name: string; schema: any; component: React.ComponentType }) => {
-      const name = c.name
-      const schema = c.schema
-      const component = eval('(' + c.component + ')')
-      FEAASExternal.registerComponent(component, schema, name)
-    })
-  }*/
-
   static Preview(props: Partial<FEAASComponentProps<any>> & { src: string }) {
     const src =
       props?.src || (typeof window !== 'undefined' ? window.location.search.match(/feaasSrc=([^&]+)/)?.[1] : null)
@@ -270,57 +54,13 @@ export default class FEAASExternal extends FEAASElement<FEAASExternalProps, Reac
     return () => components.map((components) => null)
   }
 
-  static getComponent(id: string) {
-    return FEAASExternal.registered[id]
-  }
-}
-
-declare global {
-  namespace JSX {
-    interface IntrinsicElements {
-      'feaas-external': {
-        'data-external-id': string
-        children?: any
-        dangerouslySetInnerHTML?: { __html: string }
-        [key: string]: any
-      }
-      'feaas-registration': {
-        suppressHydrationWarning?: boolean
-        components: string
-      }
-    }
-  }
-  interface Window {
-    FEAASExternalComponents: RegisteredComponents
-  }
-}
-
-// Register schemas passed as <feaas-registration components=... />
-class FEAASExternalRegistration extends WebComponent {
-  connectedCallback() {
-    try {
-      ;(JSON.parse(this.getAttribute('components')) as any[]).forEach((component) => {
-        FEAASExternal.registerComponent(null, component)
-      })
-    } catch (e) {}
-  }
-  static register(tagName: string) {
-    return FEAASElement.register.call(this, tagName)
-  }
-}
-
-if (typeof window !== 'undefined' && window) {
-  if (!('FEAASExternalComponents' in window))
-    Object.defineProperty(window, 'FEAASExternalComponents', { get: () => FEAASExternal.registered })
-  else if (!location.hostname.startsWith('xmc-'))
-    console.error(
-      'FEAAS Clientside is loaded twice into the bundle. This can lead to unexpected problems and needs to be resolved'
-    )
+  static registered: BYOC.RegisteredComponents = BYOC.registered
+  static registerComponent = BYOC.registerComponent
+  static setRegistrationCallback = BYOC.setRegistrationCallback
+  static getComponent = BYOC.getComponent
 }
 
 FEAASExternal.register('feaas-external')
-FEAASExternal.setRegistrationCallback()
-FEAASExternalRegistration.register('feaas-registration')
 
 export const { getComponent, linkComponents, registerComponent } = FEAASExternal
 export { FEAASExternal as External }

package/src/ui/FEAASPicker.tsx

@@ -46,7 +46,9 @@ export class FEAASPicker extends FEAASElement<FEAASPickerProps, typeof FEAASPick
     const collections = useLibrary('collections')
     const components = useLibrary('components')
     const datasources = useSDK('datasources')
-    const rules = useLibrary('stylesheet.styles')
+    const library = useLibrary()
+    // @ts-ignore temporary workaround until we release all environments
+    const rules = library.stylesheets?.first?.rules || library?.stylesheet?.styles
     const component = components.find((c) => c.id == context?.getAttribute('component'))
     const componentName = context?.getAttribute('data-external-id')
     const externalComponent = useSDK('externalComponents').find((c) => c.name == componentName)
@@ -56,7 +58,6 @@ export class FEAASPicker extends FEAASElement<FEAASPickerProps, typeof FEAASPick
         settings = JSON.parse(settings)
       } catch (e) {}
     }
-    const datasource = mode == 'datasources' ? datasources.find((d) => d.id == dialog) : null
     return (
       <Picker
         rules={rules}
@@ -64,11 +65,11 @@ export class FEAASPicker extends FEAASElement<FEAASPickerProps, typeof FEAASPick
         themeContext={context}
         placeholder={placeholder}
         component={component}
-        externalComponent={externalComponent}
-        datasource={datasource}
+        embed={externalComponent}
+        datasources={datasources}
         data={settings}
         versionId={context?.getAttribute('version')}
-        mode={mode || (component ? 'component' : componentName ? 'external' : null)}
+        mode={mode || (component || componentName ? 'context' : null)}
         setAttribute={(context, attribute, value) => {
           if (attribute == 'data' && value) value = JSON.stringify(value)
           this.props.setAttribute(context, attribute, value)

package/src/ui/react.tsx

@@ -1,26 +1,22 @@
+import React from 'react'
+import { HTMLNode, parseHTMLContent, renderHTMLContent } from '../dom/html.js'
+import { DataSettings } from '../utils/settings.js'
 import {
+  FEAASCDNStylesheetParams,
+  FEAASCDNStylesheetSource,
   FEAASComponentProps,
-  FEAASElement,
   fetchComponent,
   getComponentURL,
+  getStylesheetSource,
   getStylesheetURL,
   parseComponentSource,
-  FEAASCDNStylesheetSource,
-  FEAASCDNStylesheetParams,
-  parseStylesheetSource,
-  getStylesheetSource
+  parseStylesheetSource
 } from './index.js'
-import React from 'react'
-import { renderHTMLContent, HTMLNode, parseHTMLContent } from '../dom/html.js'
-import { DataSettings } from '../utils/settings.js'
-import { External, FEAASExternalPropsObject, getComponent, objectKeysToKebabCase } from './FEAASExternal.js'
-import { reverseKebabCase } from '../utils/string.js'
-export { renderHTMLContent }
-export { External, linkComponents, registerComponent, getComponent, FEAASExternalPropsObject } from './FEAASExternal.js'
-export * from './index.js'
+import * as BYOC from '@sitecore/byoc'
 export * from '../headless.js'
-
-export type FEAASReactExternalComponentProps = { componentName: string; fallback?: any; [prop: string]: any }
+export { External, FEAASExternalPropsObject, getComponent, linkComponents, registerComponent } from './FEAASExternal.js'
+export * from './index.js'
+export { renderHTMLContent }
 
 export type FEAASReactComponentProps = FEAASComponentProps & {
   preload?: boolean
@@ -84,10 +80,10 @@ export function FEAASReactComponent({ data, ...props }: FEAASReactComponentProps
           if (node.localName == 'feaas-external') {
             const camelized = {} as any
             for (var prop in attributes) {
-              const key = prop == 'data-external-id' ? 'componentName' : reverseKebabCase(prop)
+              const key = prop == 'data-external-id' ? 'componentName' : BYOC.toCamelCase(prop)
               camelized[key] = attributes[prop]
             }
-            return [FEAASExternalComponent, camelized]
+            return [BYOC.Component, camelized]
           }
         },
         index
@@ -120,39 +116,6 @@ export function FEAASReactComponent({ data, ...props }: FEAASReactComponentProps
   )
 }
 
-/**
- * A wrapper over External component that accepts a fallback for rendering in case of a missing component.
- * It accepts properties in camelcase format and ensures no hydration errors on the client-side.
- *
- * @param {FEAASReactExternalComponentProps} props  - The properties for the component.
- * @returns {JSX.Element} The JSX element representing the component.
- */
-export function FEAASReactExternalComponent(props: FEAASReactExternalComponentProps) {
-  const { componentName, fallback, ...attributes } = props
-  const Component = getComponent(componentName)?.component
-  if ((!Component && fallback) || !componentName)
-    return (
-      <feaas-external data-external-id={componentName} suppressHydrationWarning hydrate={'false'}>
-        {fallback}
-      </feaas-external>
-    )
-  const parsed = FEAASExternalPropsObject(componentName, attributes)
-  delete parsed['suppressHydrationWarning']
-  // execute component as a function to supress hydration errors inside
-  return (
-    <>
-      <feaas-external
-        {...objectKeysToKebabCase(parsed)}
-        data-external-id={componentName}
-        suppressHydrationWarning
-        hydrate={'false'}
-      >
-        {Component == null ? null : <Component {...parsed} />}
-      </feaas-external>
-    </>
-  )
-}
-
 /**
  * Converts an HTMLNode into a React tree, ensuring proper context access for external components.
  *
@@ -198,76 +161,11 @@ export function HTMLNodeToReact(
   return React.createElement(reactName, reactAttributes, ['img', 'br', 'input'].includes(reactName) ? null : children)
 }
 
-const NextComponents = new Map()
-var NextClientsideRenderer: any = null
-var NextDynamicFunction: any = null
-
-/**
- * A special case of ExternalComponent designed for Next.js.
- * It uses `next/dynamic` to control rendering on the client, server, or both.
- *
- * @param {FEAASReactExternalComponentProps} props  - The properties for the component.
- * @returns {JSX.Element} The JSX element representing the component.
- */
-export function FEAASNextExternalComponent(props: FEAASReactExternalComponentProps) {
-  // See if component is registered in current context
-  const { componentName, ...attributes } = props
-  const Component = getComponent(componentName)?.component
-  if (!NextComponents.get(componentName)) {
-    // Designate component for rendering on clientside
-    const Dynamic = NextDynamicFunction(() => Promise.resolve(NextClientsideRenderer), {
-      ssr: false,
-      loading: () => <FEAASReactExternalComponent {...attributes} componentName={componentName} />
-    })
-
-    NextComponents.set(componentName, Dynamic)
-  }
-
-  const External = NextComponents.get(componentName)
-  return <External {...props} fallback={Component ? <Component {...props} /> : null}></External>
-}
-
-/**
- * Enables Next.js client/server rendering options for registered components.
- * The `component` argument should be a function exported from a file with a `use client` directive.
- *
- * @param {any} dynamic    - The Next dynamic function.
- * @param {any} component  - The component function.
- * @returns {any} Augmented bundle.
- */
-export function enableNextClientsideComponents(dynamic: any, component: any) {
-  NextDynamicFunction = dynamic
-  NextClientsideRenderer = component
-  return component
-}
-
-/**
- * Renders a registered external component in a React tree.
- *
- * @param {FEAASReactExternalComponentProps} props  - The properties for the component.
- * @returns {JSX.Element} The JSX element representing the component.
- */
-export function FEAASExternalComponent(props: FEAASReactExternalComponentProps) {
-  if (Object.keys(props).length == 0) {
-    return
-  }
-  if (NextDynamicFunction) return FEAASNextExternalComponent(props)
-  return FEAASReactExternalComponent(props)
-}
-export function FEAASReactExternalComponentBundle() {
-  return (
-    <>
-      <feaas-registration components={JSON.stringify(Object.values(External.registered))} suppressHydrationWarning />
-      {/** Will not be rendered, but needs to be referenced */}
-      {<NextClientsideRenderer />}
-    </>
-  )
-}
-
-export const ExternalComponentBundle = FEAASReactExternalComponentBundle
-export const ExternalComponent = FEAASExternalComponent
-export const ReactExternalComponent = FEAASReactExternalComponent
-export const NextExternalComponent = FEAASNextExternalComponent
+export const enableNextClientsideComponents = BYOC.enableNextClientsideComponents
+export const ExternalComponentBundle = BYOC.Bundle
+export const ExternalComponent = BYOC.Component
+export const ReactExternalComponent = BYOC.RegularComponent
+export const NextExternalComponent = BYOC.NextComponent
 export const Component = FEAASReactComponent
 export const ServerComponent = FEAASReactServerComponent
 export const Stylesheet = FEAASReactStylesheet

package/test/FEAASComponent.test.tsx

@@ -265,7 +265,7 @@ describe('Components', () => {
     await expect(component.whenLoaded).resolves.toEqual('TODAY')
     expect(stylesheet.innerHTML).toEqual('YESTERDAY {}')
     expect(component.innerHTML).toEqual('TODAY')
-    await new Promise((resolve) => setTimeout(resolve, 100))
+    await new Promise((resolve) => setTimeout(resolve, 200))
     // Stylesheet will update later
     expect(stylesheet.innerHTML).toEqual('TODAY {}')
   })

package/test/dom.test.ts

@@ -91,7 +91,7 @@ describe('DOM Clientside', function () {
         '<div><img data-path-src="image" src="a.jpg" /></div>'
       )
     })
-    it('should render mapped attribute', function () {
+    it('should not render null mapped attribute', function () {
       assertRenderedHTML(
         `<div><img data-path-src="image" /></div>`,
         { image: null },

package/tsconfig.json

@@ -10,6 +10,9 @@
   "references": [
     {
       "path": "../sdk"
+    },
+    {
+      "path": "../byoc"
     }
   ],
   "include": ["src/**/*.ts", "src/**/*.tsx"],

package/types/components/FEAASElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FEAASElement.d.ts","sourceRoot":"","sources":["../../src/components/FEAASElement.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FEAASElement.d.ts","sourceRoot":"","sources":["../../src/components/FEAASElement.tsx"],"names":[],"mappings":"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"}

package/types/dom/rendering.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rendering.d.ts","sourceRoot":"","sources":["../../src/dom/rendering.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAElD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAIvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAG5C,MAAM,WAAW,mBAAmB;IAClC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,KAAK,MAAM,CAAA;IACtF,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,KAAK,GAAG,CAAA;IAC7D,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,CAAA;IAC1E,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,KAAK,OAAO,CAAA;IAC5D,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;CAC5D;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,MAAM,mBAAmB,CAAC,CAAC,GAAG,WAAW,IAAI,OAAO,CAAC,gBAAgB,CAAC,GAAG;IAC7E,IAAI,CAAC,EAAE,CAAC,CAAA;CACT,GAAG,CAAC,gBAAgB,GAAG,sBAAsB,CAAC,GAC7C,mBAAmB,CAAA;AAsDrB,wBAAgB,eAAe,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,mBAAmB,QAsFhH;AAID,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,WAAW,GAAG,gBAAgB,EACrC,UAAU,CAAC,EAAE,GAAG,EAChB,MAAM,CAAC,EAAE,mBAAmB,EAC5B,QAAQ,CAAC,EAAE,OAAO,eA0CnB;AAMD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,mBAAmB,eAc9G;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,mBAAmB,EAAE,OAAO,UAAQ,UAW7G"}
+{"version":3,"file":"rendering.d.ts","sourceRoot":"","sources":["../../src/dom/rendering.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAElD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAIvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAG5C,MAAM,WAAW,mBAAmB;IAClC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,KAAK,MAAM,CAAA;IACtF,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,KAAK,GAAG,CAAA;IAC7D,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,CAAA;IAC1E,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,KAAK,OAAO,CAAA;IAC5D,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;CAC5D;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,MAAM,mBAAmB,CAAC,CAAC,GAAG,WAAW,IAAI,OAAO,CAAC,gBAAgB,CAAC,GAAG;IAC7E,IAAI,CAAC,EAAE,CAAC,CAAA;CACT,GAAG,CAAC,gBAAgB,GAAG,sBAAsB,CAAC,GAC7C,mBAAmB,CAAA;AAsDrB,wBAAgB,eAAe,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,mBAAmB,QAwFhH;AAID,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,WAAW,GAAG,gBAAgB,EACrC,UAAU,CAAC,EAAE,GAAG,EAChB,MAAM,CAAC,EAAE,mBAAmB,EAC5B,QAAQ,CAAC,EAAE,OAAO,eA0CnB;AAMD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,mBAAmB,eAc9G;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,mBAAmB,EAAE,OAAO,UAAQ,UAW7G"}