@sitecore-feaas/clientside 0.1.34 → 0.1.35

package/headless.d.ts

@@ -0,0 +1 @@
+export * from './types/headless'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sitecore-feaas/clientside",
-  "version": "0.1.34",
+  "version": "0.1.35",
   "scripts": {
     "start": "webpack serve --open",
     "build": "rm -rf dist;npm run types; npm run build:esbuild; npm run build:sourcemaps",
@@ -45,7 +45,7 @@
     "./react": {
       "localhost": "./build/react.js",
       "development": "./build/react.js",
-      "types": "./types/react.d.ts",
+      "types": "./types/ui/react.d.ts",
       "typescript": "./build/react.js",
       "browser": "./dist/browser/react.esm.js",
       "import": "./dist/node/react.esm.js",

package/react.d.ts

@@ -0,0 +1 @@
+export * from './types/ui/react'

package/scripts/build.js

@@ -83,7 +83,11 @@ function compile({ input, output, ...step }) {
   { input: 'build/ui/react.js', output: 'dist/browser/react.js', platform: 'browser', format: 'cjs' },
   { input: 'build/ui/react.js', output: 'dist/browser/react.esm.js', platform: 'browser', format: 'esm' },
   { input: 'build/headless.js', output: 'dist/browser/headless.js', platform: 'browser', format: 'cjs' },
-  { input: 'build/headless.js', output: 'dist/browser/headless.esm.js', platform: 'browser', format: 'esm' }
+  { input: 'build/headless.js', output: 'dist/browser/headless.esm.js', platform: 'browser', format: 'esm' },
+
+  // backward compatability with pre-export maps
+  { input: 'build/ui/react.js', output: 'react.js', platform: 'browser', format: 'cjs' },
+  { input: 'build/headless.js', output: 'headless.js', platform: 'node', format: 'cjs' }
 ].map((step) => {
   return compile(step)
 })

package/src/cdn.ts

@@ -6,7 +6,7 @@ import {
   ValidatableRequestPhase
 } from './fetch.js'
 
-export const DEFAULT_CDN_URL = `https://feaascomponentsapidev.blob.core.windows.net`
+export const DEFAULT_CDN_URL = `https://feaas.blob.core.windows.net`
 export type FEAASCDNComponentParams = {
   cdn?: string
   revision?: 'staging' | 'published' | 'saved' | number
@@ -41,7 +41,9 @@ export type FEAASCDNStylesheetSource = {
 export type FEAASCDNStylesheetProps = FEAASCDNStylesheetParams | FEAASCDNStylesheetSource | string
 
 export function parseComponentSource(source: string): FEAASCDNComponentParams {
-  const match = source.match(/^(?:(.*?)\/components)?\/?([^\/]+)\/([^\/]+)(?:\/([^\/]+)(?:\/([^\/]+?)(?:\.html?)?)?)?$/)
+  const match = source.match(
+    /^(?:(.*?)\/components)?\/?([^\/]+)\/([^\/]+)(?:\/([^\/]+)(?:\/(published|staged|saved|\d+)(?:\.html?)?)?)?$/
+  )
   if (match) {
     var [, cdn, library, component, version, revision] = match
     return { cdn, library, component, version, revision: revision as any }
@@ -63,19 +65,30 @@ export function getComponentSource(props: FEAASCDNComponentParams) {
 }
 
 export function getStylesheetSource(props: FEAASCDNStylesheetParams) {
-  return `${props.cdn && props.cdn != DEFAULT_CDN_URL ? `${props.cdn}/styles` : ''}/${props.library}/${
-    props.revision == 'published' ? '' : props.revision
+  return `${props.cdn && props.cdn != DEFAULT_CDN_URL ? `${props.cdn}/styles/` : ''}${props.library}/${
+    !props.revision || props.revision == 'published' ? '' : props.revision
   }`.replace(/\/$|\/\/(?!.+\/styles\/)/g, '')
 }
 
 export function parseStylesheetSource(source: string): FEAASCDNStylesheetParams {
-  const match = source.match(/^(?:(.*?)\/styles)?\/([^\/]+)(?:\/([^\/]+?)(?:.css))?$/)
+  const match = source.match(/^(?:(.*?)\/styles\/)?([^\/]+)(?:\/(published|staged|saved|\d+)(?:.css)?)?$/)
   if (match) {
     var [, cdn, library, revision] = match
     return { cdn, library, revision: revision as any }
+    // try parsing it as component url
+  } else {
+    const parsed = parseComponentSource(source) as Record<string, string>
+    if (parsed) {
+      var { cdn, library, revision } = parsed
+      if (revision?.match(/\d/)) revision = undefined
+      return { cdn, library, revision: revision as any }
+    }
   }
 }
-export function getComponentURL(props: FEAASCDNComponentProps) {
+export function getComponentURL(props: FEAASCDNComponentProps | string) {
+  if (typeof props == 'string') {
+    props = { src: props }
+  }
   if ('src' in props) {
     props = {
       ...parseComponentSource(props.src)

package/src/components/FEAASComponent.tsx

@@ -7,7 +7,9 @@ export function FEAASComponentsProps(element: FEAASBase = this) {
   let data: any
   const src = element.getAttribute('src')
   if (src) {
-    var { cdn, library, component, version, revision } = parseComponentSource(src)
+    const parsed = parseComponentSource(src)
+    if (!parsed) throw new Error(`Could not parse FEAAS Component source: ${src}`)
+    var { cdn, library, component, version, revision } = parsed
   }
   const dataValue = element.getAttribute('data')
   if (dataValue != null && dataValue != '') {
@@ -160,18 +162,30 @@ export class FEAASComponent extends FEAASBase<FEAASComponentsProps, string> {
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      'feaas-component': (Partial<
-        Omit<FEAASComponentsProps, 'component' | 'version' | 'revision' | 'lastModified' | 'withStylesheet'>
-      > &
-        (Pick<FEAASComponentsProps, 'component' | 'version' | 'revision'> | { src: string })) & {
+      'feaas-component': {
+        data?: any
+        template?: string
+        instance?: string
+        editable?: boolean
         children?: any
         dangerouslySetInnerHTML?: { __html: string }
         'last-modified'?: string
         'with-stylesheet'?: 'false' | 'true' | ''
-      }
+      } & (
+        | {
+            /** @deprecated Use cdn instead */
+            hostname?: string
+            cdn?: string
+            library: string
+            component: string
+            version?: string
+            revision?: FEAASComponentsProps['revision']
+          }
+        | { src: string }
+      )
     }
   }
 }
 FEAASComponent.register('feaas-component')
 
-export { FEAASComponent as Component }
+export { FEAASComponent as Component, FEAASComponentsProps as ComponentProps }

package/src/fetch.ts

@@ -19,7 +19,7 @@ export interface ValidatableRequest {
   url: Parameters<typeof fetch>[0]
   options?: Parameters<typeof fetch>[1]
   validator?: (resposne: Response) => boolean
-  callback?: (response: Response, status: ValidatableRequestPhase) => any
+  callback?: (response: Response, status: ValidatableRequestPhase, isCached: boolean) => any
   isCached?: boolean
   response?: Response
   cache?: FetchCache
@@ -93,7 +93,7 @@ export async function fetchWithCacheAwareness(
   const isCached =
     new Date(response.headers.get('date')) < date ||
     (promise && phase == 'initial' && (cachedRequest.phase == 'updated' || cachedRequest.phase == 'check'))
-  await callback?.(response, phase)
+  await callback?.(response, phase, isCached)
   return {
     url,
     options,

package/src/ui/react.tsx

@@ -1,8 +1,18 @@
 export * from './index.js'
-import { FEAASComponentProps } from './index.js'
+import { FEAASComponentProps, renderHTMLContent } from './index.js'
 import React from 'react'
 
 export function FEAASEmbed({ data, ...props }: FEAASComponentProps & { src: string }) {
-  return <feaas-component {...props} data={data ? JSON.stringify(data) : null} />
+  if ('template' in props) {
+    var html = renderHTMLContent(props.template, data || {})
+  }
+  return (
+    <feaas-component
+      {...props}
+      template={null}
+      data={data ? JSON.stringify(data) : null}
+      dangerouslySetInnerHTML={{ __html: html || '' }}
+    />
+  )
 }
 export const Component = FEAASEmbed

package/test/FEAASComponent.react.test.tsx

@@ -0,0 +1,44 @@
+import { beforeEach, afterAll, beforeAll, describe, expect, it, vi } from 'vitest'
+import { FEAASComponent } from '../src/components/FEAASComponent.js'
+import { renderDOMContent } from '../src/dom/rendering.js'
+import { clearFetchCache } from '../src/fetch.js'
+import { Component } from '../src/ui/react.js'
+import ReactDOM from 'react-dom'
+import React from 'react'
+
+describe('React', () => {
+  it('render react component', () => {
+    const div = document.createElement('div')
+    const root = ReactDOM.render(
+      <section>
+        <Component src='library/test'></Component>
+      </section>,
+      div
+    )
+    expect(div.innerHTML).toEqual('<section><feaas-component src="library/test"></feaas-component></section>')
+  })
+  it('render react template', () => {
+    const div = document.createElement('div')
+    const root = ReactDOM.render(
+      <section>
+        <Component src='library/test' template={'<div data-path-src="abc">'}></Component>
+      </section>,
+      div
+    )
+    expect(div.innerHTML).toEqual(
+      '<section><feaas-component src="library/test"><div data-path-src="abc"></div></feaas-component></section>'
+    )
+  })
+  it('render template with data', () => {
+    const div = document.createElement('div')
+    const root = ReactDOM.render(
+      <section>
+        <Component src='library/test' template={'<div data-path-src="abc">'} data={{ abc: 321 }}></Component>
+      </section>,
+      div
+    )
+    expect(div.innerHTML).toEqual(
+      '<section><feaas-component src="library/test" data="{&quot;abc&quot;:321}" library="library" component="test"><div data-path-src="abc"></div></feaas-component></section>'
+    )
+  })
+})

package/test/FEAASComponent.test.tsx

@@ -1,4 +1,4 @@
-import { beforeEach, afterAll, beforeAll, describe, expect, it, vi } from 'vitest'
+import { afterAll, beforeAll, beforeEach, describe, expect, it, vi } from 'vitest'
 import { FEAASComponent } from '../src/components/FEAASComponent.js'
 import { renderDOMContent } from '../src/dom/rendering.js'
 import { clearFetchCache } from '../src/fetch.js'
@@ -46,7 +46,7 @@ describe('Components', () => {
   it('should load component using src attribute shorthand', async () => {
     const spy = vi.spyOn(global, 'fetch')
     spy.mockImplementation(async (url: string, options: Parameters<typeof fetch>[1] = {}) => {
-      if (url.match('http://a/components/b/c/d/e.html')) {
+      if (url.match('http://a/components/b/c/d/1.html')) {
         return new Response('TODAY', {
           headers: {
             date: now.toUTCString(),
@@ -58,7 +58,7 @@ describe('Components', () => {
 
     // Fixme change to production component
     document.body.innerHTML =
-      '<feaas-component with-stylesheet="false" src="http://a/components/b/c/d/e.html"></feaas-component>'
+      '<feaas-component with-stylesheet="false" src="http://a/components/b/c/d/1.html"></feaas-component>'
 
     const component = document.body.firstElementChild as FEAASComponent
 
@@ -66,7 +66,7 @@ describe('Components', () => {
     expect(spy).toHaveBeenCalledTimes(1)
 
     expect(component.outerHTML).toBe(
-      `<feaas-component with-stylesheet="false" src="http://a/components/b/c/d/e.html" cdn="http://a" library="b" component="c" version="d" revision="e" class="-feaas">TODAY</feaas-component>`
+      `<feaas-component with-stylesheet="false" src="http://a/components/b/c/d/1.html" cdn="http://a" library="b" component="c" version="d" revision="1" class="-feaas">TODAY</feaas-component>`
     )
   })
 

package/test/cdn.ts

@@ -22,9 +22,14 @@ describe('CDN', function () {
     ].forEach((expression) => {
       expect(getComponentSource(parseComponentSource(expression))).toEqual(expression)
     })
-    expect(getComponentSource(parseComponentSource('library/component/version/1.html'))).toEqual(
+    expect(getComponentSource(parseComponentSource('library/component/version/12.html'))).toEqual(
+      'library/component/version/12'
+    )
+    expect(getComponentSource(parseComponentSource('library/component/version/1'))).toEqual(
       'library/component/version/1'
     )
+    expect(parseComponentSource('library/component/version/z.html')).toEqual(undefined)
+    expect(parseComponentSource('library/component/version/z')).toEqual(undefined)
     expect(
       parseComponentSource('https://feaaslocal.blob.core.windows.net/components/library/component/version/1.html')
     ).toEqual({
@@ -34,6 +39,13 @@ describe('CDN', function () {
       revision: '1',
       version: 'version'
     })
+    expect(parseComponentSource('library/component')).toEqual({
+      cdn: undefined,
+      component: 'component',
+      library: 'library',
+      revision: undefined,
+      version: undefined
+    })
     expect(
       getComponentSource(parseComponentSource(DEFAULT_CDN_URL + '/components/library/component/version/1.html'))
     ).toEqual('library/component/version/1')
@@ -47,6 +59,45 @@ describe('CDN', function () {
     ).toEqual('library/component')
   })
   it('should parse and serialize stylesheet src', function () {
+    expect(
+      getStylesheetURL(
+        parseStylesheetSource('https://feaaslocal.blob.core.windows.net/components/library/component/version/1')
+      )
+    ).toEqual('https://feaaslocal.blob.core.windows.net/styles/library/published.css')
+    expect(
+      getStylesheetSource(
+        parseStylesheetSource('https://feaaslocal.blob.core.windows.net/components/library/component/version')
+      )
+    ).toEqual('https://feaaslocal.blob.core.windows.net/styles/library')
+    expect(
+      getStylesheetSource(
+        parseStylesheetSource('https://feaaslocal.blob.core.windows.net/components/library/component')
+      )
+    ).toEqual('https://feaaslocal.blob.core.windows.net/styles/library')
+    expect(getStylesheetURL(parseStylesheetSource('library/component'))).toEqual(
+      DEFAULT_CDN_URL + '/styles/library/published.css'
+    )
+    expect(parseStylesheetSource('library/1')).toEqual({
+      cdn: undefined,
+      library: 'library',
+      revision: '1'
+    })
+    expect(parseStylesheetSource('library/published')).toEqual({
+      cdn: undefined,
+      library: 'library',
+      revision: 'published'
+    })
+    expect(parseStylesheetSource('library/component')).toEqual({
+      cdn: undefined,
+      library: 'library',
+      revision: undefined
+    })
+    expect(parseStylesheetSource('library')).toEqual({
+      cdn: undefined,
+      library: 'library',
+      revision: undefined
+    })
+    expect(getStylesheetSource(parseStylesheetSource('library/component/version'))).toEqual('library')
     expect(
       getStylesheetSource(
         parseStylesheetSource('https://feaaslocal.blob.core.windows.net/styles/clean-demo/published.css')
@@ -55,6 +106,7 @@ describe('CDN', function () {
     expect(
       getStylesheetSource(parseStylesheetSource('//feaaslocal.blob.core.windows.net/styles/clean-demo/published.css'))
     ).toEqual('//feaaslocal.blob.core.windows.net/styles/clean-demo')
+    expect(getStylesheetURL('clean-demo')).toEqual(DEFAULT_CDN_URL + '/styles/clean-demo/published.css')
     expect(getStylesheetURL('https://feaaslocal.blob.core.windows.net/styles/clean-demo')).toEqual(
       'https://feaaslocal.blob.core.windows.net/styles/clean-demo/published.css'
     )

package/types/cdn.d.ts

@@ -1,5 +1,5 @@
 import { ValidatableRequestPhase } from './fetch.js';
-export declare const DEFAULT_CDN_URL = "https://feaascomponentsapidev.blob.core.windows.net";
+export declare const DEFAULT_CDN_URL = "https://feaas.blob.core.windows.net";
 export type FEAASCDNComponentParams = {
     cdn?: string;
     revision?: 'staging' | 'published' | 'saved' | number;
@@ -31,7 +31,7 @@ export declare function parseComponentSource(source: string): FEAASCDNComponentP
 export declare function getComponentSource(props: FEAASCDNComponentParams): string;
 export declare function getStylesheetSource(props: FEAASCDNStylesheetParams): string;
 export declare function parseStylesheetSource(source: string): FEAASCDNStylesheetParams;
-export declare function getComponentURL(props: FEAASCDNComponentProps): string;
+export declare function getComponentURL(props: FEAASCDNComponentProps | string): string;
 export declare function getStylesheetURL(props: FEAASCDNStylesheetProps): string;
 export declare function fetchAndRevalidateComponent(props: FEAASCDNComponentProps, callback?: (html: string) => void, dontRevalidate?: boolean): Promise<import("./fetch.js").ValidatableRequest & Required<Pick<import("./fetch.js").ValidatableRequest, "response">>>;
 /** Fetches HTML of a component. */

package/types/cdn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cdn.d.ts","sourceRoot":"","sources":["../src/cdn.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,uBAAuB,EACxB,MAAM,YAAY,CAAA;AAEnB,eAAO,MAAM,eAAe,wDAAwD,CAAA;AACpF,MAAM,MAAM,uBAAuB,GAAG;IACpC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;IACrD,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IAEf,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AACD,MAAM,MAAM,uBAAuB,GAAG;IACpC,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AACD,MAAM,MAAM,qCAAqC,GAAG;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AACD,MAAM,MAAM,sBAAsB,GAAG,CAAC,uBAAuB,GAAG,uBAAuB,CAAC,GACtF,qCAAqC,CAAA;AAEvC,MAAM,WAAW,wBAAwB;IACvC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;IAErD,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AACD,MAAM,MAAM,uBAAuB,GAAG,wBAAwB,GAAG,wBAAwB,GAAG,MAAM,CAAA;AAElG,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG,uBAAuB,CAM5E;AACD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,UAahE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,UAIlE;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,GAAG,wBAAwB,CAM9E;AACD,wBAAgB,eAAe,CAAC,KAAK,EAAE,sBAAsB,UAS5D;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,uBAAuB,UAY9D;AAED,wBAAsB,2BAA2B,CAC/C,KAAK,EAAE,sBAAsB,EAC7B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,EACjC,cAAc,UAAQ,0HA8CvB;AAED,mCAAmC;AACnC,wBAAsB,cAAc,CAAC,KAAK,EAAE,sBAAsB,GAAG,MAAM;;;;;;;;IA1IzE,oCAAoC;;;;;;;;GAqJrC;AAED,MAAM,MAAM,6BAA6B,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAA;AACjG,wBAAsB,4BAA4B,CAChD,KAAK,EAAE,uBAAuB,EAC9B,QAAQ,EAAE,6BAA6B,qBAoBxC"}
+{"version":3,"file":"cdn.d.ts","sourceRoot":"","sources":["../src/cdn.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,uBAAuB,EACxB,MAAM,YAAY,CAAA;AAEnB,eAAO,MAAM,eAAe,wCAAwC,CAAA;AACpE,MAAM,MAAM,uBAAuB,GAAG;IACpC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;IACrD,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IAEf,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AACD,MAAM,MAAM,uBAAuB,GAAG;IACpC,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AACD,MAAM,MAAM,qCAAqC,GAAG;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AACD,MAAM,MAAM,sBAAsB,GAAG,CAAC,uBAAuB,GAAG,uBAAuB,CAAC,GACtF,qCAAqC,CAAA;AAEvC,MAAM,WAAW,wBAAwB;IACvC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;IAErD,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AACD,MAAM,MAAM,uBAAuB,GAAG,wBAAwB,GAAG,wBAAwB,GAAG,MAAM,CAAA;AAElG,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG,uBAAuB,CAQ5E;AACD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,UAahE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,UAIlE;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,GAAG,wBAAwB,CAc9E;AACD,wBAAgB,eAAe,CAAC,KAAK,EAAE,sBAAsB,GAAG,MAAM,UAYrE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,uBAAuB,UAY9D;AAED,wBAAsB,2BAA2B,CAC/C,KAAK,EAAE,sBAAsB,EAC7B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,EACjC,cAAc,UAAQ,0HA8CvB;AAED,mCAAmC;AACnC,wBAAsB,cAAc,CAAC,KAAK,EAAE,sBAAsB,GAAG,MAAM;;;;;;;;IAvJzE,oCAAoC;;;;;;;;GAkKrC;AAED,MAAM,MAAM,6BAA6B,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAA;AACjG,wBAAsB,4BAA4B,CAChD,KAAK,EAAE,uBAAuB,EAC9B,QAAQ,EAAE,6BAA6B,qBAoBxC"}

package/types/components/FEAASComponent.d.ts

@@ -62,18 +62,30 @@ export declare class FEAASComponent extends FEAASBase<FEAASComponentsProps, stri
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'feaas-component': (Partial<Omit<FEAASComponentsProps, 'component' | 'version' | 'revision' | 'lastModified' | 'withStylesheet'>> & (Pick<FEAASComponentsProps, 'component' | 'version' | 'revision'> | {
-                src: string;
-            })) & {
+            'feaas-component': {
+                data?: any;
+                template?: string;
+                instance?: string;
+                editable?: boolean;
                 children?: any;
                 dangerouslySetInnerHTML?: {
                     __html: string;
                 };
                 'last-modified'?: string;
                 'with-stylesheet'?: 'false' | 'true' | '';
-            };
+            } & ({
+                /** @deprecated Use cdn instead */
+                hostname?: string;
+                cdn?: string;
+                library: string;
+                component: string;
+                version?: string;
+                revision?: FEAASComponentsProps['revision'];
+            } | {
+                src: string;
+            });
         }
     }
 }
-export { FEAASComponent as Component };
+export { FEAASComponent as Component, FEAASComponentsProps as ComponentProps };
 //# sourceMappingURL=FEAASComponent.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FEAASComponent.d.ts","sourceRoot":"","sources":["../../src/components/FEAASComponent.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,wBAAgB,oBAAoB,CAAC,OAAO,GAAE,SAAgB;;;;;;;;;;;;;;EA2B7D;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,WAYxB;IAED,YAAY;;;;;;;;;;;;;;OAOsB;IAElC,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;IAUhF,SAAS,IAAI,GAAG;;IAahB,IAAI;IASJ,WAAW;IAaX,aAAa;IAMb,MAAM,SAAU,MAAM,UAGrB;IAEK,IAAI;IAsBV,MAAM;CAYP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,iBAAiB,EAAE,CAAC,OAAO,CACzB,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,cAAc,GAAG,gBAAgB,CAAC,CACrG,GACC,CAAC,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,SAAS,GAAG,UAAU,CAAC,GAAG;gBAAE,GAAG,EAAE,MAAM,CAAA;aAAE,CAAC,CAAC,GAAG;gBACxF,QAAQ,CAAC,EAAE,GAAG,CAAA;gBACd,uBAAuB,CAAC,EAAE;oBAAE,MAAM,EAAE,MAAM,CAAA;iBAAE,CAAA;gBAC5C,eAAe,CAAC,EAAE,MAAM,CAAA;gBACxB,iBAAiB,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,EAAE,CAAA;aAC1C,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":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,wBAAgB,oBAAoB,CAAC,OAAO,GAAE,SAAgB;;;;;;;;;;;;;;EA6B7D;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,WAYxB;IAED,YAAY;;;;;;;;;;;;;;OAOsB;IAElC,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;IAUhF,SAAS,IAAI,GAAG;;IAahB,IAAI;IASJ,WAAW;IAaX,aAAa;IAMb,MAAM,SAAU,MAAM,UAGrB;IAEK,IAAI;IAsBV,MAAM;CAYP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,iBAAiB,EAAE;gBACjB,IAAI,CAAC,EAAE,GAAG,CAAA;gBACV,QAAQ,CAAC,EAAE,MAAM,CAAA;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;gBACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;gBAClB,QAAQ,CAAC,EAAE,GAAG,CAAA;gBACd,uBAAuB,CAAC,EAAE;oBAAE,MAAM,EAAE,MAAM,CAAA;iBAAE,CAAA;gBAC5C,eAAe,CAAC,EAAE,MAAM,CAAA;gBACxB,iBAAiB,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,EAAE,CAAA;aAC1C,GAAG,CACA;gBACE,kCAAkC;gBAClC,QAAQ,CAAC,EAAE,MAAM,CAAA;gBACjB,GAAG,CAAC,EAAE,MAAM,CAAA;gBACZ,OAAO,EAAE,MAAM,CAAA;gBACf,SAAS,EAAE,MAAM,CAAA;gBACjB,OAAO,CAAC,EAAE,MAAM,CAAA;gBAChB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAA;aAC5C,GACD;gBAAE,GAAG,EAAE,MAAM,CAAA;aAAE,CAClB,CAAA;SACF;KACF;CACF;AAGD,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,oBAAoB,IAAI,cAAc,EAAE,CAAA"}

package/types/fetch.d.ts

@@ -18,7 +18,7 @@ export interface ValidatableRequest {
     url: Parameters<typeof fetch>[0];
     options?: Parameters<typeof fetch>[1];
     validator?: (resposne: Response) => boolean;
-    callback?: (response: Response, status: ValidatableRequestPhase) => any;
+    callback?: (response: Response, status: ValidatableRequestPhase, isCached: boolean) => any;
     isCached?: boolean;
     response?: Response;
     cache?: FetchCache;
@@ -40,7 +40,7 @@ export declare function fetchWithCacheAwareness({ url, options, validator, callb
     isCached: boolean;
     response: Response;
     validator: (resposne: Response) => boolean;
-    callback: (response: Response, status: "initial" | "check" | "updated") => any;
+    callback: (response: Response, status: "initial" | "check" | "updated", isCached: boolean) => any;
     cache: FetchCache;
 }>;
 export declare function fetchToValidateCache(request: ValidatableRequest & Required<Pick<ValidatableRequest, 'response'>>): Promise<ValidatableRequest & Required<Pick<ValidatableRequest, "response">>>;
@@ -50,7 +50,7 @@ export declare function fetchBypassingCache(request: ValidatableRequest): Promis
     isCached: boolean;
     response: Response;
     validator: (resposne: Response) => boolean;
-    callback: (response: Response, status: "initial" | "check" | "updated") => any;
+    callback: (response: Response, status: "initial" | "check" | "updated", isCached: boolean) => any;
     cache: FetchCache;
 }>;
 export {};

package/types/fetch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fetch.d.ts","sourceRoot":"","sources":["../src/fetch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAEtD;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,MAAM,0CAA2C,CAAA;AACvD,MAAM,MAAM,uBAAuB,GAAG,OAAO,MAAM,CAAC,MAAM,CAAC,CAAA;AAC3D,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAA;AAC1D,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,uBAAuB,KAAK,GAAG,CAAA;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,uBAAuB,CAAA;IAC9B,OAAO,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IACpC,KAAK,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IAClC,OAAO,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IACpC,KAAK,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;CACnC,CAAA;AAED,eAAO,IAAI,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAM,CAAA;AAC7D,wBAAgB,eAAe,SAE9B;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,EACzC,KAAK,GAAE,UAAuB,qBAM/B;AAED,wBAAgB,aAAa,CAAC,GAAG,EAAE,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU,UAAQ,qBAajF;AAED,wBAAsB,uBAAuB,CAC3C,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,kBAAkB,EAChE,KAAK,GAAE,uBAAmC;;;;;;;;GAmC3C;AAED,wBAAsB,oBAAoB,CACxC,OAAO,EAAE,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC,gFA0B7E;AAED,wBAAsB,mBAAmB,CAAC,OAAO,EAAE,kBAAkB;;;;;;;;GAWpE"}
+{"version":3,"file":"fetch.d.ts","sourceRoot":"","sources":["../src/fetch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAEtD;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,MAAM,0CAA2C,CAAA;AACvD,MAAM,MAAM,uBAAuB,GAAG,OAAO,MAAM,CAAC,MAAM,CAAC,CAAA;AAC3D,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAA;AAC1D,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,uBAAuB,EAAE,QAAQ,EAAE,OAAO,KAAK,GAAG,CAAA;IAC1F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,uBAAuB,CAAA;IAC9B,OAAO,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IACpC,KAAK,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IAClC,OAAO,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IACpC,KAAK,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;CACnC,CAAA;AAED,eAAO,IAAI,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAM,CAAA;AAC7D,wBAAgB,eAAe,SAE9B;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,EACzC,KAAK,GAAE,UAAuB,qBAM/B;AAED,wBAAgB,aAAa,CAAC,GAAG,EAAE,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU,UAAQ,qBAajF;AAED,wBAAsB,uBAAuB,CAC3C,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,kBAAkB,EAChE,KAAK,GAAE,uBAAmC;;;;;;;;GAmC3C;AAED,wBAAsB,oBAAoB,CACxC,OAAO,EAAE,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC,gFA0B7E;AAED,wBAAsB,mBAAmB,CAAC,OAAO,EAAE,kBAAkB;;;;;;;;GAWpE"}