@journeyapps-labs/reactor-mod 1.0.0

package/dist/media-engine/types/images/ImageMedia.js

@@ -0,0 +1,57 @@
+import { AbstractMedia } from '../../AbstractMedia';
+import { v4 } from 'uuid';
+import * as _ from 'lodash';
+import { Jimp } from 'jimp';
+export class ImageMedia extends AbstractMedia {
+    constructor(options) {
+        super(options);
+        this.getPreview = _.memoize(async (options) => {
+            const image = await Jimp.read((await this.getImageURL()).url);
+            image.scaleToFit({
+                w: options.maxHeight,
+                h: options.maxHeight
+            });
+            // @ts-ignore
+            return await image.getBase64(this.getType().options.mime);
+        });
+        this.listeners = {};
+    }
+    /**
+     * Like `getImageURL` except this also tests the url
+     */
+    loadImageURL() {
+        return new Promise(async (resolve, reject) => {
+            const url = await this.getImageURL();
+            const tester = new Image();
+            tester.onload = () => {
+                resolve(url);
+            };
+            tester.onerror = () => {
+                url.dispose();
+                reject();
+            };
+            tester.src = url.url;
+        });
+    }
+    async getImageURL() {
+        if (!this.imageURL) {
+            const contents = await this.toArrayBuffer();
+            const blob = new Blob([contents], { type: this.options.type.options.mime });
+            this.imageURL = window.URL.createObjectURL(blob);
+        }
+        const id = v4();
+        this.listeners[id] = {
+            dispose: () => {
+                delete this.listeners[id];
+                if (Object.keys(this.listeners).length === 0) {
+                    // cleanup after all consumers are done with it otherwise memory LEAK :gasp:
+                    window.URL.revokeObjectURL(this.imageURL);
+                    this.imageURL = null;
+                }
+            },
+            url: this.imageURL
+        };
+        return this.listeners[id];
+    }
+}
+//# sourceMappingURL=ImageMedia.js.map

package/dist/media-engine/types/images/ImageMedia.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageMedia.js","sourceRoot":"","sources":["../../../../src/media-engine/types/images/ImageMedia.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAwB,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,KAAK,CAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAO5B,MAAM,OAAO,UAAW,SAAQ,aAAa;IAI3C,YAAY,OAA6B;QACvC,KAAK,CAAC,OAAO,CAAC,CAAC;QAIjB,eAAU,GAAG,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,OAAgD,EAAmB,EAAE;YACjG,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;YAC9D,KAAK,CAAC,UAAU,CAAC;gBACf,CAAC,EAAE,OAAO,CAAC,SAAS;gBACpB,CAAC,EAAE,OAAO,CAAC,SAAS;aACrB,CAAC,CAAC;YACH,aAAa;YACb,OAAO,MAAM,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAC5D,CAAC,CAAC,CAAC;QAXD,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;IACtB,CAAC;IAYD;;OAEG;IACH,YAAY;QACV,OAAO,IAAI,OAAO,CAAgB,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE;YAC1D,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;YACrC,MAAM,MAAM,GAAG,IAAI,KAAK,EAAE,CAAC;YAC3B,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;gBACnB,OAAO,CAAC,GAAG,CAAC,CAAC;YACf,CAAC,CAAC;YACF,MAAM,CAAC,OAAO,GAAG,GAAG,EAAE;gBACpB,GAAG,CAAC,OAAO,EAAE,CAAC;gBACd,MAAM,EAAE,CAAC;YACX,CAAC,CAAC;YACF,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,KAAK,CAAC,WAAW;QACf,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC;YAC5C,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;YAC5E,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QACnD,CAAC;QAED,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC;QAChB,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG;YACnB,OAAO,EAAE,GAAG,EAAE;gBACZ,OAAO,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;gBAC1B,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;oBAC7C,4EAA4E;oBAC5E,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;oBAC1C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;gBACvB,CAAC;YACH,CAAC;YACD,GAAG,EAAE,IAAI,CAAC,QAAQ;SACnB,CAAC;QACF,OAAO,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;IAC5B,CAAC;CACF"}

