pollination-react-io 1.98.1 → 1.99.0

package/build/GetGeometry/GetGeometry.types.d.ts

@@ -1,9 +1,11 @@
+import { MeshOptions } from "../hooks";
 export declare enum GetModelActions {
     selection = "selection",
     subscribe = "subscribe",
     preview = "preview"
 }
 export interface GetGeometryProps {
+    defaultKey: string;
     setParentState?: (data: any) => void;
     optionsConfig?: {
         [index in GetModelActions]: {
@@ -12,6 +14,6 @@ export interface GetGeometryProps {
         };
     };
     buttonLabel?: string;
-    defaultKey?: string;
     useIcon?: boolean;
+    meshOptions?: MeshOptions;
 }

package/build/hooks/useCustomEvent.d.ts

@@ -0,0 +1,8 @@
+import { EventHandler } from 'react';
+/**
+ * Listen for a CustomEvent.
+ * If web it uses document, if panel it uses webview
+ * @param eventName Name of the CustomEvent
+ * @param handler Handler to trigger
+ */
+export declare const useCustomEvent: (eventName: 'onGeometryChanged' | 'onModelChanged' | 'onResultChanged', handler: EventHandler<any>) => void;

package/build/hooks/useGetGeometry.d.ts

@@ -4,8 +4,12 @@ declare global {
         chrome?: any;
     }
 }
-export declare const useGetGeometry: () => {
+export interface MeshOptions {
+    gridSize?: number;
+    union?: boolean;
+}
+export declare const useGetGeometry: (meshOptions?: MeshOptions) => {
     host: string;
     geometry: Blob;
-    getGeometry: (key?: any, selection?: any, force?: any) => void;
+    getGeometry: (key?: any, selection?: boolean, force?: boolean, useSelection?: boolean) => void;
 };

package/build/index.esm.js

@@ -41072,12 +41072,13 @@ function stubFalse() {
 module.exports = isEqual;
 });
 
