@sitecore-feaas/clientside 0.1.15 → 0.1.17

package/build/dom.js

@@ -0,0 +1,301 @@
+import { JSONPath } from 'jsonpath-plus';
+import { fetchComponent, fetchStylesheet } from './cloud.js';
+export function renderComponentElement(content, datasources) {
+    const wrapper = document.createElement('div');
+    wrapper.innerHTML = content;
+    const fragment = document.createDocumentFragment();
+    while (wrapper.firstChild) {
+        fragment.appendChild(wrapper.firstChild);
+    }
+    renderDOMElement(fragment, datasources);
+    return wrapper;
+}
+export function cleanCollectionBit(path) {
+    return path.replace(/(\[[^\]\[]+\]|\.\*)$/g, '');
+}
+export function normalizeCollectionScope(path) {
+    return cleanCollectionBit(path) + '.*';
+}
+function getDOMCollectionIndex(element) {
+    const datascope = element.getAttribute('data-path-scope');
+    var index = 0;
+    for (var p = element; (p = p.previousElementSibling);) {
+        if (p.getAttribute('data-path-scope') == datascope) {
+            index++;
+        }
+    }
+    return index;
+}
+function updateDOMClones(element, targetCount, config) {
+    const datascope = element.getAttribute('data-path-scope');
+    if (datascope == null) {
+        return;
+    }
+    var index = getDOMCollectionIndex(element);
+    if (index != 0) {
+        return;
+    }
+    const parentElement = element.parentElement;
+    if (parentElement == null) {
+        return;
+    }
+    /*dont remove first element, just hide it*/
+    if (targetCount == 0) {
+        element.style.display = 'none';
+    }
+    else if (element.style.display) {
+        element.style.display = '';
+        if (element.getAttribute('style') == '')
+            element.removeAttribute('style');
+    }
+    var count = index + 1;
+    var last = element;
+    for (var n = element; (n = n.nextElementSibling);) {
+        if (n.getAttribute('data-path-scope') == datascope) {
+            count++;
+            last = n;
+        }
+    }
+    /* add missing clones */
+    for (var i = count; i < targetCount; i++) {
+        parentElement.insertBefore(last.cloneNode(true), last.nextElementSibling);
+    }
+    /* remove excessive clones fron previous renders */
+    for (var i = Math.max(1, targetCount); i < count; i++) {
+        last = last.previousElementSibling;
+        parentElement.removeChild(last.nextElementSibling);
+    }
+}
+export function queryScopes(scopes, datapath, singleValue = false, json = scopes) {
+    var path = datapath;
+    /* find closest parent scope */
+    const keys = Object.keys(scopes).sort((b, a) => a.length - b.length);
+    for (const scope of keys) {
+        if (datapath.startsWith(scope) && 'ends with it') {
+            if (scope == datapath) {
+                if (singleValue) {
+                    return scopes[scope];
+                }
+                else {
+                    continue;
+                }
+            }
+            path = datapath.substring(scope.length + 1);
+            json = scopes[scope];
+            break;
+        }
+    }
+    var collection = JSONPath({
+        path: path,
+        json: json
+    });
+    // Try finding the value in catch-all scope identified by `_` key
+    if ((scopes === null || scopes === void 0 ? void 0 : scopes._) && Array.isArray(collection) && (collection === null || collection === void 0 ? void 0 : collection.length) == 0) {
+        collection = JSONPath({
+            path: path.replace(/^.*?\./, '_.'),
+            json: scopes
+        });
+    }
+    if (singleValue && Array.isArray(collection)) {
+        return collection[0];
+    }
+    else {
+        return collection;
+    }
+}
+export function setDOMAttribute(element, attribute, value, config) {
+    var _a;
+    if (!element)
+        return;
+    var target = element;
+    if (config === null || config === void 0 ? void 0 : config.processValue) {
+        value = config === null || config === void 0 ? void 0 : config.processValue(element, attribute, value);
+    }
+    var prop = attribute.replace('data-path-', '');
+    if (attribute == 'data-path-src') {
+        target = element.tagName == 'IMG' ? element : element.querySelector('img, video');
+    }
+    else if (attribute == 'data-path-href') {
+        target = element.querySelector('a') || element.closest('a');
+    }
+    else if (attribute == 'data-path-alt') {
+        target = element.querySelector('img, picture');
+    }
+    else if (attribute == 'data-path-hidden') {
+        value = !value ? true : null;
+    }
+    else if (attribute == 'data-path' || attribute == 'data-embed-html' || attribute == 'html') {
+        prop = 'innerHTML';
+    }
+    else if (attribute == 'data-embed-src') {
+        loadScript(element, value);
+    }
+    else if (attribute == 'data-path-attributes') {
+        const oldKeys = ((_a = element.getAttribute('data-attributes-keys')) === null || _a === void 0 ? void 0 : _a.split(',').filter(Boolean)) || [];
+        for (var property in value) {
+            var subvalue = value[property];
+            setDOMAttribute(element, property, typeof subvalue == 'object' && subvalue ? JSON.stringify(subvalue) : subvalue, config);
+        }
+        for (var i = 0; i < oldKeys.length; i++) {
+            if (value == null || !(oldKeys[i] in value)) {
+                setDOMAttribute(element, oldKeys[i], null, config);
+            }
+        }
+        setDOMAttribute(element, 'data-attributes-keys', Object.keys(value || {}).join(','));
+        return;
+    }
+    if (typeof value == 'boolean') {
+        value = value ? '' : null;
+    }
+    if (!target)
+        return;
+    var placeholder = String(element.getAttribute('data-path-placeholder') || target[prop]);
+    if (value != null) {
+        if (prop == 'innerHTML') {
+            if (target.innerHTML != value) {
+                target.innerHTML = value;
+            }
+        }
+        else {
+            if (target.getAttribute(prop) != value) {
+                target.setAttribute(prop, value);
+            }
+        }
+    }
+    else {
+        if (prop == 'innerHTML') {
+            target.innerHTML = placeholder;
+        }
+        else {
+            target.removeAttribute(prop);
+        }
+    }
+}
+export function observeDOMElement(element) {
+    const observer = new element.ownerDocument.defaultView.MutationObserver((changes) => {
+        changes.forEach((change) => {
+            const target = change.target;
+            const src = target.getAttribute('data-embed-src');
+            if (src) {
+                loadScript(target, src);
+            }
+            if (change.addedNodes) {
+                change.addedNodes.forEach((node) => {
+                    if (node.nodeType == 1)
+                        autoloadScripts(node, false);
+                });
+            }
+        });
+    });
+    observer.observe(element, { attributes: true, subtree: true, childList: true });
+    return observer;
+}
+export function autoloadScripts(element, observe = true) {
+    const embeds = element.querySelectorAll('[data-embed-src]');
+    for (var i = 0; i < embeds.length; i++) {
+        const embed = embeds[i];
+        loadScript(embed, embed.getAttribute('data-embed-src'));
+    }
+    if (observe)
+        return observeDOMElement(element);
+}
+export function loadScript(element, src) {
+    for (var p = element; p; p = p.parentElement) {
+        if (!p.parentElement) {
+            const scripts = p.querySelectorAll('script');
+            for (var i = 0; i < scripts.length; i++) {
+                if (scripts[i].getAttribute('src') == src) {
+                    return true;
+                }
+            }
+            if (p.tagName == 'HTML')
+                p = p.querySelector('head') || p;
+            const script = p.ownerDocument.createElement('script');
+            script.type = 'module';
+            script.src = src;
+            p.appendChild(script);
+            break;
+        }
+    }
+}
+// order in which attributes are proccesed. Rightmost are more important
+var sortOrder = ['data-attributes-keys', 'data-path-attributes', 'data-path-scope'];
+export function renderDOMElement(input, datascopes, config, isNested) {
+    var _a, _b, _c;
+    const element = input;
+    if (!isNested) {
+        datascopes = ((_a = config === null || config === void 0 ? void 0 : config.processData) === null || _a === void 0 ? void 0 : _a.call(config, element, datascopes)) || datascopes;
+    }
+    if (element.nodeType == 1) {
+        const datascope = element.getAttribute('data-path-scope');
+        if (datascope) {
+            const index = getDOMCollectionIndex(element);
+            const collection = queryScopes(datascopes, datascope, false) || [];
+            if (index == 0) {
+                updateDOMClones(element, ((_b = config === null || config === void 0 ? void 0 : config.shouldRepeat) === null || _b === void 0 ? void 0 : _b.call(config, element, collection)) === false ? 1 : collection.length, config);
+            }
+            datascopes = {
+                ...datascopes,
+                [normalizeCollectionScope(datascope)]: collection[index]
+            };
+        }
+        const attrs = Array.prototype.slice.call(element.attributes).sort((a, b) => {
+            return sortOrder.indexOf(a.name) - sortOrder.indexOf(b.name);
+        });
+        for (var i = 0; i < attrs.length; i++) {
+            const { name, value: datapath } = attrs[i];
+            if (name.startsWith('data-path') && name != 'data-path-scope') {
+                setDOMAttribute(element, name, queryScopes(datascopes, datapath, true), config);
+            }
+            if (name == 'data-embed-src') {
+                setDOMAttribute(element, name, element.getAttribute(name), config);
+            }
+        }
+    }
+    for (var i = 0; i < element.children.length; i++) {
+        renderDOMElement(element.children[i], datascopes, config, true);
+    }
+    if (!isNested) {
+        (_c = config === null || config === void 0 ? void 0 : config.onRender) === null || _c === void 0 ? void 0 : _c.call(config, element, datascopes);
+    }
+    return element;
+}
+export function renderDOMContent(root, template, data, config) {
+    var _a;
+    const newTemplate = ((_a = config === null || config === void 0 ? void 0 : config.processTemplate) === null || _a === void 0 ? void 0 : _a.call(config, root, template, data)) || template;
+    root.innerHTML = newTemplate;
+    root.classList.add('-feaas');
+    return renderDOMElement(root, data, config);
+}
+export function renderStylesheet(props, style) {
+    renderStylesheetPromise(props, (style || (style = document.createElement('style'))));
+    return style;
+}
+export function renderStylesheetPromise(props, style) {
+    style || (style = document.createElement('style'));
+    return fetchStylesheet(props, (cssText) => {
+        style.textContent = cssText;
+    }).then(() => style);
+}
+export function renderComponent(props, root) {
+    renderComponentPromise(props, (root || (root = document.createElement('div'))));
+    return root;
+}
+export async function renderComponentPromise(props, root) {
+    root || (root = document.createElement('div'));
+    if (!root.childNodes.length) {
+        if ('template' in props) {
+            return renderDOMContent(root, props.template, props.data, props);
+        }
+        else {
+            return fetchComponent(props, (template) => {
+                return renderDOMContent(root, template, props.data, props);
+            }).then(() => root);
+        }
+        /* update element with new data */
+    }
+    else {
+        return renderDOMElement(root, props.data, props);
+    }
+}
+//# sourceMappingURL=dom.js.map