package/dist/media-engine/types/images/ImageMediaPanelFactory.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { ImageMediaPanelWidget } from './ImageMediaPanelWidget';
+import { AbstractMediaPanelFactory, AbstractMediaPanelModel } from '../../AbstractMediaPanelFactory';
+export class ImageMediaPanelModel extends AbstractMediaPanelModel {
+    constructor(media) {
+        super(ImageMediaPanelModel.TYPE, media);
+    }
+}
+ImageMediaPanelModel.TYPE = 'asset/image';
+export class ImageMediaPanelFactory extends AbstractMediaPanelFactory {
+    constructor() {
+        super({
+            type: ImageMediaPanelModel.TYPE,
+            name: 'Image viewer',
+            icon: 'images'
+        });
+    }
+    _generateModel() {
+        return new ImageMediaPanelModel(null);
+    }
+    generateMediaPanel(event) {
+        return React.createElement(ImageMediaPanelWidget, { key: event.model.id, asset: event.model.asset });
+    }
+}
+//# sourceMappingURL=ImageMediaPanelFactory.js.map

package/dist/media-engine/types/images/ImageMediaPanelFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageMediaPanelFactory.js","sourceRoot":"","sources":["../../../../src/media-engine/types/images/ImageMediaPanelFactory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAErG,MAAM,OAAO,oBAAqB,SAAQ,uBAAmC;IAG3E,YAAY,KAAiB;QAC3B,KAAK,CAAC,oBAAoB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC1C,CAAC;;AAJM,yBAAI,GAAG,aAAa,CAAC;AAO9B,MAAM,OAAO,sBAAuB,SAAQ,yBAA+C;IACzF;QACE,KAAK,CAAC;YACJ,IAAI,EAAE,oBAAoB,CAAC,IAAI;YAC/B,IAAI,EAAE,cAAc;YACpB,IAAI,EAAE,QAAQ;SACf,CAAC,CAAC;IACL,CAAC;IAES,cAAc;QACtB,OAAO,IAAI,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC;IAED,kBAAkB,CAAC,KAAuD;QACxE,OAAO,oBAAC,qBAAqB,IAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,GAAI,CAAC;IAClF,CAAC;CACF"}

package/dist/media-engine/types/images/ImageMediaPanelWidget.js

@@ -0,0 +1,111 @@
+import * as React from 'react';
+import * as _ from 'lodash';
+import styled from '@emotion/styled';
+import { LoadingPanelWidget } from '../../../widgets/panel/panel/LoadingPanelWidget';
+import { PanelToolbarWidget } from '../../../widgets/panel/toolbar/PanelToolbarWidget';
+var S;
+(function (S) {
+    S.Container = styled.div `
+    height: 100%;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    max-height: 100%;
+    position: absolute;
+  `;
+    S.Viewer = styled.div `
+    flex-grow: 1;
+    display: flex;
+    overflow: hidden;
+    justify-content: center;
+    align-items: center;
+  `;
+    S.Image = styled.img `
+    transform: scale(${(p) => p.scale});
+  `;
+})(S || (S = {}));
+export class ImageMediaPanelWidget extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            handler: null,
+            width: null,
+            height: null,
+            scale: 1
+        };
+        this.forwardRef = React.createRef();
+        this.containerRef = React.createRef();
+    }
+    async componentDidMount() {
+        const url = await this.props.asset.getImageURL();
+        this.setState({
+            handler: url
+        });
+    }
+    componentWillUnmount() {
+        if (this.state.handler) {
+            // release URL memory
+            this.state.handler.dispose();
+        }
+    }
+    componentDidUpdate(prevProps, prevState, snapshot) {
+        // size has not been computed yet, compute it so we can
+        // figure out how we need to scale it
+        if (this.forwardRef.current && this.state.width === null) {
+            _.defer(() => {
+                const width = this.forwardRef.current.naturalWidth;
+                const height = this.forwardRef.current.naturalHeight;
+                const containerWidth = this.containerRef.current.offsetWidth;
+                const containerHeight = this.containerRef.current.offsetHeight;
+                // handle oversize
+                let scale = 1;
+                if (height > containerHeight) {
+                    scale = containerHeight / height;
+                }
+                if (width > containerWidth) {
+                    const scale2 = containerWidth / width;
+                    scale = Math.min(scale, scale2);
+                }
+                this.setState({
+                    width: width,
+                    height: height,
+                    scale: scale
+                });
+            });
+        }
+    }
+    render() {
+        return (React.createElement(LoadingPanelWidget, { loading: !this.state.handler, children: () => {
+                return (React.createElement(S.Container, null,
+                    React.createElement(PanelToolbarWidget, { meta: [
+                            {
+                                label: 'Name',
+                                value: this.props.asset.getOptions().name
+                            },
+                            {
+                                label: 'Current Scale',
+                                value: `${this.state.scale * 100}%`
+                            },
+                            {
+                                label: 'Type',
+                                value: `${this.props.asset.getOptions().type.options.displayName} (${this.props.asset.getOptions().type.options.mime})`
+                            },
+                            {
+                                label: 'Width',
+                                value: `${this.state.width}px`
+                            },
+                            {
+                                label: 'Height',
+                                value: `${this.state.height}px`
+                            },
+                            {
+                                label: 'Size',
+                                value: `${this.props.asset.getMB()} mb`
+                            }
+                        ] }),
+                    React.createElement(S.Viewer, { ref: this.containerRef },
+                        React.createElement(S.Image, { scale: this.state.scale, src: this.state.handler.url, ref: this.forwardRef }))));
+            } }));
+    }
+}
+//# sourceMappingURL=ImageMediaPanelWidget.js.map

