qureal-editor 1.0.31 → 1.0.32

package/dist/index.es.js

@@ -362,7 +362,9 @@ function QurealCollection(_ref) {
         _ref$person = _ref.person,
         person = _ref$person === undefined ? null : _ref$person,
         _ref$background = _ref.background,
+        background = _ref$background === undefined ? null : _ref$background,
         _ref$fit = _ref.fit,
+        fit = _ref$fit === undefined ? false : _ref$fit,
         _ref$onInit = _ref.onInit,
         onInit = _ref$onInit === undefined ? function () {} : _ref$onInit,
         _ref$onStatusUpdate = _ref.onStatusUpdate,
@@ -451,10 +453,12 @@ function QurealCollection(_ref) {
         };
     }, []);
 
+    var query_string = "" + queryfy$1(prefill) + (organization ? "&qi_organization=" + organization : "") + (person ? "&qi_person=" + person : "") + (background ? "&qi_background=" + background : "") + (fit ? "&qi_fit" : "");
+
     return React.createElement("iframe", {
         id: "qureal_iframe",
         title: "Qureal",
-        src: "https://show.qureal.com/embedlist/" + collection_id,
+        src: "https://show.qureal.com/embedlist/" + collection_id + "?" + query_string,
         style: _extends({
             width: "100%",
             height: "100vh",
@@ -465,5 +469,21 @@ function QurealCollection(_ref) {
     });
 }
 
+function queryfy$1(obj) {
+    var buildQuery = function buildQuery(prefix, obj) {
+        return Object.keys(obj).map(function (key) {
+            var value = obj[key];
+            var prefixedKey = prefix ? prefix + "." + key : key;
+            if ((typeof value === "undefined" ? "undefined" : _typeof(value)) === 'object' && value !== null) {
+                return buildQuery(prefixedKey, value);
+            } else {
+                return prefixedKey + "=" + value;
+            }
+        }).join("&");
+    };
+
+    return buildQuery("", obj);
+}
+
 export { QurealViewer, useQurealActions, QurealCollection };
 //# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/QurealiFrame.js","../src/utils.js","../src/QurealViewer.js","../src/use-action.js","../src/QurealCollection.js"],"sourcesContent":["import React, { Fragment, useEffect, useRef } from \"react\";\n\n\nfunction QurealiFrame({ slug, preview, query, type = \"creation\", creation_type = \"singlepage\", style = {} }) {\n\n    let prefix = \"ts\";\n    if (creation_type === \"document\") {\n        if (type === \"creation\") {\n            prefix = \"d\";\n        } else {\n            prefix = \"td\";\n        }\n    } else {\n        if (type === \"creation\") {\n            prefix = \"embed\";\n        }\n    }\n\n    return (\n        <Fragment>\n            <iframe\n                id=\"qureal_iframe\"\n                title=\"Qureal\"\n                // src={`http://localhost:3201/embed/${creation_slug}`}\n                // src={type === \"creation\" ? `https://show.qureal.com/embed/${slug}?${preview ? \"preview&\" : \"\"}${query}` : `https://show.qureal.com/ts/${slug}?${preview ? \"preview&\" : \"\"}${query}`}\n                // src={`https://show.qureal.com/${type === \"creation\" ? \"embed\" : \"ts\"}/${slug}?${preview ? \"preview&\" : \"\"}${query}`}\n                src={`https://show.qureal.com/${prefix}/${slug}?${preview ? \"preview&\" : \"\"}${query}`}\n                style={{\n                    width: \"100%\",\n                    height: \"100vh\",\n                    outline: \"none\",\n                    border: \"1px solid #777\",\n                    ...style\n                }}\n                allow=\"web-share\"\n            />\n        </Fragment>\n    );\n}\n\n// export default QurealiFrame;\nexport default React.memo(QurealiFrame, () => true)\n","export async function share(data) {\n    try {\n        if (navigator.share && navigator.canShare(data)) {\n            await navigator.share(data);\n        } else {\n            console.error(\"Can't share\");\n            alert(\"Share only available for mobile devices\")\n        }\n    } catch (err) {\n        console.error(err);\n    }\n}","import React, { Fragment, useEffect, useRef } from \"react\";\nimport QurealiFrame from \"./QurealiFrame\";\nimport { share } from \"./utils\";\n\nconst ALLOWED_ORIGINS = [\"https://show.qureal.com\", \"http://localhost:3201\"];\n\nfunction QurealViewer({\n    slug = \"qi_sample\",\n    preview = false,\n    prefill = {},\n    type = \"creation\", // creation or template \n    creation_type = \"singlepage\",\n    onFormSubmit = () => { },\n    style = {},\n    actionRef = {},\n    organization = null,\n    person = null,\n    background = null,\n    fit = false,\n    onInit = () => { },\n    onStatusUpdate = () => { },\n}) {\n\n    const sendToIFrame = (msg) => {\n        console.log(\"Sending data to iFrame\")\n        const qureal_element = document.getElementById(\"qureal_iframe\");\n\n        const qureal_window = qureal_element ? qureal_element.contentWindow : null;\n        if (qureal_window) {\n            qureal_window.postMessage(msg, \"*\");\n            console.log(\"Data sent to iframe\")\n        }\n    }\n\n    useEffect(() => {\n        sendToIFrame({\n            message_type: \"OPEN_CREATION\",\n            data: {\n                slug: slug,\n                preview: preview,\n                prefill: prefill,\n                ictx: {\n                    organization: organization,\n                    person: person\n                }\n            }\n        })\n    }, [slug, preview])\n\n    useEffect(() => {\n        sendToIFrame({\n            message_type: \"PREFILL\",\n            data: {\n                prefill: prefill\n            }\n        })\n    }, [prefill])\n\n    useEffect(() => {\n        if ([\"DOWNLOAD\", \"SHARE\"].includes(actionRef.type)) {\n            sendToIFrame({\n                message_type: actionRef.type,\n                data: actionRef.data || {}\n            })\n        }\n    }, [actionRef])\n\n    useEffect(() => {\n        sendToIFrame({\n            message_type: \"SET_ICTX\",\n            data: {\n                organization: organization,\n                person: person\n            }\n        })\n    }, [organization, person])\n\n    useEffect(() => {\n        const handler = (ev) => {\n            // if (ALLOWED_ORIGINS.includes(ev.origin) && typeof ev.data === \"object\") {\n            switch (ev.data.event_type) {\n                case \"WHOAMI\":\n                    onInit(ev.data.data);\n                    break;\n                case \"STATUS_UPDATE\":\n                    onStatusUpdate(ev.data.data);\n                    break;\n                case \"FORM_SUBMIT\":\n                    onFormSubmit(ev.data.data);\n                    break;\n                case \"SHARE\":\n                    share(ev.data.data);\n                    break;\n                default:\n                    console.log(\"No event type found\");\n                    console.log(ev.data);\n            }\n            // }\n        };\n\n        window.addEventListener(\"message\", handler);\n        return () => window.removeEventListener(\"message\", handler);\n    }, []);\n\n    return (\n        <QurealiFrame\n            slug={slug}\n            preview={preview}\n            query={`${queryfy(prefill)}${organization ? `&qi_organization=${organization}` : \"\"}${person ? `&qi_person=${person}` : \"\"}${background ? `&qi_background=${background}` : \"\"}${fit ? \"&qi_fit\" : \"\"}`}\n            type={type}\n            creation_type={creation_type}\n            style={style}\n        />\n    );\n}\n\n// export default QurealiFrame;\nexport default QurealViewer\n\n\nfunction queryfy(obj) {\n    const buildQuery = (prefix, obj) => {\n        return Object.keys(obj)\n            .map(key => {\n                const value = obj[key];\n                const prefixedKey = prefix ? `${prefix}.${key}` : key;\n                if (typeof value === 'object' && value !== null) {\n                    return buildQuery(prefixedKey, value);\n                } else {\n                    return `${prefixedKey}=${value}`;\n                }\n            })\n            .join(\"&\");\n    };\n\n    return buildQuery(\"\", obj);\n}","import { useState } from \"react\"\n\nfunction useQurealActions() {\n    const [actionRef, setActionRef] = useState({});\n\n    function download() {\n        setActionRef({\n            type: \"DOWNLOAD\",\n            data: {}\n        })\n    }\n\n\n    function share() {\n        setActionRef({\n            type: \"SHARE\",\n            data: {}\n        })\n    }\n\n    function setPreset() {\n\n    }\n\n    return { actionRef, download, share }\n}\n\nexport default useQurealActions;","import React, { useEffect } from \"react\";\n\nconst ALLOWED_ORIGINS = [\"https://show.qureal.com\", \"http://localhost:3201\"];\n\n\nfunction QurealCollection({\n    collection_id = \"934ffe42-1d0a-4fa0-ad23-60b066c0b9ab\",\n    // preview = false,\n    prefill = {},\n    // onFormSubmit = () => { },\n    style = {},\n    actionRef = {},\n    organization = null,\n    person = null,\n    background = null,\n    fit = false,\n    onInit = () => { },\n    onStatusUpdate = () => { },\n}) {\n\n    const sendToIFrame = (msg) => {\n        console.log(\"Sending data to iFrame\")\n        const qureal_element = document.getElementById(\"qureal_iframe\");\n        const qureal_window = qureal_element ? qureal_element.contentWindow : null;\n        if (qureal_window) {\n            qureal_window.postMessage(msg, \"*\");\n            console.log(\"Data sent to iframe\")\n        }\n    }\n\n    // useEffect(() => {\n    //     sendToIFrame({\n    //         message_type: \"OPEN_CREATION\",\n    //         data: {\n    //             slug: slug,\n    //             preview: preview,\n    //             prefill: prefill,\n    //             ictx: {\n    //                 organization: organization,\n    //                 person: person\n    //             }\n    //         }\n    //     })\n    // }, [slug, preview])\n\n    useEffect(() => {\n        sendToIFrame({\n            message_type: \"PREFILL\",\n            data: {\n                prefill: prefill\n            }\n        })\n    }, [prefill])\n\n    useEffect(() => {\n        if ([\"DOWNLOAD\", \"SHARE\"].includes(actionRef.type)) {\n            sendToIFrame({\n                message_type: actionRef.type,\n                data: actionRef.data || {}\n            })\n        }\n    }, [actionRef])\n\n    useEffect(() => {\n        sendToIFrame({\n            message_type: \"SET_ICTX\",\n            data: {\n                organization: organization,\n                person: person\n            }\n        })\n    }, [organization, person])\n\n    useEffect(() => {\n        const handler = (ev) => {\n            // if (ALLOWED_ORIGINS.includes(ev.origin) && typeof ev.data === \"object\") {\n            switch (ev.data.event_type) {\n                case \"WHOAMI\":\n                    onInit(ev.data.data);\n                    break;\n                case \"STATUS_UPDATE\":\n                    onStatusUpdate(ev.data.data);\n                    break;\n                case \"FORM_SUBMIT\":\n                    onFormSubmit(ev.data.data);\n                    break;\n                case \"SHARE\":\n                    share(ev.data.data);\n                    break;\n                default:\n                    console.log(\"No event type found\");\n                    console.log(ev.data);\n            }\n            // }\n        };\n\n        window.addEventListener(\"message\", handler);\n        return () => window.removeEventListener(\"message\", handler);\n    }, []);\n\n\n    return <iframe\n        id=\"qureal_iframe\"\n        title=\"Qureal\"\n        src={`https://show.qureal.com/embedlist/${collection_id}`}\n        style={{\n            width: \"100%\",\n            height: \"100vh\",\n            outline: \"none\",\n            border: \"1px solid #777\",\n            ...style\n        }}\n        allow=\"web-share\"\n    />\n}\n\nexport default QurealCollection;"],"names":["QurealiFrame","slug","preview","query","type","creation_type","style","prefix","React","memo","data","navigator","share","canShare","error","QurealViewer","prefill","onFormSubmit","actionRef","organization","person","background","fit","onInit","onStatusUpdate","sendToIFrame","msg","log","qureal_element","document","getElementById","qureal_window","contentWindow","postMessage","includes","handler","ev","event_type","addEventListener","window","removeEventListener","queryfy","obj","buildQuery","Object","keys","map","value","key","prefixedKey","join","useQurealActions","useState","setActionRef","download","QurealCollection","collection_id"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../src/QurealiFrame.js","../src/utils.js","../src/QurealViewer.js","../src/use-action.js","../src/QurealCollection.js"],"sourcesContent":["import React, { Fragment, useEffect, useRef } from \"react\";\n\n\nfunction QurealiFrame({ slug, preview, query, type = \"creation\", creation_type = \"singlepage\", style = {} }) {\n\n    let prefix = \"ts\";\n    if (creation_type === \"document\") {\n        if (type === \"creation\") {\n            prefix = \"d\";\n        } else {\n            prefix = \"td\";\n        }\n    } else {\n        if (type === \"creation\") {\n            prefix = \"embed\";\n        }\n    }\n\n    return (\n        <Fragment>\n            <iframe\n                id=\"qureal_iframe\"\n                title=\"Qureal\"\n                // src={`http://localhost:3201/embed/${creation_slug}`}\n                // src={type === \"creation\" ? `https://show.qureal.com/embed/${slug}?${preview ? \"preview&\" : \"\"}${query}` : `https://show.qureal.com/ts/${slug}?${preview ? \"preview&\" : \"\"}${query}`}\n                // src={`https://show.qureal.com/${type === \"creation\" ? \"embed\" : \"ts\"}/${slug}?${preview ? \"preview&\" : \"\"}${query}`}\n                src={`https://show.qureal.com/${prefix}/${slug}?${preview ? \"preview&\" : \"\"}${query}`}\n                style={{\n                    width: \"100%\",\n                    height: \"100vh\",\n                    outline: \"none\",\n                    border: \"1px solid #777\",\n                    ...style\n                }}\n                allow=\"web-share\"\n            />\n        </Fragment>\n    );\n}\n\n// export default QurealiFrame;\nexport default React.memo(QurealiFrame, () => true)\n","export async function share(data) {\n    try {\n        if (navigator.share && navigator.canShare(data)) {\n            await navigator.share(data);\n        } else {\n            console.error(\"Can't share\");\n            alert(\"Share only available for mobile devices\")\n        }\n    } catch (err) {\n        console.error(err);\n    }\n}","import React, { Fragment, useEffect, useRef } from \"react\";\nimport QurealiFrame from \"./QurealiFrame\";\nimport { share } from \"./utils\";\n\nconst ALLOWED_ORIGINS = [\"https://show.qureal.com\", \"http://localhost:3201\"];\n\nfunction QurealViewer({\n    slug = \"qi_sample\",\n    preview = false,\n    prefill = {},\n    type = \"creation\", // creation or template \n    creation_type = \"singlepage\",\n    onFormSubmit = () => { },\n    style = {},\n    actionRef = {},\n    organization = null,\n    person = null,\n    background = null,\n    fit = false,\n    onInit = () => { },\n    onStatusUpdate = () => { },\n}) {\n\n    const sendToIFrame = (msg) => {\n        console.log(\"Sending data to iFrame\")\n        const qureal_element = document.getElementById(\"qureal_iframe\");\n\n        const qureal_window = qureal_element ? qureal_element.contentWindow : null;\n        if (qureal_window) {\n            qureal_window.postMessage(msg, \"*\");\n            console.log(\"Data sent to iframe\")\n        }\n    }\n\n    useEffect(() => {\n        sendToIFrame({\n            message_type: \"OPEN_CREATION\",\n            data: {\n                slug: slug,\n                preview: preview,\n                prefill: prefill,\n                ictx: {\n                    organization: organization,\n                    person: person\n                }\n            }\n        })\n    }, [slug, preview])\n\n    useEffect(() => {\n        sendToIFrame({\n            message_type: \"PREFILL\",\n            data: {\n                prefill: prefill\n            }\n        })\n    }, [prefill])\n\n    useEffect(() => {\n        if ([\"DOWNLOAD\", \"SHARE\"].includes(actionRef.type)) {\n            sendToIFrame({\n                message_type: actionRef.type,\n                data: actionRef.data || {}\n            })\n        }\n    }, [actionRef])\n\n    useEffect(() => {\n        sendToIFrame({\n            message_type: \"SET_ICTX\",\n            data: {\n                organization: organization,\n                person: person\n            }\n        })\n    }, [organization, person])\n\n    useEffect(() => {\n        const handler = (ev) => {\n            // if (ALLOWED_ORIGINS.includes(ev.origin) && typeof ev.data === \"object\") {\n            switch (ev.data.event_type) {\n                case \"WHOAMI\":\n                    onInit(ev.data.data);\n                    break;\n                case \"STATUS_UPDATE\":\n                    onStatusUpdate(ev.data.data);\n                    break;\n                case \"FORM_SUBMIT\":\n                    onFormSubmit(ev.data.data);\n                    break;\n                case \"SHARE\":\n                    share(ev.data.data);\n                    break;\n                default:\n                    console.log(\"No event type found\");\n                    console.log(ev.data);\n            }\n            // }\n        };\n\n        window.addEventListener(\"message\", handler);\n        return () => window.removeEventListener(\"message\", handler);\n    }, []);\n\n    return (\n        <QurealiFrame\n            slug={slug}\n            preview={preview}\n            query={`${queryfy(prefill)}${organization ? `&qi_organization=${organization}` : \"\"}${person ? `&qi_person=${person}` : \"\"}${background ? `&qi_background=${background}` : \"\"}${fit ? \"&qi_fit\" : \"\"}`}\n            type={type}\n            creation_type={creation_type}\n            style={style}\n        />\n    );\n}\n\n// export default QurealiFrame;\nexport default QurealViewer\n\n\nfunction queryfy(obj) {\n    const buildQuery = (prefix, obj) => {\n        return Object.keys(obj)\n            .map(key => {\n                const value = obj[key];\n                const prefixedKey = prefix ? `${prefix}.${key}` : key;\n                if (typeof value === 'object' && value !== null) {\n                    return buildQuery(prefixedKey, value);\n                } else {\n                    return `${prefixedKey}=${value}`;\n                }\n            })\n            .join(\"&\");\n    };\n\n    return buildQuery(\"\", obj);\n}","import { useState } from \"react\"\n\nfunction useQurealActions() {\n    const [actionRef, setActionRef] = useState({});\n\n    function download() {\n        setActionRef({\n            type: \"DOWNLOAD\",\n            data: {}\n        })\n    }\n\n\n    function share() {\n        setActionRef({\n            type: \"SHARE\",\n            data: {}\n        })\n    }\n\n    function setPreset() {\n\n    }\n\n    return { actionRef, download, share }\n}\n\nexport default useQurealActions;","import React, { useEffect } from \"react\";\n\nconst ALLOWED_ORIGINS = [\"https://show.qureal.com\", \"http://localhost:3201\"];\n\n\nfunction QurealCollection({\n    collection_id = \"934ffe42-1d0a-4fa0-ad23-60b066c0b9ab\",\n    // preview = false,\n    prefill = {},\n    // onFormSubmit = () => { },\n    style = {},\n    actionRef = {},\n    organization = null,\n    person = null,\n    background = null,\n    fit = false,\n    onInit = () => { },\n    onStatusUpdate = () => { },\n}) {\n\n    const sendToIFrame = (msg) => {\n        console.log(\"Sending data to iFrame\")\n        const qureal_element = document.getElementById(\"qureal_iframe\");\n        const qureal_window = qureal_element ? qureal_element.contentWindow : null;\n        if (qureal_window) {\n            qureal_window.postMessage(msg, \"*\");\n            console.log(\"Data sent to iframe\")\n        }\n    }\n\n    // useEffect(() => {\n    //     sendToIFrame({\n    //         message_type: \"OPEN_CREATION\",\n    //         data: {\n    //             slug: slug,\n    //             preview: preview,\n    //             prefill: prefill,\n    //             ictx: {\n    //                 organization: organization,\n    //                 person: person\n    //             }\n    //         }\n    //     })\n    // }, [slug, preview])\n\n    useEffect(() => {\n        sendToIFrame({\n            message_type: \"PREFILL\",\n            data: {\n                prefill: prefill\n            }\n        })\n    }, [prefill])\n\n    useEffect(() => {\n        if ([\"DOWNLOAD\", \"SHARE\"].includes(actionRef.type)) {\n            sendToIFrame({\n                message_type: actionRef.type,\n                data: actionRef.data || {}\n            })\n        }\n    }, [actionRef])\n\n    useEffect(() => {\n        sendToIFrame({\n            message_type: \"SET_ICTX\",\n            data: {\n                organization: organization,\n                person: person\n            }\n        })\n    }, [organization, person])\n\n    useEffect(() => {\n        const handler = (ev) => {\n            // if (ALLOWED_ORIGINS.includes(ev.origin) && typeof ev.data === \"object\") {\n            switch (ev.data.event_type) {\n                case \"WHOAMI\":\n                    onInit(ev.data.data);\n                    break;\n                case \"STATUS_UPDATE\":\n                    onStatusUpdate(ev.data.data);\n                    break;\n                case \"FORM_SUBMIT\":\n                    onFormSubmit(ev.data.data);\n                    break;\n                case \"SHARE\":\n                    share(ev.data.data);\n                    break;\n                default:\n                    console.log(\"No event type found\");\n                    console.log(ev.data);\n            }\n            // }\n        };\n\n        window.addEventListener(\"message\", handler);\n        return () => window.removeEventListener(\"message\", handler);\n    }, []);\n\n\n    const query_string = `${queryfy(prefill)}${organization ? `&qi_organization=${organization}` : \"\"}${person ? `&qi_person=${person}` : \"\"}${background ? `&qi_background=${background}` : \"\"}${fit ? \"&qi_fit\" : \"\"}`\n\n\n    return <iframe\n        id=\"qureal_iframe\"\n        title=\"Qureal\"\n        src={`https://show.qureal.com/embedlist/${collection_id}?${query_string}`}\n        style={{\n            width: \"100%\",\n            height: \"100vh\",\n            outline: \"none\",\n            border: \"1px solid #777\",\n            ...style\n        }}\n        allow=\"web-share\"\n    />\n}\n\nexport default QurealCollection;\n\n\nfunction queryfy(obj) {\n    const buildQuery = (prefix, obj) => {\n        return Object.keys(obj)\n            .map(key => {\n                const value = obj[key];\n                const prefixedKey = prefix ? `${prefix}.${key}` : key;\n                if (typeof value === 'object' && value !== null) {\n                    return buildQuery(prefixedKey, value);\n                } else {\n                    return `${prefixedKey}=${value}`;\n                }\n            })\n            .join(\"&\");\n    };\n\n    return buildQuery(\"\", obj);\n}"],"names":["QurealiFrame","slug","preview","query","type","creation_type","style","prefix","React","memo","data","navigator","share","canShare","error","QurealViewer","prefill","onFormSubmit","actionRef","organization","person","background","fit","onInit","onStatusUpdate","sendToIFrame","msg","log","qureal_element","document","getElementById","qureal_window","contentWindow","postMessage","includes","handler","ev","event_type","addEventListener","window","removeEventListener","queryfy","obj","buildQuery","Object","keys","map","value","key","prefixedKey","join","useQurealActions","useState","setActionRef","download","QurealCollection","collection_id","query_string"],"mappings":"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"}

package/dist/index.js

@@ -369,7 +369,9 @@ function QurealCollection(_ref) {
         _ref$person = _ref.person,
         person = _ref$person === undefined ? null : _ref$person,
         _ref$background = _ref.background,
+        background = _ref$background === undefined ? null : _ref$background,
         _ref$fit = _ref.fit,
+        fit = _ref$fit === undefined ? false : _ref$fit,
         _ref$onInit = _ref.onInit,
         onInit = _ref$onInit === undefined ? function () {} : _ref$onInit,
         _ref$onStatusUpdate = _ref.onStatusUpdate,
@@ -458,10 +460,12 @@ function QurealCollection(_ref) {
         };
     }, []);
 
+    var query_string = "" + queryfy$1(prefill) + (organization ? "&qi_organization=" + organization : "") + (person ? "&qi_person=" + person : "") + (background ? "&qi_background=" + background : "") + (fit ? "&qi_fit" : "");
+
     return React__default.createElement("iframe", {
         id: "qureal_iframe",
         title: "Qureal",
-        src: "https://show.qureal.com/embedlist/" + collection_id,
+        src: "https://show.qureal.com/embedlist/" + collection_id + "?" + query_string,
         style: _extends({
             width: "100%",
             height: "100vh",
@@ -472,6 +476,22 @@ function QurealCollection(_ref) {
     });
 }
 
+function queryfy$1(obj) {
+    var buildQuery = function buildQuery(prefix, obj) {
+        return Object.keys(obj).map(function (key) {
+            var value = obj[key];
+            var prefixedKey = prefix ? prefix + "." + key : key;
+            if ((typeof value === "undefined" ? "undefined" : _typeof(value)) === 'object' && value !== null) {
+                return buildQuery(prefixedKey, value);
+            } else {
+                return prefixedKey + "=" + value;
+            }
+        }).join("&");
+    };
+
+    return buildQuery("", obj);
+}
+
 exports.QurealViewer = QurealViewer;
 exports.useQurealActions = useQurealActions;
 exports.QurealCollection = QurealCollection;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/QurealiFrame.js","../src/utils.js","../src/QurealViewer.js","../src/use-action.js","../src/QurealCollection.js"],"sourcesContent":["import React, { Fragment, useEffect, useRef } from \"react\";\n\n\nfunction QurealiFrame({ slug, preview, query, type = \"creation\", creation_type = \"singlepage\", style = {} }) {\n\n    let prefix = \"ts\";\n    if (creation_type === \"document\") {\n        if (type === \"creation\") {\n            prefix = \"d\";\n        } else {\n            prefix = \"td\";\n        }\n    } else {\n        if (type === \"creation\") {\n            prefix = \"embed\";\n        }\n    }\n\n    return (\n        <Fragment>\n            <iframe\n                id=\"qureal_iframe\"\n                title=\"Qureal\"\n                // src={`http://localhost:3201/embed/${creation_slug}`}\n                // src={type === \"creation\" ? `https://show.qureal.com/embed/${slug}?${preview ? \"preview&\" : \"\"}${query}` : `https://show.qureal.com/ts/${slug}?${preview ? \"preview&\" : \"\"}${query}`}\n                // src={`https://show.qureal.com/${type === \"creation\" ? \"embed\" : \"ts\"}/${slug}?${preview ? \"preview&\" : \"\"}${query}`}\n                src={`https://show.qureal.com/${prefix}/${slug}?${preview ? \"preview&\" : \"\"}${query}`}\n                style={{\n                    width: \"100%\",\n                    height: \"100vh\",\n                    outline: \"none\",\n                    border: \"1px solid #777\",\n                    ...style\n                }}\n                allow=\"web-share\"\n            />\n        </Fragment>\n    );\n}\n\n// export default QurealiFrame;\nexport default React.memo(QurealiFrame, () => true)\n","export async function share(data) {\n    try {\n        if (navigator.share && navigator.canShare(data)) {\n            await navigator.share(data);\n        } else {\n            console.error(\"Can't share\");\n            alert(\"Share only available for mobile devices\")\n        }\n    } catch (err) {\n        console.error(err);\n    }\n}","import React, { Fragment, useEffect, useRef } from \"react\";\nimport QurealiFrame from \"./QurealiFrame\";\nimport { share } from \"./utils\";\n\nconst ALLOWED_ORIGINS = [\"https://show.qureal.com\", \"http://localhost:3201\"];\n\nfunction QurealViewer({\n    slug = \"qi_sample\",\n    preview = false,\n    prefill = {},\n    type = \"creation\", // creation or template \n    creation_type = \"singlepage\",\n    onFormSubmit = () => { },\n    style = {},\n    actionRef = {},\n    organization = null,\n    person = null,\n    background = null,\n    fit = false,\n    onInit = () => { },\n    onStatusUpdate = () => { },\n}) {\n\n    const sendToIFrame = (msg) => {\n        console.log(\"Sending data to iFrame\")\n        const qureal_element = document.getElementById(\"qureal_iframe\");\n\n        const qureal_window = qureal_element ? qureal_element.contentWindow : null;\n        if (qureal_window) {\n            qureal_window.postMessage(msg, \"*\");\n            console.log(\"Data sent to iframe\")\n        }\n    }\n\n    useEffect(() => {\n        sendToIFrame({\n            message_type: \"OPEN_CREATION\",\n            data: {\n                slug: slug,\n                preview: preview,\n                prefill: prefill,\n                ictx: {\n                    organization: organization,\n                    person: person\n                }\n            }\n        })\n    }, [slug, preview])\n\n    useEffect(() => {\n        sendToIFrame({\n            message_type: \"PREFILL\",\n            data: {\n                prefill: prefill\n            }\n        })\n    }, [prefill])\n\n    useEffect(() => {\n        if ([\"DOWNLOAD\", \"SHARE\"].includes(actionRef.type)) {\n            sendToIFrame({\n                message_type: actionRef.type,\n                data: actionRef.data || {}\n            })\n        }\n    }, [actionRef])\n\n    useEffect(() => {\n        sendToIFrame({\n            message_type: \"SET_ICTX\",\n            data: {\n                organization: organization,\n                person: person\n            }\n        })\n    }, [organization, person])\n\n    useEffect(() => {\n        const handler = (ev) => {\n            // if (ALLOWED_ORIGINS.includes(ev.origin) && typeof ev.data === \"object\") {\n            switch (ev.data.event_type) {\n                case \"WHOAMI\":\n                    onInit(ev.data.data);\n                    break;\n                case \"STATUS_UPDATE\":\n                    onStatusUpdate(ev.data.data);\n                    break;\n                case \"FORM_SUBMIT\":\n                    onFormSubmit(ev.data.data);\n                    break;\n                case \"SHARE\":\n                    share(ev.data.data);\n                    break;\n                default:\n                    console.log(\"No event type found\");\n                    console.log(ev.data);\n            }\n            // }\n        };\n\n        window.addEventListener(\"message\", handler);\n        return () => window.removeEventListener(\"message\", handler);\n    }, []);\n\n    return (\n        <QurealiFrame\n            slug={slug}\n            preview={preview}\n            query={`${queryfy(prefill)}${organization ? `&qi_organization=${organization}` : \"\"}${person ? `&qi_person=${person}` : \"\"}${background ? `&qi_background=${background}` : \"\"}${fit ? \"&qi_fit\" : \"\"}`}\n            type={type}\n            creation_type={creation_type}\n            style={style}\n        />\n    );\n}\n\n// export default QurealiFrame;\nexport default QurealViewer\n\n\nfunction queryfy(obj) {\n    const buildQuery = (prefix, obj) => {\n        return Object.keys(obj)\n            .map(key => {\n                const value = obj[key];\n                const prefixedKey = prefix ? `${prefix}.${key}` : key;\n                if (typeof value === 'object' && value !== null) {\n                    return buildQuery(prefixedKey, value);\n                } else {\n                    return `${prefixedKey}=${value}`;\n                }\n            })\n            .join(\"&\");\n    };\n\n    return buildQuery(\"\", obj);\n}","import { useState } from \"react\"\n\nfunction useQurealActions() {\n    const [actionRef, setActionRef] = useState({});\n\n    function download() {\n        setActionRef({\n            type: \"DOWNLOAD\",\n            data: {}\n        })\n    }\n\n\n    function share() {\n        setActionRef({\n            type: \"SHARE\",\n            data: {}\n        })\n    }\n\n    function setPreset() {\n\n    }\n\n    return { actionRef, download, share }\n}\n\nexport default useQurealActions;","import React, { useEffect } from \"react\";\n\nconst ALLOWED_ORIGINS = [\"https://show.qureal.com\", \"http://localhost:3201\"];\n\n\nfunction QurealCollection({\n    collection_id = \"934ffe42-1d0a-4fa0-ad23-60b066c0b9ab\",\n    // preview = false,\n    prefill = {},\n    // onFormSubmit = () => { },\n    style = {},\n    actionRef = {},\n    organization = null,\n    person = null,\n    background = null,\n    fit = false,\n    onInit = () => { },\n    onStatusUpdate = () => { },\n}) {\n\n    const sendToIFrame = (msg) => {\n        console.log(\"Sending data to iFrame\")\n        const qureal_element = document.getElementById(\"qureal_iframe\");\n        const qureal_window = qureal_element ? qureal_element.contentWindow : null;\n        if (qureal_window) {\n            qureal_window.postMessage(msg, \"*\");\n            console.log(\"Data sent to iframe\")\n        }\n    }\n\n    // useEffect(() => {\n    //     sendToIFrame({\n    //         message_type: \"OPEN_CREATION\",\n    //         data: {\n    //             slug: slug,\n    //             preview: preview,\n    //             prefill: prefill,\n    //             ictx: {\n    //                 organization: organization,\n    //                 person: person\n    //             }\n    //         }\n    //     })\n    // }, [slug, preview])\n\n    useEffect(() => {\n        sendToIFrame({\n            message_type: \"PREFILL\",\n            data: {\n                prefill: prefill\n            }\n        })\n    }, [prefill])\n\n    useEffect(() => {\n        if ([\"DOWNLOAD\", \"SHARE\"].includes(actionRef.type)) {\n            sendToIFrame({\n                message_type: actionRef.type,\n                data: actionRef.data || {}\n            })\n        }\n    }, [actionRef])\n\n    useEffect(() => {\n        sendToIFrame({\n            message_type: \"SET_ICTX\",\n            data: {\n                organization: organization,\n                person: person\n            }\n        })\n    }, [organization, person])\n\n    useEffect(() => {\n        const handler = (ev) => {\n            // if (ALLOWED_ORIGINS.includes(ev.origin) && typeof ev.data === \"object\") {\n            switch (ev.data.event_type) {\n                case \"WHOAMI\":\n                    onInit(ev.data.data);\n                    break;\n                case \"STATUS_UPDATE\":\n                    onStatusUpdate(ev.data.data);\n                    break;\n                case \"FORM_SUBMIT\":\n                    onFormSubmit(ev.data.data);\n                    break;\n                case \"SHARE\":\n                    share(ev.data.data);\n                    break;\n                default:\n                    console.log(\"No event type found\");\n                    console.log(ev.data);\n            }\n            // }\n        };\n\n        window.addEventListener(\"message\", handler);\n        return () => window.removeEventListener(\"message\", handler);\n    }, []);\n\n\n    return <iframe\n        id=\"qureal_iframe\"\n        title=\"Qureal\"\n        src={`https://show.qureal.com/embedlist/${collection_id}`}\n        style={{\n            width: \"100%\",\n            height: \"100vh\",\n            outline: \"none\",\n            border: \"1px solid #777\",\n            ...style\n        }}\n        allow=\"web-share\"\n    />\n}\n\nexport default QurealCollection;"],"names":["QurealiFrame","slug","preview","query","type","creation_type","style","prefix","React","memo","data","navigator","share","canShare","error","QurealViewer","prefill","onFormSubmit","actionRef","organization","person","background","fit","onInit","onStatusUpdate","sendToIFrame","msg","log","qureal_element","document","getElementById","qureal_window","contentWindow","postMessage","includes","handler","ev","event_type","addEventListener","window","removeEventListener","queryfy","obj","buildQuery","Object","keys","map","value","key","prefixedKey","join","useQurealActions","useState","setActionRef","download","QurealCollection","collection_id"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/QurealiFrame.js","../src/utils.js","../src/QurealViewer.js","../src/use-action.js","../src/QurealCollection.js"],"sourcesContent":["import React, { Fragment, useEffect, useRef } from \"react\";\n\n\nfunction QurealiFrame({ slug, preview, query, type = \"creation\", creation_type = \"singlepage\", style = {} }) {\n\n    let prefix = \"ts\";\n    if (creation_type === \"document\") {\n        if (type === \"creation\") {\n            prefix = \"d\";\n        } else {\n            prefix = \"td\";\n        }\n    } else {\n        if (type === \"creation\") {\n            prefix = \"embed\";\n        }\n    }\n\n    return (\n        <Fragment>\n            <iframe\n                id=\"qureal_iframe\"\n                title=\"Qureal\"\n                // src={`http://localhost:3201/embed/${creation_slug}`}\n                // src={type === \"creation\" ? `https://show.qureal.com/embed/${slug}?${preview ? \"preview&\" : \"\"}${query}` : `https://show.qureal.com/ts/${slug}?${preview ? \"preview&\" : \"\"}${query}`}\n                // src={`https://show.qureal.com/${type === \"creation\" ? \"embed\" : \"ts\"}/${slug}?${preview ? \"preview&\" : \"\"}${query}`}\n                src={`https://show.qureal.com/${prefix}/${slug}?${preview ? \"preview&\" : \"\"}${query}`}\n                style={{\n                    width: \"100%\",\n                    height: \"100vh\",\n                    outline: \"none\",\n                    border: \"1px solid #777\",\n                    ...style\n                }}\n                allow=\"web-share\"\n            />\n        </Fragment>\n    );\n}\n\n// export default QurealiFrame;\nexport default React.memo(QurealiFrame, () => true)\n","export async function share(data) {\n    try {\n        if (navigator.share && navigator.canShare(data)) {\n            await navigator.share(data);\n        } else {\n            console.error(\"Can't share\");\n            alert(\"Share only available for mobile devices\")\n        }\n    } catch (err) {\n        console.error(err);\n    }\n}","import React, { Fragment, useEffect, useRef } from \"react\";\nimport QurealiFrame from \"./QurealiFrame\";\nimport { share } from \"./utils\";\n\nconst ALLOWED_ORIGINS = [\"https://show.qureal.com\", \"http://localhost:3201\"];\n\nfunction QurealViewer({\n    slug = \"qi_sample\",\n    preview = false,\n    prefill = {},\n    type = \"creation\", // creation or template \n    creation_type = \"singlepage\",\n    onFormSubmit = () => { },\n    style = {},\n    actionRef = {},\n    organization = null,\n    person = null,\n    background = null,\n    fit = false,\n    onInit = () => { },\n    onStatusUpdate = () => { },\n}) {\n\n    const sendToIFrame = (msg) => {\n        console.log(\"Sending data to iFrame\")\n        const qureal_element = document.getElementById(\"qureal_iframe\");\n\n        const qureal_window = qureal_element ? qureal_element.contentWindow : null;\n        if (qureal_window) {\n            qureal_window.postMessage(msg, \"*\");\n            console.log(\"Data sent to iframe\")\n        }\n    }\n\n    useEffect(() => {\n        sendToIFrame({\n            message_type: \"OPEN_CREATION\",\n            data: {\n                slug: slug,\n                preview: preview,\n                prefill: prefill,\n                ictx: {\n                    organization: organization,\n                    person: person\n                }\n            }\n        })\n    }, [slug, preview])\n\n    useEffect(() => {\n        sendToIFrame({\n            message_type: \"PREFILL\",\n            data: {\n                prefill: prefill\n            }\n        })\n    }, [prefill])\n\n    useEffect(() => {\n        if ([\"DOWNLOAD\", \"SHARE\"].includes(actionRef.type)) {\n            sendToIFrame({\n                message_type: actionRef.type,\n                data: actionRef.data || {}\n            })\n        }\n    }, [actionRef])\n\n    useEffect(() => {\n        sendToIFrame({\n            message_type: \"SET_ICTX\",\n            data: {\n                organization: organization,\n                person: person\n            }\n        })\n    }, [organization, person])\n\n    useEffect(() => {\n        const handler = (ev) => {\n            // if (ALLOWED_ORIGINS.includes(ev.origin) && typeof ev.data === \"object\") {\n            switch (ev.data.event_type) {\n                case \"WHOAMI\":\n                    onInit(ev.data.data);\n                    break;\n                case \"STATUS_UPDATE\":\n                    onStatusUpdate(ev.data.data);\n                    break;\n                case \"FORM_SUBMIT\":\n                    onFormSubmit(ev.data.data);\n                    break;\n                case \"SHARE\":\n                    share(ev.data.data);\n                    break;\n                default:\n                    console.log(\"No event type found\");\n                    console.log(ev.data);\n            }\n            // }\n        };\n\n        window.addEventListener(\"message\", handler);\n        return () => window.removeEventListener(\"message\", handler);\n    }, []);\n\n    return (\n        <QurealiFrame\n            slug={slug}\n            preview={preview}\n            query={`${queryfy(prefill)}${organization ? `&qi_organization=${organization}` : \"\"}${person ? `&qi_person=${person}` : \"\"}${background ? `&qi_background=${background}` : \"\"}${fit ? \"&qi_fit\" : \"\"}`}\n            type={type}\n            creation_type={creation_type}\n            style={style}\n        />\n    );\n}\n\n// export default QurealiFrame;\nexport default QurealViewer\n\n\nfunction queryfy(obj) {\n    const buildQuery = (prefix, obj) => {\n        return Object.keys(obj)\n            .map(key => {\n                const value = obj[key];\n                const prefixedKey = prefix ? `${prefix}.${key}` : key;\n                if (typeof value === 'object' && value !== null) {\n                    return buildQuery(prefixedKey, value);\n                } else {\n                    return `${prefixedKey}=${value}`;\n                }\n            })\n            .join(\"&\");\n    };\n\n    return buildQuery(\"\", obj);\n}","import { useState } from \"react\"\n\nfunction useQurealActions() {\n    const [actionRef, setActionRef] = useState({});\n\n    function download() {\n        setActionRef({\n            type: \"DOWNLOAD\",\n            data: {}\n        })\n    }\n\n\n    function share() {\n        setActionRef({\n            type: \"SHARE\",\n            data: {}\n        })\n    }\n\n    function setPreset() {\n\n    }\n\n    return { actionRef, download, share }\n}\n\nexport default useQurealActions;","import React, { useEffect } from \"react\";\n\nconst ALLOWED_ORIGINS = [\"https://show.qureal.com\", \"http://localhost:3201\"];\n\n\nfunction QurealCollection({\n    collection_id = \"934ffe42-1d0a-4fa0-ad23-60b066c0b9ab\",\n    // preview = false,\n    prefill = {},\n    // onFormSubmit = () => { },\n    style = {},\n    actionRef = {},\n    organization = null,\n    person = null,\n    background = null,\n    fit = false,\n    onInit = () => { },\n    onStatusUpdate = () => { },\n}) {\n\n    const sendToIFrame = (msg) => {\n        console.log(\"Sending data to iFrame\")\n        const qureal_element = document.getElementById(\"qureal_iframe\");\n        const qureal_window = qureal_element ? qureal_element.contentWindow : null;\n        if (qureal_window) {\n            qureal_window.postMessage(msg, \"*\");\n            console.log(\"Data sent to iframe\")\n        }\n    }\n\n    // useEffect(() => {\n    //     sendToIFrame({\n    //         message_type: \"OPEN_CREATION\",\n    //         data: {\n    //             slug: slug,\n    //             preview: preview,\n    //             prefill: prefill,\n    //             ictx: {\n    //                 organization: organization,\n    //                 person: person\n    //             }\n    //         }\n    //     })\n    // }, [slug, preview])\n\n    useEffect(() => {\n        sendToIFrame({\n            message_type: \"PREFILL\",\n            data: {\n                prefill: prefill\n            }\n        })\n    }, [prefill])\n\n    useEffect(() => {\n        if ([\"DOWNLOAD\", \"SHARE\"].includes(actionRef.type)) {\n            sendToIFrame({\n                message_type: actionRef.type,\n                data: actionRef.data || {}\n            })\n        }\n    }, [actionRef])\n\n    useEffect(() => {\n        sendToIFrame({\n            message_type: \"SET_ICTX\",\n            data: {\n                organization: organization,\n                person: person\n            }\n        })\n    }, [organization, person])\n\n    useEffect(() => {\n        const handler = (ev) => {\n            // if (ALLOWED_ORIGINS.includes(ev.origin) && typeof ev.data === \"object\") {\n            switch (ev.data.event_type) {\n                case \"WHOAMI\":\n                    onInit(ev.data.data);\n                    break;\n                case \"STATUS_UPDATE\":\n                    onStatusUpdate(ev.data.data);\n                    break;\n                case \"FORM_SUBMIT\":\n                    onFormSubmit(ev.data.data);\n                    break;\n                case \"SHARE\":\n                    share(ev.data.data);\n                    break;\n                default:\n                    console.log(\"No event type found\");\n                    console.log(ev.data);\n            }\n            // }\n        };\n\n        window.addEventListener(\"message\", handler);\n        return () => window.removeEventListener(\"message\", handler);\n    }, []);\n\n\n    const query_string = `${queryfy(prefill)}${organization ? `&qi_organization=${organization}` : \"\"}${person ? `&qi_person=${person}` : \"\"}${background ? `&qi_background=${background}` : \"\"}${fit ? \"&qi_fit\" : \"\"}`\n\n\n    return <iframe\n        id=\"qureal_iframe\"\n        title=\"Qureal\"\n        src={`https://show.qureal.com/embedlist/${collection_id}?${query_string}`}\n        style={{\n            width: \"100%\",\n            height: \"100vh\",\n            outline: \"none\",\n            border: \"1px solid #777\",\n            ...style\n        }}\n        allow=\"web-share\"\n    />\n}\n\nexport default QurealCollection;\n\n\nfunction queryfy(obj) {\n    const buildQuery = (prefix, obj) => {\n        return Object.keys(obj)\n            .map(key => {\n                const value = obj[key];\n                const prefixedKey = prefix ? `${prefix}.${key}` : key;\n                if (typeof value === 'object' && value !== null) {\n                    return buildQuery(prefixedKey, value);\n                } else {\n                    return `${prefixedKey}=${value}`;\n                }\n            })\n            .join(\"&\");\n    };\n\n    return buildQuery(\"\", obj);\n}"],"names":["QurealiFrame","slug","preview","query","type","creation_type","style","prefix","React","memo","data","navigator","share","canShare","error","QurealViewer","prefill","onFormSubmit","actionRef","organization","person","background","fit","onInit","onStatusUpdate","sendToIFrame","msg","log","qureal_element","document","getElementById","qureal_window","contentWindow","postMessage","includes","handler","ev","event_type","addEventListener","window","removeEventListener","queryfy","obj","buildQuery","Object","keys","map","value","key","prefixedKey","join","useQurealActions","useState","setActionRef","download","QurealCollection","collection_id","query_string"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qureal-editor",
-  "version": "1.0.31",
+  "version": "1.0.32",
   "description": "Official Qureal React components",
   "author": "shivampip",
   "license": "MIT",