package/build/dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.js","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"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"}

package/build/fetch.js

@@ -0,0 +1,56 @@
+/* Utility to cache-bust static files.
+
+It handles multiple situations:
+
+1. Initial request, valid response
+2. Initial request, invalid response
+2. Initial request, missing response
+3. Cached request, valid response (1 extra head request)
+4. Cached request, invalid response, valid refetch (2 fetches + 1 head)
+5. Cached request, invalid response, invalid refetch (2 fetches + 1 head)
+
+It works as promise, but also accepts callback to use cached blobs mid-flight and have access to headers.
+Any network errors will not caught.
+Function throws when unable to fetch valid response.
+
+*/
+export async function fetchAndRevalidate(url, options, validator, callback) {
+    // make request as usual, see if there's cached version of an asset
+    const date = new Date();
+    const initialResponse = await fetch(url, options);
+    if (!initialResponse.ok)
+        throw new Error('Fetch failed');
+    const responseDate = new Date(initialResponse.headers.get('date'));
+    var response = initialResponse;
+    callback(initialResponse, 'cached');
+    // see if response was pulled from cache
+    if (responseDate < date) {
+        // check if response was stale by sending quick HEAD reque st busting cache
+        const freshHeadResponse = await fetch(url + '?' + Math.random(), {
+            ...options,
+            method: 'HEAD',
+            cache: 'no-cache'
+        });
+        // there's a newer version of the file that we may fetch
+        if (freshHeadResponse.headers.get('last-modified') != initialResponse.headers.get('last-modified')) {
+            // check if re-fetching is even necessary
+            if (validator(freshHeadResponse) === false) {
+                //callback('stale', freshHeadResponse)
+                throw new Error('Response is stale');
+            }
+            // otherwise the new resource has to be re-fetched
+            response = await fetch(url, {
+                ...options,
+                cache: 'reload'
+            });
+        }
+    }
+    if (validator(response) === false) {
+        throw new Error('Response is not valid');
+    }
+    if (initialResponse !== response) {
+        callback(response, 'valid');
+    }
+    return response;
+}
+//# sourceMappingURL=fetch.js.map