package/dist/media-engine/types/images/ImageMediaPanelWidget.js.map

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

package/dist/media-engine/types/images/ImageMediaType.js

@@ -0,0 +1,18 @@
+import { AbstractMediaType } from '../../AbstractMediaType';
+import { ImageMediaPanelFactory, ImageMediaPanelModel } from './ImageMediaPanelFactory';
+import { ImageMedia } from './ImageMedia';
+/**
+ * String in this case is a base64 string
+ */
+export class ImageMediaType extends AbstractMediaType {
+    generatePanelFactory() {
+        return new ImageMediaPanelFactory();
+    }
+    generateMedia(options) {
+        return new ImageMedia(Object.assign(Object.assign({}, options), { type: this }));
+    }
+    generateModel(media) {
+        return new ImageMediaPanelModel(media);
+    }
+}
+//# sourceMappingURL=ImageMediaType.js.map

package/dist/media-engine/types/images/ImageMediaType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageMediaType.js","sourceRoot":"","sources":["../../../../src/media-engine/types/images/ImageMediaType.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAwB,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AACxF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C;;GAEG;AAEH,MAAM,OAAO,cAAe,SAAQ,iBAA6B;IAC/D,oBAAoB;QAClB,OAAO,IAAI,sBAAsB,EAAE,CAAC;IACtC,CAAC;IAED,aAAa,CAAC,OAA6B;QACzC,OAAO,IAAI,UAAU,iCAChB,OAAO,KACV,IAAI,EAAE,IAAI,IACV,CAAC;IACL,CAAC;IAED,aAAa,CAAC,KAAiB;QAC7B,OAAO,IAAI,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACzC,CAAC;CACF"}

package/dist/media-engine/types/images/ImagePreviewWidget.js

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import styled from '@emotion/styled';
+import { useEffect, useState } from 'react';
+export const ImagePreviewWidget = (props) => {
+    const [url, setUrl] = useState();
+    useEffect(() => {
+        props.media
+            .getPreview({
+            maxWidth: props.width,
+            maxHeight: props.height
+        })
+            .then((url) => {
+            setUrl(url);
+        });
+    }, [props.media]);
+    if (!url) {
+        return null;
+    }
+    return React.createElement(S.Container, { className: props.className, src: url });
+};
+var S;
+(function (S) {
+    S.Container = styled.img ``;
+})(S || (S = {}));
+//# sourceMappingURL=ImagePreviewWidget.js.map

package/dist/media-engine/types/images/ImagePreviewWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePreviewWidget.js","sourceRoot":"","sources":["../../../../src/media-engine/types/images/ImagePreviewWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAO5C,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,KAAK,EAAE,EAAE;IAC7E,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,EAAU,CAAC;IACzC,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,KAAK;aACR,UAAU,CAAC;YACV,QAAQ,EAAE,KAAK,CAAC,KAAK;YACrB,SAAS,EAAE,KAAK,CAAC,MAAM;SACxB,CAAC;aACD,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;YACZ,MAAM,CAAC,GAAG,CAAC,CAAC;QACd,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAClB,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,oBAAC,CAAC,CAAC,SAAS,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAC/D,CAAC,CAAC;AACF,IAAU,CAAC,CAEV;AAFD,WAAU,CAAC;IACI,WAAS,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AACxC,CAAC,EAFS,CAAC,KAAD,CAAC,QAEV"}

