@pretty-chitty/core 1.1.1

package/dist/components/Viewer.js

@@ -0,0 +1,289 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Vector2 } from "three";
+import { useEffect, useRef, useState } from "react";
+import { RootChitRenderInstance } from "../rendering/RootChitRenderInstance";
+import { useAnimationSpeedMultiplier, useTimeState } from "../hooks/useTimeController";
+import { useEventChannelState } from "../hooks/useEventChannelState";
+import { addWheelListener, removeWheelListener } from "wheel";
+import { useWebGlRenderer } from "../hooks/useWebGlRenderer";
+import { useModalState } from "../hooks/useModalState";
+import { usePlayerId } from "../hooks/usePlayer";
+import { useGameTheme } from "../hooks/useGameTheme";
+import { requestSharedAnimationFrame } from "../utilities/RequestSharedAnimationFrame";
+import PersistentCanvas from "./PersistentCanvas";
+import { useGestureContext } from "./Panel/PanelContents";
+let ID_COUNTER = 1;
+export default function Viewer({ paused = false, hardPaused = false, chit, wireframes, w = 0, h = 0, paddingTop = 0, panCallback, zoomCallback, refContainer = null, enableGestures = true, }) {
+    const playerId = usePlayerId();
+    const [id] = useState(`Viewer${ID_COUNTER++}`);
+    const timeState = useTimeState();
+    const animationSpeedMultiplier = useAnimationSpeedMultiplier();
+    const [isLoading] = useEventChannelState(timeState.isLoading);
+    const myRefContainer = useRef(null);
+    const rendererWrapper = useWebGlRenderer();
+    const theme = useGameTheme();
+    const modalState = useModalState();
+    const [chitRenderInstance, setChitRenderInstance] = useState(null);
+    if (chitRenderInstance) {
+        if (isLoading) {
+            chitRenderInstance.animationSpeedMultiplier = 0.0001;
+        }
+        else if (chitRenderInstance.animationSpeedMultiplier !== animationSpeedMultiplier) {
+            chitRenderInstance.animationSpeedMultiplier = animationSpeedMultiplier;
+            chitRenderInstance.resetMarks();
+        }
+    }
+    useEffect(() => {
+        if (!isLoading && chitRenderInstance) {
+            chitRenderInstance.resetMarks();
+        }
+    }, [isLoading, chitRenderInstance]);
+    // handle sizing and aspect ratio on camera
+    useEffect(() => {
+        chitRenderInstance?.setSize(w, h);
+    }, [chitRenderInstance, w, h]);
+    // handle padding
+    useEffect(() => {
+        chitRenderInstance?.setPaddingTop(paddingTop);
+    }, [chitRenderInstance, w, h, paddingTop]);
+    // handle hooking the root render instance onto the scene
+    const actualRef = refContainer ?? myRefContainer;
+    const R = RootChitRenderInstance;
+    useEffect(() => {
+        if (!chitRenderInstance || chitRenderInstance.chit !== chit || !(chitRenderInstance instanceof R)) {
+            if (chitRenderInstance) {
+                chitRenderInstance.destroy();
+            }
+            if (chit.renderInstance) {
+                chit.renderInstance.invalidateRootRenderInstance();
+                chit.renderInstance.destroy();
+            }
+            const newInstance = new R(chit);
+            newInstance.playerId = playerId;
+            newInstance.convertCameraSpaceToScreenSpace = (x, y) => {
+                const el = actualRef.current;
+                if (!el) {
+                    return;
+                }
+                const rect = el.getBoundingClientRect();
+                return new Vector2(rect.left + ((1 + x) / 2) * rect.width, rect.top + ((1 - y) / 2) * rect.height);
+            };
+            newInstance.convertScreenSpaceToCameraSpace = (x, y) => {
+                const el = actualRef.current;
+                if (!el) {
+                    return;
+                }
+                const rect = el.getBoundingClientRect();
+                x -= rect.left;
+                y -= rect.top;
+                return new Vector2((x / rect.width) * 2 - 1, -((y / rect.height) * 2 - 1));
+            };
+            newInstance.setup(modalState);
+            setChitRenderInstance(newInstance);
+        }
+    }, [actualRef, playerId, animationSpeedMultiplier, chit, chitRenderInstance, R, modalState]);
+    // make sure "wireframes" gets set correctly on the render instance
+    useEffect(() => {
+        if (chitRenderInstance) {
+            chitRenderInstance.wireframes = !!wireframes;
+        }
+    }, [chitRenderInstance, wireframes]);
+    // handle animation frames
+    useEffect(() => {
+        const canvas = myRefContainer.current;
+        if (!chitRenderInstance || !rendererWrapper || !canvas) {
+            return;
+        }
+        const context = canvas.getContext("2d");
+        if (!context) {
+            return;
+        }
+        // chitRenderInstance.sceneWrapper.markDirty();
+        let renderNextFrame;
+        let cancelled = false;
+        const animate = () => {
+            if (!cancelled) {
+                try {
+                    // console.log(renderNextFrame);
+                    if (!paused) {
+                        requestSharedAnimationFrame(animate);
+                        // setTimeout(animate, 500);
+                    }
+                    const prevRenderNextFrame = renderNextFrame;
+                    renderNextFrame = chitRenderInstance?.update();
+                    if (chitRenderInstance &&
+                        rendererWrapper &&
+                        (paused || prevRenderNextFrame === undefined || prevRenderNextFrame || chitRenderInstance.dirty)) {
+                        if (!hardPaused) {
+                            // Clear canvas and render
+                            rendererWrapper.render(chitRenderInstance.sceneWrapper, chitRenderInstance.camera, context, theme);
+                            // Clear snapshot after first render at new size
+                            const canvasEl = canvas;
+                            if (canvasEl.clearSnapshot) {
+                                canvasEl.clearSnapshot();
+                            }
+                        }
+                        chitRenderInstance.resetDirty();
+                        if (!hardPaused) {
+                            timeState.setAnimationState(id, !paused);
+                        }
+                    }
+                    else {
+                        timeState.setAnimationState(id, false);
+                    }
+                }
+                catch (e) {
+                    console.error(e);
+                }
+            }
+        };
+        animate();
+        return () => {
+            timeState.setAnimationState(id, false);
+            cancelled = true;
+        };
+    }, [id, timeState, hardPaused, rendererWrapper, chitRenderInstance, paused, actualRef, myRefContainer, theme]);
+    useEffect(() => {
+        if (chitRenderInstance) {
+            if (paused) {
+                timeState.setAnimationState(id, false);
+                chitRenderInstance.pause();
+            }
+            else {
+                chitRenderInstance.cameraWrapper.zeroTween();
+                chitRenderInstance.resume();
+            }
+        }
+    }, [chitRenderInstance, id, paused, timeState]);
+    // hook up interactions
+    const gestureContext = useGestureContext();
+    useEffect(() => {
+        const el = myRefContainer.current;
+        if (!el || !chitRenderInstance || hardPaused) {
+            return;
+        }
+        // Set up wheel listener (not handled by HammerJS)
+        const wheelListener = (ev) => {
+            if (panCallback && Math.abs(ev.deltaX) > 30 && Math.abs(ev.deltaX) > Math.abs(ev.deltaY)) {
+                const direction = ev.deltaX > 0 ? "left" : "right";
+                panCallback(direction);
+                ev.preventDefault();
+            }
+            else {
+                const dy = ev.wheelDeltaY;
+                const prev = chitRenderInstance.cameraZoom;
+                chitRenderInstance.handleZoom(ev.layerX, ev.layerY, dy / 120, false);
+                if (zoomCallback) {
+                    zoomCallback(chitRenderInstance.cameraZoom, prev);
+                }
+                ev.preventDefault();
+            }
+        };
+        addWheelListener(el, wheelListener);
+        // If we have a gesture context and gestures are enabled, register with it
+        if (gestureContext && enableGestures) {
+            let cancelled = false;
+            let pinchEndedRecently = false;
+            let pinchScale = 1;
+            let pinchCancelled = false;
+            const handlers = {
+                onSingleTap: (x, y, isMouse) => {
+                    chitRenderInstance.handleClick(x, y, isMouse ? 3 : 6, isMouse ? 1.5 : 3);
+                },
+                onDoubleTap: (x, y) => {
+                    const prev = chitRenderInstance.cameraZoom;
+                    chitRenderInstance.handleZoom(x, y, chitRenderInstance.cameraZoom <= 1 ? 0.0001 : -20, !!zoomCallback);
+                    if (zoomCallback) {
+                        zoomCallback(chitRenderInstance.cameraZoom, prev);
+                        setTimeout(() => chitRenderInstance.handleZoom(x, y, 0, false), 100);
+                    }
+                },
+                onLongTap: (x, y, isMouse) => {
+                    chitRenderInstance.handleLongClick(x, y, isMouse ? 3 : 6, isMouse ? 1.5 : 3);
+                },
+                onPanStart: () => {
+                    if (pinchEndedRecently) {
+                        cancelled = true;
+                        return;
+                    }
+                    cancelled = false;
+                },
+                onPan: (dx, dy, ev) => {
+                    if (cancelled) {
+                        return;
+                    }
+                    if (panCallback) {
+                        const isMouse = ev.pointerType === "mouse";
+                        const neededVelocity = chitRenderInstance.cameraZoom <= 1.1 ? 0.3 : isMouse ? 7.5 : 2.5;
+                        if (Math.abs(ev.velocityX) > neededVelocity && ev.distance > 20 && Math.abs(ev.velocityY) < 0.2) {
+                            const direction = ev.velocityX > 0 ? "left" : "right";
+                            panCallback(direction);
+                            cancelled = true;
+                            return;
+                        }
+                    }
+                    if (zoomCallback) {
+                        const isMouse = ev.pointerType === "mouse";
+                        const neededVelocity = chitRenderInstance.cameraZoom <= 1.1 ? 0.3 : isMouse ? 7.5 : 2.5;
+                        if (Math.abs(ev.velocityY) > neededVelocity && ev.distance > 20 && Math.abs(ev.velocityX) < 0.2) {
+                            const prev = chitRenderInstance.cameraZoom;
+                            chitRenderInstance.handleZoom(0, 0, chitRenderInstance.cameraZoom <= 1 ? 0.0001 : -20, !!zoomCallback);
+                            zoomCallback(chitRenderInstance.cameraZoom, prev);
+                            setTimeout(() => chitRenderInstance.handleZoom(0, 0, 0, false), 100);
+                            cancelled = true;
+                            return;
+                        }
+                    }
+                    chitRenderInstance.handlePan(dx, dy);
+                },
+                onPinchStart: () => {
+                    pinchScale = chitRenderInstance.cameraZoom;
+                    pinchCancelled = false;
+                },
+                onPinch: (_scale, deltaScale, centerX, centerY) => {
+                    if (pinchCancelled) {
+                        return;
+                    }
+                    const prev = chitRenderInstance.cameraZoom;
+                    chitRenderInstance.handleZoom(centerX, centerY, pinchScale * deltaScale, false);
+                    if (zoomCallback) {
+                        zoomCallback(chitRenderInstance.cameraZoom, prev);
+                    }
+                    if (chitRenderInstance.cameraZoom <= 1 && prev > 1) {
+                        pinchCancelled = true;
+                    }
+                },
+                onPinchEnd: () => {
+                    pinchCancelled = true;
+                    pinchEndedRecently = true;
+                    setTimeout(() => (pinchEndedRecently = false), 200);
+                },
+            };
+            const unregister = gestureContext.registerViewer({
+                id,
+                getBounds: () => el.getBoundingClientRect(),
+                handlers,
+            });
+            return () => {
+                unregister();
+                removeWheelListener(el, wheelListener);
+            };
+        }
+        // Fallback: no gesture context available, so we can't register
+        return () => {
+            removeWheelListener(el, wheelListener);
+        };
+    }, [
+        id,
+        myRefContainer,
+        hardPaused,
+        chitRenderInstance,
+        modalState,
+        panCallback,
+        zoomCallback,
+        gestureContext,
+        enableGestures,
+    ]);
+    return (_jsx(PersistentCanvas, { width: w * rendererWrapper.pixelRatio, height: h * rendererWrapper.pixelRatio, displayWidth: w, displayHeight: h, canvasRef: myRefContainer }));
+}
+//# sourceMappingURL=Viewer.js.map