-var useGetGeometry = function () {
+var useGetGeometry = function (meshOptions) {
+    if (meshOptions === void 0) { meshOptions = {}; }
     var host = getHost();
     var _a = useState(undefined), geometry = _a[0], setGeometry = _a[1];
     var geometryRef = useRef(undefined);
     var setReturnVal = useCallback(function (_a, force) {
-        var data = _a.data; _a.identifier;
+        var data = _a.data;
         var bytes = new TextEncoder().encode(data);
         if (!force && geometryRef.current) {
             if (!lodash_isequal(bytes, geometryRef.current)) {
@@ -41104,17 +41105,27 @@ var useGetGeometry = function () {
         // @ts-ignore
         return function () { return window.parent.readGeometry = undefined; };
     }, [host, setReturnVal]);
-    var dotNetGetGeometry = useCallback(function (key, selection, force) {
+    var dotNetGetGeometry = useCallback(function (key, selection, force, useSelection) {
         if (key === void 0) { key = 'use-get-geometry'; }
         if (selection === void 0) { selection = false; }
         if (force === void 0) { force = false; }
+        if (useSelection === void 0) { useSelection = true; }
         if (!checkDotNet())
             return;
         var res = {
             data: null,
             identifier: null,
         };
-        res = window.parent.chrome.webview.hostObjects.sync.geometry.Get(key, selection);
+        var options = (Object.values(meshOptions).length !== 0) ? {
+            select: selection,
+            useSelection: useSelection,
+            gridSize: meshOptions.gridSize,
+            merge: meshOptions.union
+        } : {
+            select: selection,
+            useSelection: useSelection
+        };
+        res = window.parent.chrome.webview.hostObjects.sync.geometry.Read(key, JSON.stringify(options));
         if (res) {
             setReturnVal(res, force);
         }
@@ -47924,23 +47935,50 @@ var GetModelActions;
     GetModelActions["preview"] = "preview";
 })(GetModelActions || (GetModelActions = {}));
 
+/**
+ * Listen for a CustomEvent.
+ * If web it uses document, if panel it uses webview
+ * @param eventName Name of the CustomEvent
+ * @param handler Handler to trigger
+ */
+var useCustomEvent = function (eventName, handler) {
+    var host = getHost();
+    useEffect(function () {
+        // If web use document
+        var owner = document;
+        // If panel use webview
+        if (host !== 'web') {
+            owner = window.parent.chrome.webview;
+        }
+        owner.addEventListener(eventName, handler);
+        return function () {
+            owner.removeEventListener(eventName, handler);
+        };
+    }, []);
+};
+
 var GetGeometry = function (_a) {
-    var setParentState = _a.setParentState, optionsConfig = _a.optionsConfig, _b = _a.buttonLabel, buttonLabel = _b === void 0 ? 'Get Geometry' : _b, _c = _a.defaultKey, defaultKey = _c === void 0 ? 'get-geometry-btn' : _c, _d = _a.useIcon, useIcon = _d === void 0 ? false : _d;
-    var subscribeRef = useRef();
+    var setParentState = _a.setParentState, optionsConfig = _a.optionsConfig, _b = _a.buttonLabel, buttonLabel = _b === void 0 ? 'Get Geometry' : _b, _c = _a.defaultKey, defaultKey = _c === void 0 ? 'get-geometry-btn' : _c, _d = _a.useIcon, useIcon = _d === void 0 ? false : _d, _e = _a.meshOptions, meshOptions = _e === void 0 ? {} : _e;
+    // Hooks
     var sendMessage = useSendMessage().sendMessage;
-    var _e = useState(performance.now().toString()), key = _e[0], setKey = _e[1];
-    var _f = useState(false), isClicked = _f[0], setIsClicked = _f[1];
-    var _g = useState(), selection = _g[0], setSelection = _g[1];
-    var _h = useState(), subscribe = _h[0], setSubscribe = _h[1];
-    var _j = useState(), preview = _j[0], setPreview = _j[1];
+    var _f = useGetGeometry(meshOptions), host = _f.host, geometry = _f.geometry, getGeometry = _f.getGeometry;
+    var _g = useState(false), isClicked = _g[0], setIsClicked = _g[1];
+    var _h = useState(), selection = _h[0], setSelection = _h[1];
+    var _j = useState(), subscribe = _j[0], setSubscribe = _j[1];
+    var _k = useState(), preview = _k[0], setPreview = _k[1];
+    var _l = useState(), refresh = _l[0], setRefresh = _l[1];
+    var _m = useState(), result = _m[0], setResult = _m[1];
+    // This method does not read runtime state variables. Props only
+    var customEventHandler = function (e) {
+        (e.detail.id === defaultKey) && setRefresh(performance.now().toString());
+    };
+    useCustomEvent('onGeometryChanged', customEventHandler);
     // Config only on bootstrap
     var initialConfig = useMemo(function () {
         if (!optionsConfig)
             return undefined;
         return optionsConfig;
     }, []);
-    // pollination-react-io hooks
-    var _k = useGetGeometry(), host = _k.host, geometry = _k.geometry, getGeometry = _k.getGeometry;
     // set selection and subscribe on props change
     useEffect(function () {
         if (!initialConfig)
@@ -47955,61 +47993,59 @@ var GetGeometry = function (_a) {
         setSelection(sel);
         setSubscribe(sub);
     }, [initialConfig]);
+    /**
+     * From Blob geometry to string
+     */
     useEffect(function () {
-        // Send data only after the first click
-        if (!geometry || !setParentState || !isClicked)
+        // Only if clicked
+        if (!geometry || !isClicked)
             return;
         var fr = new FileReader();
         fr.onload = function () {
             if (typeof this.result !== 'string')
                 return;
-            setParentState({ geometry: JSON.parse(this.result) });
-            // If preview is ON
-            preview && sendMessage('SubscribePreviewGeometry', {
-                data: this.result,
-                uniqueId: defaultKey,
-                options: {}
-            });
-            // If preview is OFF
-            !preview && sendMessage('ClearGeometry', {
-                data: this.result,
-                uniqueId: defaultKey,
-                options: {}
-            });
+            setResult(this.result);
         };
         fr.readAsText(geometry);
-    }, [geometry, setParentState, preview]);
-    // subscribe
+    }, [geometry]);
+    /**
+     * Set parent state if result change
+     */
     useEffect(function () {
-        if (!getGeometry)
+        if (!result || !setParentState)
             return;
-        if (subscribe
-            && typeof subscribeRef.current === 'undefined') {
-            subscribeRef.current = setInterval(function () {
-                getGeometry(key);
-            }, 1000);
-        }
-        else if (!subscribe
-            && typeof subscribeRef.current !== 'undefined') {
-            clearInterval(subscribeRef.current);
-            subscribeRef.current = undefined;
-        }
-    }, [getGeometry, key, subscribe, subscribeRef, selection]);
-    // selection and subscription
+        setParentState({ geometry: JSON.parse(result) });
+    }, [result, setParentState]);
+    /**
+     * Preview only
+     */
     useEffect(function () {
-        // If selection is deactivated and subscription is active
-        if (!selection && typeof subscribeRef.current !== 'undefined') {
-            clearInterval(subscribeRef.current);
-            subscribeRef.current = undefined;
-            // Force subscribe
-            setKey(performance.now().toString());
-        }
-    }, [selection]);
+        if (!result)
+            return;
+        // Preview ON
+        preview && sendMessage('SubscribePreviewGeometry', {
+            data: result,
+            uniqueId: defaultKey,
+            options: {}
+        });
+        // Preview OFF
+        !preview && sendMessage('ClearGeometry', {
+            data: result,
+            uniqueId: defaultKey,
+            options: {}
+        });
+    }, [result, preview]);
+    // Event effect if subscribe is active
+    useEffect(function () {
+        if (!getGeometry)
+            return;
+        subscribe && getGeometry(defaultKey, false, false, selection);
+    }, [getGeometry, refresh]);
     return (React__default.createElement(SettingsButton, { icon: useIcon && ((isClicked && geometry) ? React__default.createElement(CheckCircle$1, null) : undefined), onClick: function () {
             if (!getGeometry)
                 return;
             setIsClicked(true);
-            getGeometry(key, selection, true);
+            getGeometry(defaultKey, selection, true, selection);
         }, disabled: typeof getGeometry === 'undefined', 
         // @ts-ignore
         options: host !== 'revit' ? [{
@@ -48033,10 +48069,6 @@ var GetGeometry = function (_a) {
                         checked: selection,
                         icon: React__default.createElement(BoundingBox$1, { size: 16 }),
                         onSelect: function () {
-                            // reset key when "select" option is deselected
-                            if (selection) {
-                                setKey(performance.now().toString());
-                            }
                             setSelection(function (state) { return !state; });
                         },
                     },