package/dist/media-engine/types/images/UploadImagePreviewWidget.js

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import { v4 } from 'uuid';
+import { selectFile } from '@journeyapps-labs/lib-reactor-utils';
+import { MediaEngine } from '../../MediaEngine';
+import { ioc } from '../../../inversify.config';
+import { ImagePreviewWidget } from './ImagePreviewWidget';
+import { styled } from '../../../stores/themes/reactor-theme-fragment';
+export const UploadImagePreviewWidget = (props) => {
+    return (React.createElement(S.Preview, { onClick: async () => {
+            const file = await selectFile({ mimeTypes: props.mimeTypes });
+            const type = ioc.get(MediaEngine).getMediaType({
+                path: file.name
+            });
+            if (!type) {
+                return;
+            }
+            const media = type.generateMedia({
+                name: file.name,
+                uid: v4(),
+                content: file
+            });
+            if (media) {
+                props.onUpload(media);
+            }
+        } }, props.media ? (React.createElement(ImagePreviewWidget, { width: 200, height: 200, media: props.media })) : (React.createElement(S.Text, null, "Select image"))));
+};
+var S;
+(function (S) {
+    S.Text = styled.div `
+    position: absolute;
+    color: ${(p) => p.theme.forms.inputForeground};
+    top: 50%;
+    left: 50%;
+    transform: translateX(-50%) translateY(-50%);
+    font-size: 14px;
+    font-family: 'Open Sans';
+  `;
+    S.Preview = styled.div `
+    width: 200px;
+    height: 200px;
+    border-radius: 5px;
+    position: relative;
+    background: ${(p) => p.theme.forms.inputBackground};
+    cursor: pointer;
+  `;
+})(S || (S = {}));
+//# sourceMappingURL=UploadImagePreviewWidget.js.map

package/dist/media-engine/types/images/UploadImagePreviewWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadImagePreviewWidget.js","sourceRoot":"","sources":["../../../../src/media-engine/types/images/UploadImagePreviewWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAEjE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,+CAA+C,CAAC;AAQvE,MAAM,CAAC,MAAM,wBAAwB,GAA4C,CAAC,KAAK,EAAE,EAAE;IACzF,OAAO,CACL,oBAAC,CAAC,CAAC,OAAO,IACR,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;YAE9D,MAAM,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,YAAY,CAAC;gBAC7C,IAAI,EAAE,IAAI,CAAC,IAAI;aAChB,CAAC,CAAC;YAEH,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,OAAO;YACT,CAAC;YACD,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC;gBAC/B,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,GAAG,EAAE,EAAE,EAAE;gBACT,OAAO,EAAE,IAAI;aACd,CAAe,CAAC;YACjB,IAAI,KAAK,EAAE,CAAC;gBACV,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC;QACH,CAAC,IAEA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACb,oBAAC,kBAAkB,IAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CACpE,CAAC,CAAC,CAAC,CACF,oBAAC,CAAC,CAAC,IAAI,uBAAsB,CAC9B,CACS,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,IAAU,CAAC,CAmBV;AAnBD,WAAU,CAAC;IACI,MAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;aAEnB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe;;;;;;GAM9C,CAAC;IAEW,SAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;kBAKjB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe;;GAEnD,CAAC;AACJ,CAAC,EAnBS,CAAC,KAAD,CAAC,QAmBV"}