package/dist/components/Viewer.js.map

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

package/dist/components/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/library/components/index.ts"],"names":[],"mappings":""}

package/dist/components/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/library/components/index.ts"],"names":[],"mappings":""}

package/dist/game/Chit.d.ts

@@ -0,0 +1,64 @@
+import { ChitRenderSpec } from "../rendering/ChitRenderSpec";
+import { Turn } from "./Turn";
+import { ObjectWithProps } from "../utilities/ObjectWithProps";
+import { ChitPick } from "./Pick";
+import { OrderedOutlet } from "./OrderedOutlet";
+import { SparkChit } from "./SparkChit";
+import { IUpdatingCanvas } from "../utilities/IUpdatingCanvas";
+import { ImageSpec } from "../utilities/CanvasStack/CanvasOperations";
+export declare const ORDERED_CHILDREN = "orderedChildren";
+export type ChitClick = () => void;
+export type HiddenPropertySerializationRule = {
+    fields: "all" | string[];
+    playerIds: string[];
+};
+export type PanelTab = {
+    color: string;
+    icon: IUpdatingCanvas | ImageSpec;
+};
+export declare class Chit extends ObjectWithProps {
+    id?: string;
+    constructor();
+    orderedChildren: OrderedOutlet<Chit>;
+    render(spec: ChitRenderSpec): void;
+    shouldRenderChild(childChit: Chit): boolean;
+    getSparks(context: "panel" | "dropdown" | "endgame"): SparkChit[];
+    add<T extends Chit>(chit: T, outlet?: string): T;
+    remove(chit: Chit): void;
+    removeFromParent(): void;
+    private _parentOutletIndex?;
+    get parentOutletIndex(): number | undefined;
+    private _parentOutlet?;
+    get parentOutlet(): string | undefined;
+    private _parent?;
+    get parent(): Chit | undefined;
+    get parentFallback(): Chit | undefined;
+    set parentFallback(newValue: Chit | undefined);
+    private _lastParent?;
+    get panelTab(): PanelTab | undefined;
+    toJSON(): {
+        __chit_id: string;
+    };
+    toString(): string;
+    private _version;
+    private _createdOrder;
+    private _game?;
+    private _onClick?;
+    /**
+     * Returns true if the chit is currently clickable
+     */
+    get isClickable(): boolean;
+    private _lockedBy?;
+    get currentTurn(): Turn<any, any, any>;
+    functionallyIdentical(other: Chit): boolean;
+    setParent(newValue?: Chit, parentOutlet?: string, parentOutletIndex?: number): void;
+    private get serializationProps();
+    /**
+     * Let chits decide who can see what.  (Allow privacy of chits)
+     * @param _playerIds
+     * @returns
+     */
+    hiddenPropertiesForSerialization(_playerIds: string[]): HiddenPropertySerializationRule[] | undefined;
+    static pick<T extends Chit>(chit: T | (T | undefined | null | false)[] | OrderedOutlet<T>, cb: (chit: T) => void | Promise<void>): ChitPick<T>;
+}
+//# sourceMappingURL=Chit.d.ts.map

package/dist/game/Chit.d.ts.map

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