package/build/fetch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetch.js","sourceRoot":"","sources":["../src/fetch.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;EAeE;AACF,MAAM,CAAC,KAAK,UAAU,kBAAkB,CACtC,GAAgC,EAChC,OAAoC,EACpC,SAA0C,EAC1C,QAAkE;IAElE,mEAAmE;IACnE,MAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAA;IACvB,MAAM,eAAe,GAAG,MAAM,KAAK,CAAC,GAAG,EAAE,OAAO,CAAC,CAAA;IACjD,IAAI,CAAC,eAAe,CAAC,EAAE;QAAE,MAAM,IAAI,KAAK,CAAC,cAAc,CAAC,CAAA;IACxD,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAA;IAClE,IAAI,QAAQ,GAAG,eAAe,CAAA;IAC9B,QAAQ,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAA;IAEnC,wCAAwC;IACxC,IAAI,YAAY,GAAG,IAAI,EAAE;QACvB,2EAA2E;QAC3E,MAAM,iBAAiB,GAAG,MAAM,KAAK,CAAC,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,EAAE;YAC/D,GAAG,OAAO;YACV,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,UAAU;SAClB,CAAC,CAAA;QAEF,wDAAwD;QACxD,IAAI,iBAAiB,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE;YAClG,yCAAyC;YACzC,IAAI,SAAS,CAAC,iBAAiB,CAAC,KAAK,KAAK,EAAE;gBAC1C,sCAAsC;gBACtC,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAA;aACrC;YAED,kDAAkD;YAClD,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,EAAE;gBAC1B,GAAG,OAAO;gBACV,KAAK,EAAE,QAAQ;aAChB,CAAC,CAAA;SACH;KACF;IAED,IAAI,SAAS,CAAC,QAAQ,CAAC,KAAK,KAAK,EAAE;QACjC,MAAM,IAAI,KAAK,CAAC,uBAAuB,CAAC,CAAA;KACzC;IACD,IAAI,eAAe,KAAK,QAAQ,EAAE;QAChC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;KAC5B;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC"}