package/dist/panels/empty/EmptyPanelWorkspaceFactory.js

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { EmptyWorkspacePanel } from './EmptyWorkspacePanel';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { ReactorPanelFactory } from '../../stores/workspace/react-workspaces/ReactorPanelFactory';
+import { ReactorPanelModel } from '../../stores/workspace/react-workspaces/ReactorPanelModel';
+import { TAB_BAR_HEIGHT } from '../../stores/workspace/react-workspaces/ReactorTabFactory';
+import { themed } from '../../stores/themes/reactor-theme-fragment';
+var S;
+(function (S) {
+    S.Container = themed.div `
+    background: ${(p) => p.theme.panels.trayBackground};
+    display: flex;
+    margin-right: 2px;
+    align-items: center;
+    padding: 0 10px;
+    height: ${TAB_BAR_HEIGHT}px;
+    overflow: hidden;
+    cursor: pointer;
+    color: white;
+  `;
+})(S || (S = {}));
+export class EmptyReactorPanelModel extends ReactorPanelModel {
+    constructor() {
+        super(EmptyPanelWorkspaceFactory.TYPE);
+        this.setExpand(true, true);
+    }
+}
+export class EmptyPanelWorkspaceFactory extends ReactorPanelFactory {
+    constructor() {
+        super({
+            type: EmptyPanelWorkspaceFactory.TYPE,
+            name: 'Select panel',
+            icon: 'clone',
+            allowManualCreation: false,
+            isMultiple: false
+        });
+    }
+    _generateModel() {
+        return new EmptyReactorPanelModel();
+    }
+    generatePanelContent(event) {
+        return React.createElement(EmptyWorkspacePanel, { event: event, factory: this });
+    }
+    generatePanelTabInternal(event) {
+        return (React.createElement(S.Container, { onClick: (e) => {
+                e.persist();
+                event.model.parent.delete();
+            } },
+            React.createElement(FontAwesomeIcon, { icon: "times-circle" })));
+    }
+}
+EmptyPanelWorkspaceFactory.TYPE = 'empty';
+//# sourceMappingURL=EmptyPanelWorkspaceFactory.js.map

package/dist/panels/empty/EmptyPanelWorkspaceFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyPanelWorkspaceFactory.js","sourceRoot":"","sources":["../../../src/panels/empty/EmptyPanelWorkspaceFactory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6DAA6D,CAAC;AAClG,OAAO,EAAE,iBAAiB,EAAE,MAAM,2DAA2D,CAAC;AAE9F,OAAO,EAAE,cAAc,EAAE,MAAM,2DAA2D,CAAC;AAC3F,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AAEpE,IAAU,CAAC,CAYV;AAZD,WAAU,CAAC;IACI,WAAS,GAAG,MAAM,CAAC,GAAG,CAAA;kBACnB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc;;;;;cAKxC,cAAc;;;;GAIzB,CAAC;AACJ,CAAC,EAZS,CAAC,KAAD,CAAC,QAYV;AAED,MAAM,OAAO,sBAAuB,SAAQ,iBAAiB;IAC3D;QACE,KAAK,CAAC,0BAA0B,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC7B,CAAC;CACF;AAED,MAAM,OAAO,0BAA2B,SAAQ,mBAA2C;IAGzF;QACE,KAAK,CAAC;YACJ,IAAI,EAAE,0BAA0B,CAAC,IAAI;YACrC,IAAI,EAAE,cAAc;YACpB,IAAI,EAAE,OAAO;YACb,mBAAmB,EAAE,KAAK;YAC1B,UAAU,EAAE,KAAK;SAClB,CAAC,CAAC;IACL,CAAC;IAES,cAAc;QACtB,OAAO,IAAI,sBAAsB,EAAE,CAAC;IACtC,CAAC;IAES,oBAAoB,CAAC,KAAyD;QACtF,OAAO,oBAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,GAAI,CAAC;IAC9D,CAAC;IAES,wBAAwB,CAAC,KAA+C;QAChF,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS,IACV,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,CAAC,CAAC,OAAO,EAAE,CAAC;gBACZ,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;YAC9B,CAAC;YAED,oBAAC,eAAe,IAAC,IAAI,EAAC,cAAc,GAAG,CAC3B,CACf,CAAC;IACJ,CAAC;;AA/BM,+BAAI,GAAG,OAAO,CAAC"}

package/dist/panels/empty/EmptyWorkspacePanel.js

