@sitecore-feaas/clientside 0.0.1

package/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "strict": false /* Enable all strict type-checking options. */,
+    "declaration": true,
+    "forceConsistentCasingInFileNames": false,
+    "outDir": "dist",
+    "types": ["react", "react-dom"]
+  },
+  "include": ["**/*.ts", "**/*.tsx"],
+  "exclude": ["**/node_modules", "**/dist"]
+}

package/webcomponent-189a307d.d.ts

@@ -0,0 +1,103 @@
+interface CloudTemplate {
+    hostname?: string;
+    library: string;
+    component: string;
+    variant: string;
+    version?: string;
+}
+interface CloudStylesheet {
+    hostname?: string;
+    library: string;
+    version?: string;
+}
+declare function getComponentURL({ hostname, library, component, variant, version }: CloudTemplate): string;
+declare function getStylesheetURL({ hostname, library, version }: CloudStylesheet): string;
+declare function fetchComponent(props: CloudTemplate, callback: (html: string) => void): Promise<Response>;
+declare function fetchStylesheet(props: CloudStylesheet, callback: (css: string) => void): Promise<Response>;
+
+interface FEAASCustomizations {
+    processTemplate?: (element: HTMLElement, template: string, data: any) => string;
+    processData?: (element: HTMLElement, data: any) => any;
+    processValue?: (element: HTMLElement, property: string, value: any) => any;
+    shouldRepeat?: (element: HTMLElement, value: any) => boolean;
+    onRender?: (element: HTMLElement, data: any) => void;
+}
+interface ExplicitTemplate {
+    template: string;
+}
+declare type Datascopes = Record<string, any>;
+declare type FEAASComponentProps = {
+    data?: Datascopes;
+} & (ExplicitTemplate | CloudTemplate) & FEAASCustomizations;
+declare function renderComponentElement(content: string, datasources?: Datascopes): HTMLDivElement;
+declare function cleanCollectionBit(path: string): string;
+declare function normalizeCollectionScope(path: string): string;
+declare function queryScopes(scopes: any, datapath: string, singleValue?: boolean, json?: any): any;
+declare function setDOMAttribute(element: HTMLElement, attribute: string, value: any, config?: FEAASCustomizations): void;
+declare function observeDOMElement(element: HTMLElement): MutationObserver;
+declare function autoloadScripts(element: HTMLElement, observe?: boolean): MutationObserver;
+declare function loadScript(element: HTMLElement, src: string): boolean;
+declare function renderDOMElement(input: HTMLElement | DocumentFragment, datascopes?: any, config?: FEAASCustomizations, isNested?: boolean): HTMLElement;
+declare function renderDOMContent(root: HTMLElement, template: string, data?: Datascopes, config?: FEAASCustomizations): HTMLElement;
+declare function renderStylesheet(props: CloudStylesheet, style?: HTMLStyleElement): HTMLStyleElement;
+declare function renderStylesheetPromise(props: CloudStylesheet, style?: HTMLStyleElement): Promise<HTMLStyleElement>;
+declare function renderComponent(props: FEAASComponentProps, root?: HTMLElement): HTMLElement;
+declare function renderComponentPromise(props: FEAASComponentProps, root?: HTMLElement): Promise<HTMLElement>;
+
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'feaas-component': {
+                data?: any;
+                library: string;
+                component: string;
+                variant: string;
+                version?: string;
+                hostname?: string;
+                template?: string;
+                children?: any;
+            };
+            'feaas-stylesheet': {
+                library?: string;
+                hostname?: string;
+                children?: any;
+            };
+        }
+    }
+}
+declare var WebComponent: {
+    new (): HTMLElement;
+    prototype: HTMLElement;
+};
+declare class HTMLFeaasComponent extends WebComponent {
+    static get observedAttributes(): string[];
+    connected: boolean;
+    template: string;
+    data: any;
+    isFetching: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    update(): void;
+    setData(data: any): void;
+    getOriginal(): HTMLFeaasComponent;
+    getData(): any;
+    render(): void;
+    getProps(): CloudTemplate & {
+        data: Datascopes;
+    };
+}
+declare class HTMLFeaasStylesheet extends WebComponent {
+    static get observedAttributes(): string[];
+    connected: boolean;
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    render(): void;
+    getProps(): {
+        library: string;
+        version: string;
+        hostname: string;
+    };
+}
+
+export { CloudStylesheet as C, Datascopes as D, ExplicitTemplate as E, FEAASCustomizations as F, HTMLFeaasComponent as H, HTMLFeaasStylesheet as a, FEAASComponentProps as b, cleanCollectionBit as c, autoloadScripts as d, renderDOMElement as e, renderDOMContent as f, renderStylesheet as g, renderStylesheetPromise as h, renderComponent as i, renderComponentPromise as j, CloudTemplate as k, loadScript as l, getComponentURL as m, normalizeCollectionScope as n, observeDOMElement as o, getStylesheetURL as p, queryScopes as q, renderComponentElement as r, setDOMAttribute as s, fetchComponent as t, fetchStylesheet as u };