package/build/ui/FEAASContext.js

@@ -0,0 +1,68 @@
+import { FEAASBase } from '../components/FEAASBase.js';
+export function FEAASContextProps(element = this) {
+    var _a, _b, _c, _d;
+    return {
+        library: element === null || element === void 0 ? void 0 : element.getAttribute('library'),
+        src: (_a = element === null || element === void 0 ? void 0 : element.getAttribute('src')) !== null && _a !== void 0 ? _a : '/assets/context.js',
+        frontend: (_b = element === null || element === void 0 ? void 0 : element.getAttribute('frontend')) !== null && _b !== void 0 ? _b : 'https://components.sitecoreclud.io',
+        backend: (_c = element === null || element === void 0 ? void 0 : element.getAttribute('backend')) !== null && _c !== void 0 ? _c : 'https://components-api.sitecoreclud.io',
+        cdn: (_d = element === null || element === void 0 ? void 0 : element.getAttribute('cdn')) !== null && _d !== void 0 ? _d : 'https://feaascompontsapiprod.blob.core.windows.net',
+        getToken: null
+    };
+}
+/**
+ * Context provides shared parameters and react providers for its nested elements. It loads lazily once any of its
+ * nested components load. Just placing it on the page without any consumers does not impose any overhead.
+ */
+export class FEAASContext extends FEAASBase {
+    getProps() {
+        return FEAASContextProps(this);
+    }
+    load() {
+        return import(/* @vite-ignore */ /* webpackIgnore: true */ this.formatURL(this.props.src, this.props.frontend));
+    }
+    // Remove global styles
+    getTheme(theme) {
+        return theme;
+    }
+    getRoot() {
+        return this.shadowRoot || this.attachShadow({ mode: 'open' });
+    }
+    getReactRoot() {
+        if (!this.reactRoot) {
+            this.reactRoot = document.createElement('div');
+            this.getRoot().appendChild(this.reactRoot);
+        }
+        return this.reactRoot;
+    }
+    /** Pull in children FEAAS react elements into the shadow DOM so they receieve the styles */
+    nestedCallback(event) {
+        super.nestedCallback(event);
+        const target = event.composedPath()[0];
+        if (target.parentNode != this.getRoot()) {
+            this.getRoot().appendChild(target);
+        }
+    }
+    renderReact({ children, library }, { AppContext, Chakra: { Button, Tooltip }, React }) {
+        const portalProps = {
+            containerRef: { current: this.getRoot() }
+        };
+        Tooltip.defaultProps = {
+            hasArrow: true,
+            placement: 'top',
+            portalProps
+        };
+        return (React.createElement(AppContext, { libraryId: this.props.library, container: this.getRoot(), getToken: this.props.getToken, getTheme: this.getTheme, modalProps: {
+                portalProps
+            }, chakraProps: {
+                cssVarsRoot: ':host',
+                resetCSS: true,
+                toastOptions: {
+                    portalProps
+                }
+            } }, children));
+    }
+}
+FEAASContext.observedAttributes = ['library', 'component', 'version', 'revision', 'hostname', 'template'];
+FEAASContext.register('feaas-context');
+//# sourceMappingURL=FEAASContext.js.map

package/build/ui/FEAASContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FEAASContext.js","sourceRoot":"","sources":["../../src/ui/FEAASContext.tsx"],"names":[],"mappings":"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"}

package/build/ui/FEAASEditor.js