@@ -0,0 +1,117 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers, __setFunctionName } from "tslib";
+import * as React from 'react';
+import styled from '@emotion/styled';
+import { PanelWidget } from '../../widgets/panel/panel/PanelWidget';
+import { WorkspaceStore } from '../../stores/workspace/WorkspaceStore';
+import { inject } from '../../inversify.config';
+import { observer } from 'mobx-react';
+import { AdvancedWorkspacePreference } from '../../preferences/AdvancedWorkspacePreference';
+import * as _ from 'lodash';
+import { PanelPlaceholderWidget } from '../../widgets/panel/panel/PanelPlaceholderWidget';
+import { PanelTitleWidget } from '../../widgets/panel/panel/title/PanelTitleWidget';
+import { ReactorPanelFactory } from '../../stores/workspace/react-workspaces/ReactorPanelFactory';
+import { themed } from '../../stores/themes/reactor-theme-fragment';
+import { EntityPlaceholderWidget } from '../../widgets';
+import { ReactorEntities } from '../../entities-reactor/ReactorEntities';
+var S;
+(function (S) {
+    S.Container = styled.div `
+    display: flex;
+    height: 100%;
+    align-items: center;
+    justify-content: center;
+  `;
+    S.Select = themed.div `
+    font-size: 18px;
+    color: ${(p) => p.theme.panels.trayBackground}
+  `;
+    S.Placeholder = themed.div `
+    flex-grow: 1;
+    align-self: stretch;
+    margin: 10px;
+    background: ${(p) => p.theme.panels.divider};
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 10px;
+    margin-bottom: 40px;
+  `;
+})(S || (S = {}));
+let EmptyWorkspacePanel = (() => {
+    var _EmptyWorkspacePanel_workspaceStore_accessor_storage;
+    let _classDecorators = [observer];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = React.Component;
+    let _workspaceStore_decorators;
+    let _workspaceStore_initializers = [];
+    let _workspaceStore_extraInitializers = [];
+    var EmptyWorkspacePanel = _classThis = class extends _classSuper {
+        get workspaceStore() { return __classPrivateFieldGet(this, _EmptyWorkspacePanel_workspaceStore_accessor_storage, "f"); }
+        set workspaceStore(value) { __classPrivateFieldSet(this, _EmptyWorkspacePanel_workspaceStore_accessor_storage, value, "f"); }
+        getSelector() {
+            return (React.createElement(S.Container, null,
+                React.createElement(EntityPlaceholderWidget, { entity: ReactorEntities.PANEL, placeholder: {
+                        text: 'No panel selected'
+                    }, button: {
+                        label: 'Select a panel'
+                    }, model: this.props.event.model, patchModel: async (factory, model) => {
+                        model.parent.replaceModel(model, factory.generateModel());
+                    } })));
+        }
+        getHint() {
+            const panels = this.workspaceStore
+                .flatten(this.workspaceStore.getRoot())
+                .map((p) => {
+                try {
+                    const factory = this.workspaceStore.engine.getFactory(p);
+                    if (factory instanceof ReactorPanelFactory && factory.generateEditorPanelSiblingSuggestion()) {
+                        return factory.generateEditorPanelSiblingSuggestion();
+                    }
+                }
+                catch (ex) {
+                    return null;
+                }
+            })
+                .filter((p) => !!p);
+            const highestSuggestionsFirst = _.orderBy(panels, ['score'], ['desc']);
+            const highestSuggestion = _.first(highestSuggestionsFirst);
+            if (highestSuggestion) {
+                return (React.createElement(React.Fragment, null,
+                    React.createElement(PanelTitleWidget, { color: "#fff", model: null, name: highestSuggestion.panelTitle }),
+                    React.createElement(S.Container, null,
+                        React.createElement(S.Placeholder, null,
+                            React.createElement(PanelPlaceholderWidget, Object.assign({}, highestSuggestion.placeholder))))));
+            }
+            return (React.createElement(React.Fragment, null,
+                React.createElement(PanelTitleWidget, { color: "#fff", model: null, name: "..." }),
+                React.createElement(S.Container, null,
+                    React.createElement(S.Placeholder, null,
+                        React.createElement(PanelPlaceholderWidget, { icon: "cube", text: "Please select something!" })))));
+        }
+        render() {
+            return (React.createElement(PanelWidget, { event: this.props.event, factory: this.props.factory }, AdvancedWorkspacePreference.enabled() ? this.getSelector() : this.getHint()));
+        }
+        constructor() {
+            super(...arguments);
+            _EmptyWorkspacePanel_workspaceStore_accessor_storage.set(this, __runInitializers(this, _workspaceStore_initializers, void 0));
+            __runInitializers(this, _workspaceStore_extraInitializers);
+        }
+    };
+    _EmptyWorkspacePanel_workspaceStore_accessor_storage = new WeakMap();
+    __setFunctionName(_classThis, "EmptyWorkspacePanel");
+    (() => {
+        var _a;
+        const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_a = _classSuper[Symbol.metadata]) !== null && _a !== void 0 ? _a : null) : void 0;
+        _workspaceStore_decorators = [inject(WorkspaceStore)];
+        __esDecorate(_classThis, null, _workspaceStore_decorators, { kind: "accessor", name: "workspaceStore", static: false, private: false, access: { has: obj => "workspaceStore" in obj, get: obj => obj.workspaceStore, set: (obj, value) => { obj.workspaceStore = value; } }, metadata: _metadata }, _workspaceStore_initializers, _workspaceStore_extraInitializers);
+        __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+        EmptyWorkspacePanel = _classThis = _classDescriptor.value;
+        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        __runInitializers(_classThis, _classExtraInitializers);
+    })();
+    return EmptyWorkspacePanel = _classThis;
+})();
+export { EmptyWorkspacePanel };
+//# sourceMappingURL=EmptyWorkspacePanel.js.map

