@sitecore-feaas/clientside 0.5.1 → 0.5.3

package/src/cdn.ts

@@ -99,7 +99,7 @@ export function getComponentURL(props: FEAASCDNComponentProps | string) {
     }
   }
   return `${props.cdn || props.hostname || DEFAULT_CDN_URL}/components/${props.library}/${props.component}/${
-    props.version
+    props.version || 'responsive'
   }/${props.revision || 'published'}.html`
 }
 

package/src/ui/react.tsx

@@ -167,7 +167,7 @@ export function HTMLNodeToReact(
           const [k, v] = pair.split(':')
           return {
             ...object,
-            [k]: v
+            [BYOC.toCamelCase(k)]: v
           }
         }, {})
     } else if (name == 'class') {
@@ -184,6 +184,7 @@ export function HTMLNodeToReact(
 }
 
 export type ExternalComponentProps = BYOC.ComponentProps
+export type ContextProperties = BYOC.ContextProperties
 export const enableNextClientsideComponents = BYOC.enableNextClientsideComponents
 export const setContextProperties = BYOC.setContextProperties
 export const ExternalComponentBundle = BYOC.Bundle

package/test/cdn.ts

@@ -5,11 +5,28 @@ import {
   DEFAULT_CDN_URL,
   getStylesheetSource,
   parseStylesheetSource,
-  getStylesheetURL
+  getStylesheetURL,
+  getComponentURL
 } from '../src/cdn.js'
 import { CH1Node, serializeCH1RichText } from '../src/utils/data.js'
 describe('CDN', function () {
   it('should parse and serialize component src', function () {
+    expect(
+      parseComponentSource('https://feaaslocal.blob.core.windows.net/components/2rFkpifWzZp5IEhKX4rt5raaaa/bkpRNHFB2v')
+    ).toEqual({
+      cdn: 'https://feaaslocal.blob.core.windows.net',
+      component: 'bkpRNHFB2v',
+      library: '2rFkpifWzZp5IEhKX4rt5raaaa',
+      revision: undefined,
+      version: undefined
+    })
+    expect(
+      getComponentURL({
+        src: 'https://feaaslocal.blob.core.windows.net/components/2rFkpifWzZp5IEhKX4rt5raaaa/bkpRNHFB2v'
+      })
+    ).toEqual(
+      'https://feaaslocal.blob.core.windows.net/components/2rFkpifWzZp5IEhKX4rt5raaaa/bkpRNHFB2v/responsive/published.html'
+    )
     ;[
       'library/component',
       'cdn/components/library/component',
@@ -18,7 +35,8 @@ describe('CDN', function () {
       'cdn/components/library/component/version',
       'cdn/components/library/component/version/1',
       'library/component/version/1',
-      'https://feaaslocal.blob.core.windows.net/components/library/component/version/1'
+      'https://feaaslocal.blob.core.windows.net/components/library/component/version/1',
+      'https://feaaslocal.blob.core.windows.net/components/2rFkpifWzZp5IEhKX4rt5raaaa/bkpRNHFB2v'
     ].forEach((expression) => {
       expect(getComponentSource(parseComponentSource(expression))).toEqual(expression)
     })

package/types/ui/FEAASPicker.d.ts

@@ -4,7 +4,7 @@ import { FEAASElement } from '../components/FEAASElement.js';
 export declare function FEAASPickerProps(element: FEAASElement<any, any>): {
     part: string;
     slot: string;
-    mode: "library" | "context" | "datasources" | "versions" | "element" | "themes" | "overview" | "attributes";
+    mode: "library" | "context" | "datasources" | "versions" | "element" | "themes" | "overview" | "attributes" | "responsive-bundles";
     dialog: string;
     placeholder: string;
     frontend: string;
@@ -22,7 +22,7 @@ export declare class FEAASPicker extends FEAASElement<FEAASPickerProps, typeof F
     defaultProps: Partial<{
         part: string;
         slot: string;
-        mode: "library" | "context" | "datasources" | "versions" | "element" | "themes" | "overview" | "attributes";
+        mode: "library" | "context" | "datasources" | "versions" | "element" | "themes" | "overview" | "attributes" | "responsive-bundles";
         dialog: string;
         placeholder: string;
         frontend: string;
@@ -37,7 +37,7 @@ export declare class FEAASPicker extends FEAASElement<FEAASPickerProps, typeof F
     getProps(): {
         part: string;
         slot: string;
-        mode: "library" | "context" | "datasources" | "versions" | "element" | "themes" | "overview" | "attributes";
+        mode: "library" | "context" | "datasources" | "versions" | "element" | "themes" | "overview" | "attributes" | "responsive-bundles";
         dialog: string;
         placeholder: string;
         frontend: string;

package/types/ui/react.d.ts

@@ -49,6 +49,7 @@ export declare function FEAASReactComponent({ data, lastModified, fetchedData, .
  */
 export declare function HTMLNodeToReact(node: HTMLNode, callback?: (node: HTMLNode, attributes: Record<string, any>) => [tagName: any, attributes: Record<string, any>], key?: any): React.ReactNode;
 export type ExternalComponentProps = BYOC.ComponentProps;
+export type ContextProperties = BYOC.ContextProperties;
 export declare const enableNextClientsideComponents: typeof BYOC.enableNextClientsideComponents;
 export declare const setContextProperties: typeof BYOC.setContextProperties;
 export declare const ExternalComponentBundle: typeof BYOC.Bundle;

package/types/ui/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/ui/react.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,IAAI,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAoB,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAE9E,OAAO,EACL,wBAAwB,EACxB,wBAAwB,EACxB,mBAAmB,EAOpB,MAAM,YAAY,CAAA;AACnB,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,wBAAwB,EAAE,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AACxH,cAAc,YAAY,CAAA;AAC1B,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAE5B,KAAK,wBAAwB,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAAA;AAC9E,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,wBAAwB,SAKtE;AAED,MAAM,MAAM,wBAAwB,GAAG,mBAAmB,GAAG;IAC3D,KAAK,CAAC,EAAE,wBAAwB,CAAA;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;CAC7B,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,UAAW,wBAAwB,GAAG,wBAAwB,gBAK9F,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,8BAAqC,wBAAwB,yBAqBlG,CAAA;AACD;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,GAAG,KAAK,EACT,EAAE,wBAAwB,GAAG;IAAE,WAAW,CAAC,EAAE,GAAG,CAAA;CAAE,eAiDlD;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,QAAQ,EACd,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,EAC/G,GAAG,CAAC,EAAE,GAAG,GACR,KAAK,CAAC,SAAS,CA+BjB;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,cAAc,CAAA;AACxD,eAAO,MAAM,8BAA8B,4CAAsC,CAAA;AACjF,eAAO,MAAM,oBAAoB,kCAA4B,CAAA;AAC7D,eAAO,MAAM,uBAAuB,oBAAc,CAAA;AAClD,eAAO,MAAM,iBAAiB,uBAAiB,CAAA;AAC/C,eAAO,MAAM,sBAAsB,8BAAwB,CAAA;AAC3D,eAAO,MAAM,qBAAqB,2BAAqB,CAAA;AACvD,eAAO,MAAM,SAAS,4BAAsB,CAAA;AAC5C,eAAO,MAAM,eAAe,8BA1I+C,wBAAwB,yBA0I3C,CAAA;AACxD,eAAO,MAAM,UAAU,UAzJqB,wBAAwB,GAAG,wBAAwB,gBAyJjD,CAAA"}
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/ui/react.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,IAAI,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAoB,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAE9E,OAAO,EACL,wBAAwB,EACxB,wBAAwB,EACxB,mBAAmB,EAOpB,MAAM,YAAY,CAAA;AACnB,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,wBAAwB,EAAE,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AACxH,cAAc,YAAY,CAAA;AAC1B,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAE5B,KAAK,wBAAwB,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAAA;AAC9E,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,wBAAwB,SAKtE;AAED,MAAM,MAAM,wBAAwB,GAAG,mBAAmB,GAAG;IAC3D,KAAK,CAAC,EAAE,wBAAwB,CAAA;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;CAC7B,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,UAAW,wBAAwB,GAAG,wBAAwB,gBAK9F,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,8BAAqC,wBAAwB,yBAqBlG,CAAA;AACD;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,GAAG,KAAK,EACT,EAAE,wBAAwB,GAAG;IAAE,WAAW,CAAC,EAAE,GAAG,CAAA;CAAE,eAiDlD;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,QAAQ,EACd,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,EAC/G,GAAG,CAAC,EAAE,GAAG,GACR,KAAK,CAAC,SAAS,CA+BjB;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,cAAc,CAAA;AACxD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAA;AACtD,eAAO,MAAM,8BAA8B,4CAAsC,CAAA;AACjF,eAAO,MAAM,oBAAoB,kCAA4B,CAAA;AAC7D,eAAO,MAAM,uBAAuB,oBAAc,CAAA;AAClD,eAAO,MAAM,iBAAiB,uBAAiB,CAAA;AAC/C,eAAO,MAAM,sBAAsB,8BAAwB,CAAA;AAC3D,eAAO,MAAM,qBAAqB,2BAAqB,CAAA;AACvD,eAAO,MAAM,SAAS,4BAAsB,CAAA;AAC5C,eAAO,MAAM,eAAe,8BA3I+C,wBAAwB,yBA2I3C,CAAA;AACxD,eAAO,MAAM,UAAU,UA1JqB,wBAAwB,GAAG,wBAAwB,gBA0JjD,CAAA"}