@@ -0,0 +1,180 @@
+import { FEAASBase } from '../components/FEAASBase.js';
+export function getFramePosition(element) {
+    let positions = [];
+    if (element) {
+        let currentWindow = element.ownerDocument.defaultView;
+        let currentParentWindow;
+        let rect;
+        while (currentWindow !== window.top) {
+            currentParentWindow = currentWindow.parent;
+            for (let idx = 0; idx < currentParentWindow.frames.length; idx++)
+                if (currentParentWindow.frames[idx] === currentWindow) {
+                    for (let frameElement of currentParentWindow.document.getElementsByTagName('iframe')) {
+                        if (frameElement.contentWindow === currentWindow) {
+                            rect = frameElement.getBoundingClientRect();
+                            const style = frameElement.contentWindow.getComputedStyle(frameElement);
+                            positions.push({
+                                left: rect.left + parseInt(style.borderLeftWidth),
+                                top: rect.top + parseInt(style.borderTopWidth)
+                            });
+                        }
+                    }
+                    currentWindow = currentParentWindow;
+                    break;
+                }
+        }
+    }
+    return positions.reduce((accumulator, currentValue) => {
+        return {
+            left: accumulator.left + currentValue.left,
+            top: accumulator.top + currentValue.top
+        };
+    }, { left: 0, top: 0 });
+}
+export function FEAASEditorProps(element = this) {
+    var _a;
+    return {
+        context: HTMLElement,
+        frontend: element === null || element === void 0 ? void 0 : element.getContextAttribute('frontend'),
+        src: (_a = element === null || element === void 0 ? void 0 : element.getAttribute('src')) !== null && _a !== void 0 ? _a : '/assets/editor.js',
+        library: element === null || element === void 0 ? void 0 : element.getAttribute('library'),
+        component: element === null || element === void 0 ? void 0 : element.getAttribute('component'),
+        version: element === null || element === void 0 ? void 0 : element.getAttribute('version'),
+        revision: (element === null || element === void 0 ? void 0 : element.getAttribute('revision')) || 'saved',
+        hidden: (element === null || element === void 0 ? void 0 : element.getAttribute('hidden')) != null,
+        for: element === null || element === void 0 ? void 0 : element.getAttribute('for')
+    };
+}
+export class FEAASEditor extends FEAASBase {
+    constructor() {
+        super(...arguments);
+        this.framePoint = { top: 0, left: 0 };
+        this.wrapperRect = { top: 0, left: 0, width: 0, height: 0 };
+        this.bodyRect = { top: 0, left: 0, width: 0, height: 0 };
+        this.getTarget = () => {
+            return document.querySelector('iframe').contentWindow.document.getElementById(this.props.for);
+        };
+        this.onChromeMeasureElement = (element, rect) => {
+            if (rect == null) {
+                rect = element.getBoundingClientRect();
+            }
+            if (element.ownerDocument == document) {
+                return {
+                    left: rect.left - this.bodyRect.left,
+                    top: rect.top - this.bodyRect.top,
+                    width: rect.width,
+                    height: rect.height
+                };
+            }
+            return {
+                left: rect.left + this.framePoint.left - this.bodyRect.left,
+                top: rect.top + this.framePoint.top - this.bodyRect.top,
+                width: rect.width,
+                height: rect.height
+            };
+        };
+        this.onBeforeMeasure = (refs) => {
+            if (refs.memoized.focusable)
+                this.framePoint = getFramePosition(refs.memoized.focusable);
+            this.wrapperRect = this.wrapper.getBoundingClientRect();
+            this.bodyRect = this.wrapper.ownerDocument.body.parentElement.getBoundingClientRect();
+        };
+        this.onMeasure = () => { };
+        this.onPosition = ({ focusable, root }) => {
+            const chrome = this.wrapper.querySelector('.editor-chrome');
+            const absolute = this.wrapper.querySelector('.ui.overlays');
+            if (focusable) {
+                const topbarHeight = 64;
+                const padding = 16;
+                chrome.style.width = focusable.width + padding * 2 + 'px';
+                chrome.style.height = focusable.height + padding * 1 + topbarHeight + 'px';
+                chrome.style.left = focusable.left - padding + 'px';
+                chrome.style.top = focusable.top - topbarHeight + 'px';
+                if (absolute) {
+                    absolute.style.left = root.left + 'px';
+                    absolute.style.top = root.top + 'px';
+                }
+            }
+            else {
+                chrome.style.left = '-1000px';
+                chrome.style.top = '-1000px';
+                // wrapper.style.left = '-1000px'
+                // wrapper.style.top = '-1000px'
+            }
+        };
+    }
+    getProps() {
+        return FEAASEditorProps(this);
+    }
+    load() {
+        return import(/* @vite-ignore */ /* webpackIgnore: true */ this.formatURL(this.props.src, this.props.frontend));
+    }
+    /*
+    getRoot(): HTMLElement | FEAASBase<any, any> | ShadowRoot {
+      return this.shadowRoot || this.attachShadow({ mode: 'open' })
+    }
+    reactRoot: HTMLDivElement
+    getReactRoot() {
+      if (!this.reactRoot) {
+        this.reactRoot = document.createElement('div')
+        this.reactRoot.className = 'react-root'
+        this.getRoot().appendChild(this.reactRoot)
+      }
+      return this.reactRoot
+    }
+   */
+    renderReact({ children, component: componentId, version: versionId }, { Editor, VersionStatusList, Version, EditorUIUndo, EditorUIMode, React: { useEffect, useMemo, useState }, Chakra: { HStack, Box }, Chrome, ReactDOM, useSDK, useSlots, useModelObserver }) {
+        if (!this.payload)
+            return;
+        const { sdk } = useSDK();
+        const [component, setComponent] = useState();
+        const library = sdk.library;
+        useEffect(() => {
+            return setComponent(library.components.getItem(componentId));
+        }, [componentId, library]);
+        useEffect(() => {
+            component === null || component === void 0 ? void 0 : component.versions.fetch();
+        }, [component]);
+        const target = useMemo(this.getTarget, [this.props.for]);
+        const observedVersions = useModelObserver(component === null || component === void 0 ? void 0 : component.versions);
+        const versions = useMemo(() => {
+            return (observedVersions === null || observedVersions === void 0 ? void 0 : observedVersions.filter((v) => v.id == versionId || !versionId)) || [];
+        }, [observedVersions]);
+        if (!component)
+            return;
+        return useSlots(children, ({ picker, children }) => (React.createElement(Box, { ref: (el) => (this.wrapper = el) },
+            React.createElement(Box, { className: 'editor-wrapper', position: 'absolute', left: 0, top: 0 },
+                React.createElement(Editor, { datasources: sdk.datasources, sdk: sdk, library: sdk.library, component: component, versions: versions, context: {
+                        onChromeMeasure: this.onMeasure,
+                        onChromeBeforeMeasure: this.onBeforeMeasure,
+                        onChromeMeasureElement: this.onChromeMeasureElement,
+                        onChromePosition: this.onPosition
+                    } }, ({ editor, status, isArchivedDisplayed }) => ({
+                    after: children,
+                    picker: picker,
+                    chrome: editor && React.createElement(Chrome, null),
+                    children: component
+                        .reduceVersionRevisions(versions)
+                        .filter((snapshot) => {
+                        var _a;
+                        return isArchivedDisplayed || !((_a = (snapshot.saved || snapshot.draft)) === null || _a === void 0 ? void 0 : _a.deletedAt);
+                    })
+                        .map((snapshot, index) => (React.createElement(Box, { key: snapshot.head.id, position: 'absolute', left: 0, top: 0, className: 'editor-chrome', p: 4, boxShadow: '2xl', pointerEvents: 'none' },
+                        React.createElement(Box, { className: 'borders', pointerEvents: 'none', left: 0, width: '4', top: 0, bottom: 0, backdropFilter: 'blur(2px)', background: 'rgb(244 244 244 / 80%)', position: 'absolute' }),
+                        React.createElement(Box, { className: 'borders', pointerEvents: 'none', right: 0, width: '4', top: 0, bottom: 0, backdropFilter: 'blur(2px)', background: 'rgb(244 244 244 / 80%)', position: 'absolute' }),
+                        React.createElement(Box, { className: 'borders', pointerEvents: 'none', top: 0, height: '16', left: 0, right: 0, backdropFilter: 'blur(2px)', background: 'rgb(244 244 244 / 80%)', position: 'absolute' }),
+                        React.createElement(Box, { className: 'borders', pointerEvents: 'none', bottom: 0, height: '4', left: 0, right: 0, backdropFilter: 'blur(2px)', background: 'rgb(244 244 244 / 80%)', position: 'absolute' }),
+                        React.createElement(Version, { version: snapshot.head, node: target }, {
+                            left: (React.createElement(HStack, { justifyContent: 'space-between' },
+                                React.createElement(EditorUIUndo, { size: 'sm', editor: status == 'ready' ? editor : null }),
+                                React.createElement(EditorUIMode, { size: 'sm' }))),
+                            middle: React.createElement(VersionStatusList, null)
+                        }))))
+                }))))));
+    }
+    isReadyToLoad() {
+        return this.props.component != null && this.props.version != null;
+    }
+}
+FEAASEditor.register('feaas-editor');
+//# sourceMappingURL=FEAASEditor.js.map