package/dist/panels/empty/EmptyWorkspacePanel.js.map

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

package/dist/panels/settings/IndividualSettingsWidget.js

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { styled } from '../../stores/themes/reactor-theme-fragment';
+import { MatchesWidget } from '../../widgets/search/MatchesWidget';
+var S;
+(function (S) {
+    S.Container = styled.div `
+    margin-bottom: 2px;
+    border-radius: 3px;
+    padding: 7px 12px;
+  `;
+    S.Name = styled.div `
+    color: ${(p) => p.theme.text.primary};
+    font-size: 16px;
+    white-space: nowrap;
+  `;
+    S.Desc = styled.p `
+    font-size: 13px;
+    margin-top: 5px;
+    color: ${(p) => p.theme.text.secondary};
+    max-width: 400px;
+  `;
+    S.Top = styled.div `
+    display: flex;
+    justify-content: space-between;
+  `;
+    S.Control = styled.div `
+    padding-left: 10px;
+  `;
+})(S || (S = {}));
+export const IndividualSettingsWidget = (props) => {
+    return (React.createElement(S.Container, { className: props.className },
+        React.createElement(S.Top, null,
+            React.createElement(S.Name, null, props.search ? React.createElement(MatchesWidget, { text: props.title, locators: props.search.locators }) : props.title),
+            React.createElement(S.Control, null, props.children)),
+        props.description ? React.createElement(S.Desc, null, props.description) : null));
+};
+//# sourceMappingURL=IndividualSettingsWidget.js.map

package/dist/panels/settings/IndividualSettingsWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IndividualSettingsWidget.js","sourceRoot":"","sources":["../../../src/panels/settings/IndividualSettingsWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAUnE,IAAU,CAAC,CA2BV;AA3BD,WAAU,CAAC;IACI,WAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;GAIlC,CAAC;IACW,MAAI,GAAG,MAAM,CAAC,GAAG,CAAA;aACnB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;;GAGrC,CAAC;IAEW,MAAI,GAAG,MAAM,CAAC,CAAC,CAAA;;;aAGjB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS;;GAEvC,CAAC;IAEW,KAAG,GAAG,MAAM,CAAC,GAAG,CAAA;;;GAG5B,CAAC;IAEW,SAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;GAEhC,CAAC;AACJ,CAAC,EA3BS,CAAC,KAAD,CAAC,QA2BV;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAqE,CAAC,KAAK,EAAE,EAAE;IAClH,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS;QACrC,oBAAC,CAAC,CAAC,GAAG;YACJ,oBAAC,CAAC,CAAC,IAAI,QACJ,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAC,aAAa,IAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,GAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAC5F;YACT,oBAAC,CAAC,CAAC,OAAO,QAAE,KAAK,CAAC,QAAQ,CAAa,CACjC;QACP,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,oBAAC,CAAC,CAAC,IAAI,QAAE,KAAK,CAAC,WAAW,CAAU,CAAC,CAAC,CAAC,IAAI,CACpD,CACf,CAAC;AACJ,CAAC,CAAC"}

package/dist/panels/settings/SettingsPanelFactory.js

