@sitecore-feaas/clientside 0.3.11-alpha.0 → 0.3.11-alpha.2

package/src/components/FEAASElement.tsx

@@ -541,3 +541,4 @@ export class FEAASElement<Props = any, Payload = any> extends WebComponent {
 }
 
 export { FEAASElement as Element }
+export { WebComponent }

package/src/ui/FEAASExternal.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import ReactDOM from 'react-dom'
-import { FEAASElement } from '../components/FEAASElement.js'
+import { FEAASElement, WebComponent } from '../components/FEAASElement.js'
 import { ReactJSX, ReactModules } from '../components/FEAASReactElement.js'
 import { kebabCase, reverseKebabCase } from '../utils/string.js'
 import { Component, FEAASComponentProps } from './react.js'
@@ -124,7 +124,7 @@ export default class FEAASExternal extends FEAASElement<FEAASExternalProps, Reac
   update() {
     const { dataExternalId: id } = this.props
     const Component = FEAASExternal.registered[id]?.component
-    if (!Component && this.childNodes.length > 0) return
+    if (!Component && this.getAttribute('hydrate') == 'false') return
     return super.update()
   }
 
@@ -132,7 +132,7 @@ export default class FEAASExternal extends FEAASElement<FEAASExternalProps, Reac
     const { dataExternalId: id } = props
     const Component = FEAASExternal.registered[id]?.component
     if (!Component) {
-      console.warn('FEAASExternal: The component you requested is not registered')
+      console.warn(`FEAASExternal: \`${id}\` is not registered`)
     }
     return <>{Component && <Component {...props} />}</>
   }
@@ -278,12 +278,36 @@ declare global {
         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)
+  Object.defineProperty(window, 'FEAASExternalComponents', { get: () => FEAASExternal.registered })
 FEAASExternal.register('feaas-external')
 FEAASExternal.setRegistrationCallback()
+FEAASExternalRegistration.register('feaas-registration')
 
 export const { getComponent, linkComponents, registerComponent } = FEAASExternal
 export { FEAASExternal as External }

package/src/ui/react.tsx

@@ -5,12 +5,15 @@ import {
   getComponentURL,
   getStylesheetURL,
   parseComponentSource,
-  FEAASStylesheetProps
+  FEAASCDNStylesheetSource,
+  FEAASCDNStylesheetParams,
+  parseStylesheetSource,
+  getStylesheetSource
 } from './index.js'
 import React from 'react'
 import { renderHTMLContent, HTMLNode, parseHTMLContent } from '../dom/html.js'
 import { DataSettings } from '../utils/settings.js'
-import { FEAASExternalPropsObject, getComponent, objectKeysToKebabCase } from './FEAASExternal.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'
@@ -24,10 +27,27 @@ export type FEAASReactComponentProps = FEAASComponentProps & {
   lastModified?: Date | string
 }
 
-export const FEAASReactStylesheet = (props: FEAASStylesheetProps) => {
-  return <feaas-stylesheet {...props} />
+/**
+ * A component to include a stylesheet using a <link> tag. Placing one in the HEAD ensures that there will be no flash
+ * of unstyled content.
+ *
+ * @param {FEAASCDNStylesheetParams | FEAASCDNStylesheetSource} props  - The properties for including the stylesheet.
+ * @returns {JSX.Element} The <link> element for the stylesheet.
+ */
+export const FEAASReactStylesheet = (props: FEAASCDNStylesheetParams | FEAASCDNStylesheetSource) => {
+  if ('src' in props) {
+    props = parseStylesheetSource(props.src)
+  }
+  return <link rel='stylesheet' href={getStylesheetSource(props)} />
 }
 
+/**
+ * An asynchronous wrapper over FEAAS.Component for use in React, especially suited for Next.js.
+ * This component fetches HTML and data asynchronously for server-side rendering with data mapping.
+ *
+ * @param {FEAASReactComponentProps} props  - The properties for the component.
+ * @returns {Promise<JSX.Element>} The JSX element representing the component.
+ */
 export const FEAASReactServerComponent = async ({ ...props }: FEAASReactComponentProps) => {
   const fetchedData = await DataSettings.fetch(props?.data || {})
 
@@ -43,6 +63,13 @@ export const FEAASReactServerComponent = async ({ ...props }: FEAASReactComponen
   return FEAASReactComponent({ ...p, data: fetchedData })
 }
 
+/**
+ * A wrapper over FEAAS.Component for use in React. It converts a passed template HTML into React,
+ * allowing external components in the render tree. Data can be provided in JSON format.
+ *
+ * @param {FEAASReactComponentProps} props  - The properties for the component.
+ * @returns {JSX.Element} The JSX element representing the component.
+ */
 export function FEAASReactComponent({ data, ...props }: FEAASReactComponentProps) {
   let preload = null
   let children: null | React.ReactNode
@@ -58,7 +85,7 @@ export function FEAASReactComponent({ data, ...props }: FEAASReactComponentProps
               const key = prop == 'data-external-id' ? 'componentName' : reverseKebabCase(prop)
               camelized[key] = attributes[prop]
             }
-            return [NextDynamicFunction ? FEAASNextExternalComponent : FEAASReactExternalComponent, camelized]
+            return [FEAASExternalComponent, camelized]
           }
         },
         index
@@ -91,10 +118,22 @@ 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) return fallback
+  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
@@ -104,7 +143,7 @@ export function FEAASReactExternalComponent(props: FEAASReactExternalComponentPr
         {...objectKeysToKebabCase(parsed)}
         data-external-id={componentName}
         suppressHydrationWarning
-        hydrate={Component ? 'false' : null}
+        hydrate={'false'}
       >
         {Component == null ? null : <Component {...parsed} />}
       </feaas-external>
@@ -112,7 +151,14 @@ export function FEAASReactExternalComponent(props: FEAASReactExternalComponentPr
   )
 }
 
-/** Turn HTMLNode into React tree. It accepts callback to customize the behavior */
+/**
+ * Converts an HTMLNode into a React tree, ensuring proper context access for external components.
+ *
+ * @param {HTMLNode} node        - The HTML node to be converted.
+ * @param {any}      [callback]  - Callback to customize turning of HTML node into react tree.
+ * @param {any}      [key]       - The key for the React element.
+ * @returns {React.ReactNode} The resulting React node.
+ */
 export function HTMLNodeToReact(
   node: HTMLNode,
   callback?: (node: HTMLNode, attributes: Record<string, any>) => [tagName: any, attributes: Record<string, any>],
@@ -153,6 +199,14 @@ export function HTMLNodeToReact(
 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
@@ -170,13 +224,47 @@ export function FEAASNextExternalComponent(props: FEAASReactExternalComponentPro
   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
 }
 
-export const ExternalComponent = FEAASReactExternalComponent
+/**
+ * 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 Component = FEAASReactComponent
 export const ServerComponent = FEAASReactServerComponent

package/types/components/FEAASElement.d.ts

@@ -306,4 +306,5 @@ export declare class FEAASElement<Props = any, Payload = any> extends WebCompone
     static register(tagName: string, win?: Window): void;
 }
 export { FEAASElement as Element };
+export { WebComponent };
 //# sourceMappingURL=FEAASElement.d.ts.map

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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"}