package/build/ui/FEAASEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FEAASEditor.js","sourceRoot":"","sources":["../../src/ui/FEAASEditor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAkB,MAAM,4BAA4B,CAAA;AAEtE,MAAM,UAAU,gBAAgB,CAAC,OAAoB;IACnD,IAAI,SAAS,GAAG,EAAE,CAAA;IAClB,IAAI,OAAO,EAAE;QACX,IAAI,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC,WAAqB,CAAA;QAC/D,IAAI,mBAAmB,CAAA;QACvB,IAAI,IAAI,CAAA;QACR,OAAO,aAAa,KAAK,MAAM,CAAC,GAAG,EAAE;YACnC,mBAAmB,GAAG,aAAa,CAAC,MAAM,CAAA;YAC1C,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,mBAAmB,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,EAAE;gBAC9D,IAAI,mBAAmB,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,aAAa,EAAE;oBACrD,KAAK,IAAI,YAAY,IAAI,mBAAmB,CAAC,QAAQ,CAAC,oBAAoB,CAAC,QAAQ,CAAC,EAAE;wBACpF,IAAI,YAAY,CAAC,aAAa,KAAK,aAAa,EAAE;4BAChD,IAAI,GAAG,YAAY,CAAC,qBAAqB,EAAE,CAAA;4BAC3C,MAAM,KAAK,GAAG,YAAY,CAAC,aAAa,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAA;4BAEvE,SAAS,CAAC,IAAI,CAAC;gCACb,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,eAAe,CAAC;gCACjD,GAAG,EAAE,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC;6BAC/C,CAAC,CAAA;yBACH;qBACF;oBACD,aAAa,GAAG,mBAA6B,CAAA;oBAC7C,MAAK;iBACN;SACJ;KACF;IACD,OAAO,SAAS,CAAC,MAAM,CACrB,CAAC,WAAW,EAAE,YAAY,EAAE,EAAE;QAC5B,OAAO;YACL,IAAI,EAAE,WAAW,CAAC,IAAI,GAAG,YAAY,CAAC,IAAI;YAC1C,GAAG,EAAE,WAAW,CAAC,GAAG,GAAG,YAAY,CAAC,GAAG;SACxC,CAAA;IACH,CAAC,EACD,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CACpB,CAAA;AACH,CAAC;AACD,MAAM,UAAU,gBAAgB,CAAC,UAAqB,IAAI;;IACxD,OAAO;QACL,OAAO,EAAE,WAAW;QACpB,QAAQ,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,CAAC,UAAU,CAAC;QAClD,GAAG,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,KAAK,CAAC,mCAAI,mBAAmB;QACxD,OAAO,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,SAAS,CAAC;QACzC,SAAS,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,WAAW,CAAC;QAC7C,OAAO,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,SAAS,CAAC;QACzC,QAAQ,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,UAAU,CAAC,KAAI,OAAO;QACtD,MAAM,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,QAAQ,CAAC,KAAI,IAAI;QAC/C,GAAG,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,KAAK,CAAC;KAClC,CAAA;AACH,CAAC;AASD,MAAM,OAAO,WAAY,SAAQ,SAAsD;IAAvF;;QAIE,eAAU,GAA+B,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAA;QAC5D,gBAAW,GAAS,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAA;QAC5D,aAAQ,GAAS,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAA;QAMzD,cAAS,GAAG,GAAG,EAAE;YACf,OAAO,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QAC/F,CAAC,CAAA;QAMD,2BAAsB,GAAG,CAAC,OAAoB,EAAE,IAAW,EAAE,EAAE;YAC7D,IAAI,IAAI,IAAI,IAAI,EAAE;gBAChB,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAA;aACvC;YACD,IAAI,OAAO,CAAC,aAAa,IAAI,QAAQ,EAAE;gBACrC,OAAO;oBACL,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI;oBACpC,GAAG,EAAE,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG;oBACjC,KAAK,EAAE,IAAI,CAAC,KAAK;oBACjB,MAAM,EAAE,IAAI,CAAC,MAAM;iBACpB,CAAA;aACF;YACD,OAAO;gBACL,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI;gBAC3D,GAAG,EAAE,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG;gBACvD,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,MAAM,EAAE,IAAI,CAAC,MAAM;aACpB,CAAA;QACH,CAAC,CAAA;QAED,oBAAe,GAA8D,CAAC,IAAI,EAAE,EAAE;YACpF,IAAI,IAAI,CAAC,QAAQ,CAAC,SAAS;gBAAE,IAAI,CAAC,UAAU,GAAG,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;YACxF,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAA;YACvD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAA;QACvF,CAAC,CAAA;QAED,cAAS,GAAwD,GAAG,EAAE,GAAE,CAAC,CAAA;QACzE,eAAU,GAAyD,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE;YACzF,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAgB,CAAA;YAC1E,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,cAAc,CAAgB,CAAA;YAC1E,IAAI,SAAS,EAAE;gBACb,MAAM,YAAY,GAAG,EAAE,CAAA;gBACvB,MAAM,OAAO,GAAG,EAAE,CAAA;gBAClB,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,GAAG,OAAO,GAAG,CAAC,GAAG,IAAI,CAAA;gBACzD,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,GAAG,OAAO,GAAG,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;gBAC1E,MAAM,CAAC,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,GAAG,OAAO,GAAG,IAAI,CAAA;gBACnD,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,SAAS,CAAC,GAAG,GAAG,YAAY,GAAG,IAAI,CAAA;gBACtD,IAAI,QAAQ,EAAE;oBACZ,QAAQ,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;oBACtC,QAAQ,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAA;iBACrC;aACF;iBAAM;gBACL,MAAM,CAAC,KAAK,CAAC,IAAI,GAAG,SAAS,CAAA;gBAC7B,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,SAAS,CAAA;gBAC5B,iCAAiC;gBACjC,gCAAgC;aACjC;QACH,CAAC,CAAA;IA0JH,CAAC;IArNC,QAAQ;QACN,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAA;IAC/B,CAAC;IAMD,IAAI;QACF,OAAO,MAAM,CAAC,kBAAkB,CAAC,yBAAyB,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;IACjH,CAAC;IAkDD;;;;;;;;;;;;;KAaC;IACD,WAAW,CACT,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,EAA6C,EACnG,EACE,MAAM,EACN,iBAAiB,EACjB,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,EACvC,MAAM,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EACvB,MAAM,EACN,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,gBAAgB,EACU;QAE5B,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAM;QACzB,MAAM,EAAE,GAAG,EAAE,GAAG,MAAM,EAAE,CAAA;QACxB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAyC,CAAA;QACnF,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAA;QAC3B,SAAS,CAAC,GAAG,EAAE;YACb,OAAO,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAA;QAC9D,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAA;QAC1B,SAAS,CAAC,GAAG,EAAE;YACb,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,CAAC,KAAK,EAAE,CAAA;QAC7B,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;QAEf,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;QAExD,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,CAAC,CAAA;QAC9D,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;YAC5B,OAAO,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,IAAI,CAAC,SAAS,CAAC,KAAI,EAAE,CAAA;QAC/E,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;QAEtB,IAAI,CAAC,SAAS;YAAE,OAAM;QACtB,OAAO,QAAQ,CAA6B,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC9E,oBAAC,GAAG,IAAC,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;YACnC,oBAAC,GAAG,IAAC,SAAS,EAAC,gBAAgB,EAAC,QAAQ,EAAC,UAAU,EAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;gBACjE,oBAAC,MAAM,IACL,WAAW,EAAE,GAAG,CAAC,WAAW,EAC5B,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,GAAG,CAAC,OAAO,EACpB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE;wBACP,eAAe,EAAE,IAAI,CAAC,SAAS;wBAC/B,qBAAqB,EAAE,IAAI,CAAC,eAAe;wBAC3C,sBAAsB,EAAE,IAAI,CAAC,sBAAsB;wBACnD,gBAAgB,EAAE,IAAI,CAAC,UAAU;qBAClC,IAEA,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,mBAAmB,EAAE,EAAE,EAAE,CAAC,CAAC;oBAC7C,KAAK,EAAE,QAAQ;oBACf,MAAM,EAAE,MAAM;oBACd,MAAM,EAAE,MAAM,IAAI,oBAAC,MAAM,OAAG;oBAC5B,QAAQ,EAAE,SAAS;yBAChB,sBAAsB,CAAC,QAAQ,CAAC;yBAChC,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE;;wBACnB,OAAO,mBAAmB,IAAI,CAAC,CAAA,MAAA,CAAC,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC,0CAAE,SAAS,CAAA,CAAA;oBAC9E,CAAC,CAAC;yBACD,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,oBAAC,GAAG,IACF,GAAG,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,EACrB,QAAQ,EAAC,UAAU,EACnB,IAAI,EAAE,CAAC,EACP,GAAG,EAAE,CAAC,EACN,SAAS,EAAC,eAAe,EACzB,CAAC,EAAE,CAAC,EACJ,SAAS,EAAE,KAAK,EAChB,aAAa,EAAC,MAAM;wBAEpB,oBAAC,GAAG,IACF,SAAS,EAAC,SAAS,EACnB,aAAa,EAAE,MAAM,EACrB,IAAI,EAAE,CAAC,EACP,KAAK,EAAC,GAAG,EACT,GAAG,EAAE,CAAC,EACN,MAAM,EAAE,CAAC,EACT,cAAc,EAAC,WAAW,EAC1B,UAAU,EAAC,wBAAwB,EACnC,QAAQ,EAAC,UAAU,GACd;wBACP,oBAAC,GAAG,IACF,SAAS,EAAC,SAAS,EACnB,aAAa,EAAE,MAAM,EACrB,KAAK,EAAE,CAAC,EACR,KAAK,EAAC,GAAG,EACT,GAAG,EAAE,CAAC,EACN,MAAM,EAAE,CAAC,EACT,cAAc,EAAC,WAAW,EAC1B,UAAU,EAAC,wBAAwB,EACnC,QAAQ,EAAC,UAAU,GACd;wBACP,oBAAC,GAAG,IACF,SAAS,EAAC,SAAS,EACnB,aAAa,EAAE,MAAM,EACrB,GAAG,EAAE,CAAC,EACN,MAAM,EAAC,IAAI,EACX,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,EACR,cAAc,EAAC,WAAW,EAC1B,UAAU,EAAC,wBAAwB,EACnC,QAAQ,EAAC,UAAU,GACd;wBACP,oBAAC,GAAG,IACF,SAAS,EAAC,SAAS,EACnB,aAAa,EAAE,MAAM,EACrB,MAAM,EAAE,CAAC,EACT,MAAM,EAAC,GAAG,EACV,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,EACR,cAAc,EAAC,WAAW,EAC1B,UAAU,EAAC,wBAAwB,EACnC,QAAQ,EAAC,UAAU,GACd;wBACP,oBAAC,OAAO,IAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,IAC1C;4BACC,IAAI,EAAE,CACJ,oBAAC,MAAM,IAAC,cAAc,EAAC,eAAe;gCACpC,oBAAC,YAAY,IAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAE,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,GAAI;gCACrE,oBAAC,YAAY,IAAC,IAAI,EAAC,IAAI,GAAG,CACnB,CACV;4BACD,MAAM,EAAE,oBAAC,iBAAiB,OAAG;yBAC9B,CACO,CACN,CACP,CAAC;iBACL,CAAC,CACK,CACL,CACF,CACP,CAAC,CAAA;IACJ,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAA;IACnE,CAAC;CACF;AASD,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAA"}