@@ -0,0 +1,61 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers } from "tslib";
+import * as React from 'react';
+import { PanelCategory } from '../../definitions/common';
+import { SettingsPanelWidget } from './SettingsPanelWidget';
+import { ReactorPanelFactory } from '../../stores/workspace/react-workspaces/ReactorPanelFactory';
+import { ReactorPanelModel } from '../../stores/workspace/react-workspaces/ReactorPanelModel';
+import { observable } from 'mobx';
+let SettingsPanelModel = (() => {
+    var _a, _SettingsPanelModel_selectedTab_accessor_storage;
+    let _classSuper = ReactorPanelModel;
+    let _selectedTab_decorators;
+    let _selectedTab_initializers = [];
+    let _selectedTab_extraInitializers = [];
+    return _a = class SettingsPanelModel extends _classSuper {
+            get selectedTab() { return __classPrivateFieldGet(this, _SettingsPanelModel_selectedTab_accessor_storage, "f"); }
+            set selectedTab(value) { __classPrivateFieldSet(this, _SettingsPanelModel_selectedTab_accessor_storage, value, "f"); }
+            constructor() {
+                super(SettingsPanelFactory.TYPE);
+                _SettingsPanelModel_selectedTab_accessor_storage.set(this, __runInitializers(this, _selectedTab_initializers, void 0));
+                __runInitializers(this, _selectedTab_extraInitializers);
+                this.setExpand(true, true);
+                this.selectedTab = null;
+            }
+            toArray() {
+                return Object.assign(Object.assign({}, super.toArray()), { selectedTab: this.selectedTab });
+            }
+            fromArray(payload, engine) {
+                super.fromArray(payload, engine);
+                this.selectedTab = payload.selectedTab;
+            }
+        },
+        _SettingsPanelModel_selectedTab_accessor_storage = new WeakMap(),
+        (() => {
+            var _b;
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_b = _classSuper[Symbol.metadata]) !== null && _b !== void 0 ? _b : null) : void 0;
+            _selectedTab_decorators = [observable];
+            __esDecorate(_a, null, _selectedTab_decorators, { kind: "accessor", name: "selectedTab", static: false, private: false, access: { has: obj => "selectedTab" in obj, get: obj => obj.selectedTab, set: (obj, value) => { obj.selectedTab = value; } }, metadata: _metadata }, _selectedTab_initializers, _selectedTab_extraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { SettingsPanelModel };
+export class SettingsPanelFactory extends ReactorPanelFactory {
+    constructor() {
+        super({
+            type: SettingsPanelFactory.TYPE,
+            icon: 'cog',
+            name: 'IDE settings',
+            category: PanelCategory.IDE,
+            isMultiple: false
+        });
+    }
+    generatePanelContent(event) {
+        return React.createElement(SettingsPanelWidget, { model: event.model });
+    }
+    _generateModel() {
+        return new SettingsPanelModel();
+    }
+}
+SettingsPanelFactory.TYPE = 'settings';
+//# sourceMappingURL=SettingsPanelFactory.js.map

package/dist/panels/settings/SettingsPanelFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPanelFactory.js","sourceRoot":"","sources":["../../../src/panels/settings/SettingsPanelFactory.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6DAA6D,CAAC;AAClG,OAAO,EAAE,iBAAiB,EAAE,MAAM,2DAA2D,CAAC;AAE9F,OAAO,EAAkB,UAAU,EAAE,MAAM,MAAM,CAAC;IAErC,kBAAkB;;sBAAS,iBAAiB;;;;sBAA5C,kBAAmB,SAAQ,WAAiB;YAEvD,IAAS,WAAW,kGAAS;YAA7B,IAAS,WAAW,uGAAS;YAE7B;gBACE,KAAK,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;gBAH1B,uHAAoB;;gBAI3B,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;gBAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;aACzB;YAED,OAAO;gBACL,uCACK,KAAK,CAAC,OAAO,EAAE,KAClB,WAAW,EAAE,IAAI,CAAC,WAAW,IAC7B;YACJ,CAAC;YAED,SAAS,CAAC,OAAoC,EAAE,MAAgC;gBAC9E,KAAK,CAAC,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;gBACjC,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;YACzC,CAAC;;;;;;uCAnBA,UAAU;YACX,oLAAS,WAAW,6BAAX,WAAW,iGAAS;;;;;SAFlB,kBAAkB;AAuB/B,MAAM,OAAO,oBAAqB,SAAQ,mBAAuC;IAG/E;QACE,KAAK,CAAC;YACJ,IAAI,EAAE,oBAAoB,CAAC,IAAI;YAC/B,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,cAAc;YACpB,QAAQ,EAAE,aAAa,CAAC,GAAG;YAC3B,UAAU,EAAE,KAAK;SAClB,CAAC,CAAC;IACL,CAAC;IAES,oBAAoB,CAAC,KAAqD;QAClF,OAAO,oBAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CAAC;IACrD,CAAC;IAES,cAAc;QACtB,OAAO,IAAI,kBAAkB,EAAE,CAAC;IAClC,CAAC;;AAlBM,yBAAI,GAAG,UAAU,CAAC"}