@sitecore-feaas/clientside 0.1.27 → 0.1.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sitecore-feaas/clientside",
-  "version": "0.1.27",
+  "version": "0.1.28",
   "scripts": {
     "start": "webpack serve --open",
     "build": "rm -rf dist;npm run types; npm run build:esbuild; npm run build:sourcemaps",

package/src/cloud.ts

@@ -8,6 +8,7 @@ export interface CloudTemplate {
   version: string
   revision?: string
   instance?: string
+  lastModified?: string | Date
 }
 export interface CloudStylesheet {
   cdn?: string
@@ -88,16 +89,16 @@ export async function fetchAndRevalidateComponent(
 }
 
 /** Fetches HTML of a component. */
-export async function fetchComponentHTML(props: CloudTemplate) {
-  var result: string
-  await fetchAndRevalidateComponent(
+export async function fetchComponent(props: CloudTemplate) {
+  var template: string
+  const { response } = await fetchAndRevalidateComponent(
     props,
-    (html) => {
-      result = html
+    (result) => {
+      template = result
     },
     false
   )
-  return result
+  return { ...props, template, lastModified: response.headers.get('last-modified') }
 }
 
 export async function fetchStylesheet(props: CloudStylesheet, callback: (css: string) => void) {

package/src/components/FEAASComponent.tsx

@@ -22,7 +22,8 @@ export function FEAASComponentsProps(element: FEAASBase = this) {
     template: element.getAttribute('template'),
     instance: element.getAttribute('instance'),
     editable: element.getAttribute('editable') != null,
-    suspended: element.getAttribute('suspended') != null
+    suspended: element.getAttribute('suspended') != null,
+    lastModified: element.getAttribute('last-modified')
   }
 }
 export type FEAASComponentsProps = ReturnType<typeof FEAASComponentsProps>
@@ -130,6 +131,8 @@ declare global {
     interface IntrinsicElements {
       'feaas-component': OptionalExcept<FEAASComponentsProps, 'component' | 'version' | 'revision'> & {
         children?: any
+        dangerouslySetInnerHTML?: { __html: string }
+        'last-modified'?: string
       }
     }
   }

package/types/cloud.d.ts

@@ -6,6 +6,7 @@ export interface CloudTemplate {
     version: string;
     revision?: string;
     instance?: string;
+    lastModified?: string | Date;
 }
 export interface CloudStylesheet {
     cdn?: string;
@@ -15,14 +16,24 @@ export interface CloudStylesheet {
 }
 export declare function getComponentURL({ cdn, hostname, library, component, version, revision }: CloudTemplate): string;
 export declare function getStylesheetURL({ cdn, hostname, library, revision }: CloudStylesheet): string;
-export declare function fetchAndRevalidateComponent(props: CloudTemplate, callback?: (html: string) => void, dontRevalidate?: boolean): Promise<{
+export declare function fetchAndRevalidateComponent(props: CloudTemplate, callback?: (html: string) => void, dontRevalidate?: boolean): Promise<(import("./fetch.js").ValidatableRequest & Required<Pick<import("./fetch.js").ValidatableRequest, "response">>) | {
     url: RequestInfo | URL;
     options: RequestInit;
     isCached: boolean;
     response: Response;
     validator: (resposne: Response) => boolean;
-} | (import("./fetch.js").ValidatableRequest & Required<Pick<import("./fetch.js").ValidatableRequest, "response">>)>;
+}>;
 /** Fetches HTML of a component. */
-export declare function fetchComponentHTML(props: CloudTemplate): Promise<string>;
+export declare function fetchComponent(props: CloudTemplate): Promise<{
+    template: string;
+    lastModified: string;
+    cdn?: string;
+    hostname?: string;
+    library: string;
+    component: string;
+    version: string;
+    revision?: string;
+    instance?: string;
+}>;
 export declare function fetchStylesheet(props: CloudStylesheet, callback: (css: string) => void): Promise<Response>;
 //# sourceMappingURL=cloud.d.ts.map

package/types/cloud.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cloud.d.ts","sourceRoot":"","sources":["../src/cloud.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AACD,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;CACtD;AAED,wBAAgB,eAAe,CAAC,EAC9B,GAA2D,EAC3D,QAAQ,EACR,OAAO,EACP,SAAS,EACT,OAAO,EACP,QAAsB,EACvB,EAAE,aAAa,UAEf;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,GAA2D,EAC3D,QAAQ,EACR,OAAO,EACP,QAAsB,EACvB,EAAE,eAAe,UAEjB;AAED,wBAAsB,2BAA2B,CAC/C,KAAK,EAAE,aAAa,EACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,EACjC,cAAc,UAAQ;;;;;;qHA8CvB;AAED,mCAAmC;AACnC,wBAAsB,kBAAkB,CAAC,KAAK,EAAE,aAAa,mBAU5D;AAED,wBAAsB,eAAe,CAAC,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,qBAe5F"}
+{"version":3,"file":"cloud.d.ts","sourceRoot":"","sources":["../src/cloud.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC7B;AACD,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;CACtD;AAED,wBAAgB,eAAe,CAAC,EAC9B,GAA2D,EAC3D,QAAQ,EACR,OAAO,EACP,SAAS,EACT,OAAO,EACP,QAAsB,EACvB,EAAE,aAAa,UAEf;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,GAA2D,EAC3D,QAAQ,EACR,OAAO,EACP,QAAsB,EACvB,EAAE,eAAe,UAEjB;AAED,wBAAsB,2BAA2B,CAC/C,KAAK,EAAE,aAAa,EACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,EACjC,cAAc,UAAQ;;;;;;GA8CvB;AAED,mCAAmC;AACnC,wBAAsB,cAAc,CAAC,KAAK,EAAE,aAAa;;;;;;;;;;GAUxD;AAED,wBAAsB,eAAe,CAAC,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,qBAe5F"}

package/types/components/FEAASComponent.d.ts

@@ -11,6 +11,7 @@ export declare function FEAASComponentsProps(element?: FEAASBase): {
     instance: string;
     editable: boolean;
     suspended: boolean;
+    lastModified: string;
 };
 export type FEAASComponentsProps = ReturnType<typeof FEAASComponentsProps>;
 export declare class FEAASComponent extends FEAASBase<FEAASComponentsProps, string> {
@@ -29,6 +30,7 @@ export declare class FEAASComponent extends FEAASBase<FEAASComponentsProps, stri
         instance: string;
         editable: boolean;
         suspended: boolean;
+        lastModified: string;
     };
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     getEditor(): any;
@@ -44,6 +46,10 @@ declare global {
         interface IntrinsicElements {
             'feaas-component': OptionalExcept<FEAASComponentsProps, 'component' | 'version' | 'revision'> & {
                 children?: any;
+                dangerouslySetInnerHTML?: {
+                    __html: string;
+                };
+                'last-modified'?: string;
             };
         }
     }

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

@@ -1 +1 @@
-{"version":3,"file":"FEAASComponent.d.ts","sourceRoot":"","sources":["../../src/components/FEAASComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAG1D,wBAAgB,oBAAoB,CAAC,OAAO,GAAE,SAAgB;;;;;;;;;;;;EAqB7D;AACD,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAC1E,qBAAa,cAAe,SAAQ,SAAS,CAAC,oBAAoB,EAAE,MAAM,CAAC;IACzE,MAAM,CAAC,kBAAkB,WAWxB;IAED,YAAY,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,IAAI,EAAE,GAAG;IAIjB,QAAQ;;;;;;;;;;;;;IAIR,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAOhF,SAAS,IAAI,GAAG;;IAahB,IAAI;IASJ,WAAW;IAaX,aAAa;IAMP,IAAI;IAcV,MAAM;CAYP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,iBAAiB,EAAE,cAAc,CAAC,oBAAoB,EAAE,WAAW,GAAG,SAAS,GAAG,UAAU,CAAC,GAAG;gBAC9F,QAAQ,CAAC,EAAE,GAAG,CAAA;aACf,CAAA;SACF;KACF;CACF;AAGD,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,CAAA"}
+{"version":3,"file":"FEAASComponent.d.ts","sourceRoot":"","sources":["../../src/components/FEAASComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAG1D,wBAAgB,oBAAoB,CAAC,OAAO,GAAE,SAAgB;;;;;;;;;;;;;EAsB7D;AACD,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAC1E,qBAAa,cAAe,SAAQ,SAAS,CAAC,oBAAoB,EAAE,MAAM,CAAC;IACzE,MAAM,CAAC,kBAAkB,WAWxB;IAED,YAAY,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,IAAI,EAAE,GAAG;IAIjB,QAAQ;;;;;;;;;;;;;;IAIR,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAOhF,SAAS,IAAI,GAAG;;IAahB,IAAI;IASJ,WAAW;IAaX,aAAa;IAMP,IAAI;IAcV,MAAM;CAYP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,iBAAiB,EAAE,cAAc,CAAC,oBAAoB,EAAE,WAAW,GAAG,SAAS,GAAG,UAAU,CAAC,GAAG;gBAC9F,QAAQ,CAAC,EAAE,GAAG,CAAA;gBACd,uBAAuB,CAAC,EAAE;oBAAE,MAAM,EAAE,MAAM,CAAA;iBAAE,CAAA;gBAC5C,eAAe,CAAC,EAAE,MAAM,CAAA;aACzB,CAAA;SACF;KACF;CACF;AAGD,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,CAAA"}

package/types/fetch.d.ts

@@ -26,13 +26,13 @@ export declare function fetchAndValidate({ url, options, validator, callback }:
     response: Response;
     validator: (resposne: Response) => boolean;
 }>;
-export declare function refetchAndValidate(request: ValidatableRequest & Required<Pick<ValidatableRequest, 'response'>>): Promise<{
+export declare function refetchAndValidate(request: ValidatableRequest & Required<Pick<ValidatableRequest, 'response'>>): Promise<(ValidatableRequest & Required<Pick<ValidatableRequest, "response">>) | {
     url: RequestInfo | URL;
     options: RequestInit;
     isCached: boolean;
     response: Response;
     validator: (resposne: Response) => boolean;
-} | (ValidatableRequest & Required<Pick<ValidatableRequest, "response">>)>;
+}>;
 export declare function invalidateRequest(request: ValidatableRequest): Promise<{
     url: RequestInfo | URL;
     options: RequestInit;

package/types/fetch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fetch.d.ts","sourceRoot":"","sources":["../src/fetch.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAChC,OAAO,CAAC,EAAE,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IACrC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAA;IAC3C,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,KAAK,IAAI,CAAA;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB;AAED,wBAAsB,kBAAkB,CACtC,GAAG,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAC9B,OAAO,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,EACvC,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,EAC3C,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,qBAM1C;AAED,wBAAsB,gBAAgB,CACpC,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,EACzD,KAAK,GAAE,SAAS,GAAG,SAAS,GAAG,OAAmB;;;;;;GAgBnD;AAED,wBAAsB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;;;;;;2EAwBpH;AAED,wBAAsB,iBAAiB,CAAC,OAAO,EAAE,kBAAkB;;;;;;GAclE"}
+{"version":3,"file":"fetch.d.ts","sourceRoot":"","sources":["../src/fetch.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAChC,OAAO,CAAC,EAAE,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IACrC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAA;IAC3C,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,KAAK,IAAI,CAAA;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB;AAED,wBAAsB,kBAAkB,CACtC,GAAG,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAC9B,OAAO,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,EACvC,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,EAC3C,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,qBAM1C;AAED,wBAAsB,gBAAgB,CACpC,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,EACzD,KAAK,GAAE,SAAS,GAAG,SAAS,GAAG,OAAmB;;;;;;GAgBnD;AAED,wBAAsB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;;;;;;GAwBpH;AAED,wBAAsB,iBAAiB,CAAC,OAAO,EAAE,kBAAkB;;;;;;GAclE"}