@100mslive/hms-whiteboard 0.0.0-alpha.0 → 0.0.0-alpha.2

package/dist/index.cjs.js

@@ -1,2267 +1,7 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-
-// <define:process.env>
-var define_process_env_default;
-var init_define_process_env = __esm({
-  "<define:process.env>"() {
-    define_process_env_default = { NVM_INC: "/Users/ravitheja/.nvm/versions/node/v18.17.0/include/node", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_devDependencies_react_dom: "^18.1.0", npm_package_scripts_size: "size-limit", npm_package_devDependencies_prettier: "^2.4.1", TERM_PROGRAM: "vscode", npm_package_size_limit_0_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", NODE: "/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node", npm_package_scripts_types_build: "tsc -p tsconfig.json", INIT_CWD: "/Users/ravitheja/Documents/web-sdks/packages", NVM_CD_FLAGS: "-q", npm_package_devDependencies_typescript: "^5.2.2", npm_config_version_git_tag: "true", TERM: "xterm-256color", SHELL: "/bin/zsh", npm_package_devDependencies_jest: "26.6.0", npm_package_size_limit_4_limit: "20 KB", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", TMPDIR: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/", npm_package_devDependencies_esbuild: "^0.18.13", npm_package_size_limit_6_limit: "150 KB", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_config_init_license: "MIT", TERM_PROGRAM_VERSION: "1.88.0", npm_package_devDependencies_concurrently: "^6.4.0", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", ZDOTDIR: "/Users/ravitheja", ORIGINAL_XDG_CURRENT_DESKTOP: "undefined", MallocNanoZone: "0", npm_package_private: "true", npm_config_registry: "https://registry.yarnpkg.com", npm_package_sideEffects: "false", ZSH: "/Users/ravitheja/.oh-my-zsh", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_devDependencies_eslint_plugin_react_refresh: "^0.4.4", npm_package_peerDependencies_react_dom: ">=17.0.2 <19.0.0", npm_package_readmeFilename: "README.md", NVM_DIR: "/Users/ravitheja/.nvm", USER: "ravitheja", npm_package_description: "This monorepo contains all the packages required to integrate 100ms on the web.", npm_package_devDependencies_react: "^18.1.0", npm_package_license: "MIT", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_devDependencies__types_react: "^18.1.0", COMMAND_MODE: "unix2003", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_scripts_build_storybook: "cd packages/roomkit-react && yarn build-storybook", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_grpc_tools: "^1.12.4", npm_package_exports___import: "./dist/index.js", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_devDependencies__babel_core: "^7.8.0", NX_TASK_HASH: "a403272550ac4cbda3aa08c5ff6855d5497f668aba15434c196d105b629731e3", SSH_AUTH_SOCK: "/private/tmp/com.apple.launchd.txCsm7XFQk/Listeners", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", __CF_USER_TEXT_ENCODING: "0x1F5:0x0:0x0", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.53.0", npm_package_devDependencies__types_jest: "^27.0.3", npm_execpath: "/usr/local/Cellar/yarn/1.22.19/libexec/bin/yarn.js", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_package_devDependencies__protobuf_ts_plugin: "^2.9.1", PAGER: "less", npm_package_author_name: "100ms", LSCOLORS: "Gxfxcxdxbxegedabagacad", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies__types_react_dom: "^18.1.0", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", NX_TASK_TARGET_PROJECT: "@100mslive/hms-whiteboard", PATH: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1712636877197-0.25387454825377076:/Users/ravitheja/Documents/web-sdks/packages/hms-whiteboard/node_modules/.bin:/Users/ravitheja/.config/yarn/link/node_modules/.bin:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/libexec/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node_modules/npm/bin/node-gyp-bin:/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1712636876822-0.6590753932430242:/Users/ravitheja/Documents/web-sdks/packages/hms-whiteboard/node_modules/.bin:/Users/ravitheja/.config/yarn/link/node_modules/.bin:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/libexec/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node_modules/npm/bin/node-gyp-bin:/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1712636874526-0.9704024289150126:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.config/yarn/link/node_modules/.bin:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/libexec/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin:/usr/local/bin:/System/Cryptexes/App/usr/bin:/usr/bin:/bin:/usr/sbin:/sbin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/local/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/appleinternal/bin:/Library/Apple/usr/bin:/Applications/Wireshark.app/Contents/MacOS:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin:/Users/ravitheja/.cargo/bin", npm_config_argv: '{"remain":[],"cooked":["run","build"],"original":["build","--no-private"]}', npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_scripts_lint_fix: "yarn lint --fix", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_size_limit_5_limit: "20 KB", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_nx: "^14.5.1", npm_config_workspaces_experimental: "true", _: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1712636877197-0.25387454825377076/node", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", NX_WORKSPACE_ROOT: "/Users/ravitheja/Documents/web-sdks", npm_package_dependencies__tldraw_tldraw: "2.0.0-alpha.19", USER_ZDOTDIR: "/Users/ravitheja", __CFBundleIdentifier: "com.microsoft.VSCode", npm_package_size_limit_7_limit: "100 KB", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_devDependencies_ts_jest: "26.5.6", PWD: "/Users/ravitheja/Documents/web-sdks/packages/hms-whiteboard", npm_package_devDependencies_cypress: "^9.5.2", npm_package_scripts_build_proto: "protoc --ts_out ./src/grpc -I=./proto proto/*proto", npm_package_exports___index_css: "./dist/index.css", npm_package_devDependencies_eslint_plugin_react_hooks: "^4.6.0", npm_lifecycle_event: "build:only", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", LANG: "en_US.UTF-8", npm_package_name: "@100mslive/hms-whiteboard", npm_package_types: "dist/index.d.ts", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_version_commit_hooks: "true", VSCODE_GIT_ASKPASS_EXTRA_ARGS: "", XPC_FLAGS: "0x0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", npm_config_bin_links: "true", npm_package_engines_node: ">=16", FORCE_COLOR: "true", npm_config_wrap_output: "", npm_package_scripts_cypress_open: "cypress open", npm_package_main: "dist/index.js", XPC_SERVICE_NAME: "0", npm_package_version: "0.0.0-alpha.0", VSCODE_INJECTION: "1", SHLVL: "5", HOME: "/Users/ravitheja", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_package_type: "module", VSCODE_GIT_ASKPASS_MAIN: "/Applications/Visual Studio Code.app/Contents/Resources/app/extensions/git/dist/askpass-main.js", npm_package_scripts_storybook: "cd packages/roomkit-react && yarn storybook", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_dependencies__protobuf_ts_grpcweb_transport: "^2.9.1", npm_config_save_prefix: "^", npm_config_strict_ssl: "true", npm_package_devDependencies_husky: "^6.0.0", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_config_version_git_message: "v%s", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_dependencies__protobuf_ts_runtime_rpc: "^2.9.1", npm_package_dependencies__protobuf_ts_runtime: "^2.9.1", npm_package_exports___default: "./dist/index.js", LESS: "-R", LOGNAME: "ravitheja", YARN_WRAP_OUTPUT: "false", npm_package_scripts_format: "prettier -w src/**", PREFIX: "/usr/local", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_exports___require: "./dist/index.cjs.js", VSCODE_GIT_IPC_HANDLE: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/vscode-git-10419d9aa6.sock", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", NVM_BIN: "/Users/ravitheja/.nvm/versions/node/v18.17.0/bin", LERNA_PACKAGE_NAME: "@100mslive/hms-whiteboard", npm_config_version_git_sign: "", npm_config_ignore_scripts: "", npm_config_user_agent: "yarn/1.22.19 npm/? node/v18.17.0 darwin x64", VSCODE_GIT_ASKPASS_NODE: "/Applications/Visual Studio Code.app/Contents/Frameworks/Code Helper (Plugin).app/Contents/MacOS/Code Helper (Plugin)", GIT_ASKPASS: "/Applications/Visual Studio Code.app/Contents/Resources/app/extensions/git/dist/askpass.sh", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_devDependencies__types_node: "^20.12.5", npm_package_scripts_types: "tsc -w", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_lerna: "^5.6.2", npm_package_files_0: "dist", npm_package_size_limit_3_limit: "20 KB", npm_config_init_version: "1.0.0", npm_config_ignore_optional: "", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_workspaces_0: "packages/*", COLORTERM: "truecolor", npm_node_execpath: "/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node", npm_package_workspaces_1: "examples/*", npm_config_version_tag_prefix: "v" };
-  }
-});
-
-// ../../node_modules/classnames/index.js
-var require_classnames = __commonJS({
-  "../../node_modules/classnames/index.js"(exports, module2) {
-    init_define_process_env();
-    (function() {
-      "use strict";
-      var hasOwn = {}.hasOwnProperty;
-      function classNames2() {
-        var classes = "";
-        for (var i = 0; i < arguments.length; i++) {
-          var arg = arguments[i];
-          if (arg) {
-            classes = appendClass(classes, parseValue(arg));
-          }
-        }
-        return classes;
-      }
-      function parseValue(arg) {
-        if (typeof arg === "string" || typeof arg === "number") {
-          return arg;
-        }
-        if (typeof arg !== "object") {
-          return "";
-        }
-        if (Array.isArray(arg)) {
-          return classNames2.apply(null, arg);
-        }
-        if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
-          return arg.toString();
-        }
-        var classes = "";
-        for (var key in arg) {
-          if (hasOwn.call(arg, key) && arg[key]) {
-            classes = appendClass(classes, key);
-          }
-        }
-        return classes;
-      }
-      function appendClass(value, newClass) {
-        if (!newClass) {
-          return value;
-        }
-        if (value) {
-          return value + " " + newClass;
-        }
-        return value + newClass;
-      }
-      if (typeof module2 !== "undefined" && module2.exports) {
-        classNames2.default = classNames2;
-        module2.exports = classNames2;
-      } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
-        define("classnames", [], function() {
-          return classNames2;
-        });
-      } else {
-        window.classNames = classNames2;
-      }
-    })();
-  }
-});
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  Whiteboard: () => Whiteboard
-});
-module.exports = __toCommonJS(src_exports);
-init_define_process_env();
-
-// src/Whiteboard.tsx
-init_define_process_env();
-var import_react12 = __toESM(require("react"), 1);
-var import_tldraw3 = require("@tldraw/tldraw");
-
-// src/ErrorFallback.tsx
-init_define_process_env();
-var import_react8 = __toESM(require("react"), 1);
-
-// ../../node_modules/@tldraw/state/dist-esm/index.mjs
-init_define_process_env();
-
-// ../../node_modules/@tldraw/state/dist-esm/lib/core/index.mjs
-init_define_process_env();
-
-// ../../node_modules/@tldraw/state/dist-esm/lib/core/Atom.mjs
-init_define_process_env();
-
-// ../../node_modules/@tldraw/state/dist-esm/lib/core/ArraySet.mjs
-init_define_process_env();
-var ARRAY_SIZE_THRESHOLD = 8;
-var ArraySet = class {
-  constructor() {
-    __publicField(this, "arraySize", 0);
-    __publicField(this, "array", Array(ARRAY_SIZE_THRESHOLD));
-    __publicField(this, "set", null);
-  }
-  /**
-   * Get whether this ArraySet has any elements.
-   *
-   * @returns True if this ArraySet has any elements, false otherwise.
-   */
-  // eslint-disable-next-line no-restricted-syntax
-  get isEmpty() {
-    if (this.array) {
-      return this.arraySize === 0;
-    }
-    if (this.set) {
-      return this.set.size === 0;
-    }
-    throw new Error("no set or array");
-  }
-  /**
-   * Add an item to the ArraySet if it is not already present.
-   *
-   * @param elem - The element to add.
-   */
-  add(elem) {
-    if (this.array) {
-      const idx = this.array.indexOf(elem);
-      if (idx !== -1) {
-        return false;
-      }
-      if (this.arraySize < ARRAY_SIZE_THRESHOLD) {
-        this.array[this.arraySize] = elem;
-        this.arraySize++;
-        return true;
-      } else {
-        this.set = new Set(this.array);
-        this.array = null;
-        this.set.add(elem);
-        return true;
-      }
-    }
-    if (this.set) {
-      if (this.set.has(elem)) {
-        return false;
-      }
-      this.set.add(elem);
-      return true;
-    }
-    throw new Error("no set or array");
-  }
-  /**
-   * Remove an item from the ArraySet if it is present.
-   *
-   * @param elem - The element to remove
-   */
-  remove(elem) {
-    if (this.array) {
-      const idx = this.array.indexOf(elem);
-      if (idx === -1) {
-        return false;
-      }
-      this.array[idx] = void 0;
-      this.arraySize--;
-      if (idx !== this.arraySize) {
-        this.array[idx] = this.array[this.arraySize];
-        this.array[this.arraySize] = void 0;
-      }
-      return true;
-    }
-    if (this.set) {
-      if (!this.set.has(elem)) {
-        return false;
-      }
-      this.set.delete(elem);
-      return true;
-    }
-    throw new Error("no set or array");
-  }
-  /**
-   * Run a callback for each element in the ArraySet.
-   *
-   * @param visitor - The callback to run for each element.
-   */
-  visit(visitor) {
-    if (this.array) {
-      for (let i = 0; i < this.arraySize; i++) {
-        const elem = this.array[i];
-        if (typeof elem !== "undefined") {
-          visitor(elem);
-        }
-      }
-      return;
-    }
-    if (this.set) {
-      this.set.forEach(visitor);
-      return;
-    }
-    throw new Error("no set or array");
-  }
-};
-
-// ../../node_modules/@tldraw/state/dist-esm/lib/core/HistoryBuffer.mjs
-init_define_process_env();
-
-// ../../node_modules/@tldraw/state/dist-esm/lib/core/types.mjs
-init_define_process_env();
-var RESET_VALUE = Symbol("RESET_VALUE");
-
-// ../../node_modules/@tldraw/state/dist-esm/lib/core/HistoryBuffer.mjs
-var HistoryBuffer = class {
-  constructor(capacity) {
-    __publicField(this, "index", 0);
-    // use a wrap around buffer to store the last N values
-    __publicField(this, "buffer");
-    this.capacity = capacity;
-    this.buffer = new Array(capacity);
-  }
-  /**
-   * Add a diff to the history buffer.
-   *
-   * @param lastComputedEpoch - The epoch when the diff was computed.
-   * @param currentEpoch - The current epoch.
-   * @param diff - The diff to add, or else a reset value.
-   */
-  pushEntry(lastComputedEpoch, currentEpoch, diff) {
-    if (diff === void 0) {
-      return;
-    }
-    if (diff === RESET_VALUE) {
-      this.clear();
-      return;
-    }
-    this.buffer[this.index] = [lastComputedEpoch, currentEpoch, diff];
-    this.index = (this.index + 1) % this.capacity;
-  }
-  /**
-   * Clear the history buffer.
-   */
-  clear() {
-    this.index = 0;
-    this.buffer.fill(void 0);
-  }
-  /**
-   * Get the diffs since the given epoch.
-   *
-   * @param epoch - The epoch to get diffs since.
-   * @returns An array of diffs or a flag to reset the history buffer.
-   */
-  getChangesSince(sinceEpoch) {
-    const { index, capacity, buffer } = this;
-    for (let i = 0; i < capacity; i++) {
-      const offset = (index - 1 + capacity - i) % capacity;
-      const elem = buffer[offset];
-      if (!elem) {
-        return RESET_VALUE;
-      }
-      const [fromEpoch, toEpoch] = elem;
-      if (i === 0 && sinceEpoch >= toEpoch) {
-        return [];
-      }
-      if (fromEpoch <= sinceEpoch && sinceEpoch < toEpoch) {
-        const len = i + 1;
-        const result = new Array(len);
-        for (let j = 0; j < len; j++) {
-          result[j] = buffer[(offset + j) % capacity][2];
-        }
-        return result;
-      }
-    }
-    return RESET_VALUE;
-  }
-};
-
-// ../../node_modules/@tldraw/state/dist-esm/lib/core/capture.mjs
-init_define_process_env();
-
-// ../../node_modules/@tldraw/state/dist-esm/lib/core/helpers.mjs
-init_define_process_env();
-function isChild(x) {
-  return x && typeof x === "object" && "parents" in x;
-}
-function haveParentsChanged(child) {
-  for (let i = 0, n = child.parents.length; i < n; i++) {
-    child.parents[i].__unsafe__getWithoutCapture();
-    if (child.parents[i].lastChangedEpoch !== child.parentEpochs[i]) {
-      return true;
-    }
-  }
-  return false;
-}
-var detach = (parent, child) => {
-  if (!parent.children.remove(child)) {
-    return;
-  }
-  if (parent.children.isEmpty && isChild(parent)) {
-    for (let i = 0, n = parent.parents.length; i < n; i++) {
-      detach(parent.parents[i], parent);
-    }
-  }
-};
-var attach = (parent, child) => {
-  if (!parent.children.add(child)) {
-    return;
-  }
-  if (isChild(parent)) {
-    for (let i = 0, n = parent.parents.length; i < n; i++) {
-      attach(parent.parents[i], parent);
-    }
-  }
-};
-function equals(a, b) {
-  const shallowEquals = a === b || Object.is(a, b) || Boolean(a && b && typeof a.equals === "function" && a.equals(b));
-  return shallowEquals;
-}
-var EMPTY_ARRAY = Object.freeze([]);
-
-// ../../node_modules/@tldraw/state/dist-esm/lib/core/capture.mjs
-var tldrawStateGlobalKey = Symbol.for("__@tldraw/state__");
-var tldrawStateGlobal = globalThis;
-if (tldrawStateGlobal[tldrawStateGlobalKey]) {
-  console.error(
-    'Multiple versions of @tldraw/state detected. This will cause unexpected behavior. Please add "resolutions" (yarn/pnpm) or "overrides" (npm) in your package.json to ensure only one version of @tldraw/state is loaded.'
-  );
-} else {
-  tldrawStateGlobal[tldrawStateGlobalKey] = true;
-}
-var CaptureStackFrame = class {
-  constructor(below, child) {
-    __publicField(this, "offset", 0);
-    __publicField(this, "numNewParents", 0);
-    __publicField(this, "maybeRemoved");
-    this.below = below;
-    this.child = child;
-  }
-};
-var stack = null;
-function startCapturingParents(child) {
-  stack = new CaptureStackFrame(stack, child);
-}
-function stopCapturingParents() {
-  const frame = stack;
-  stack = frame.below;
-  const didParentsChange = frame.numNewParents > 0 || frame.offset !== frame.child.parents.length;
-  if (!didParentsChange) {
-    return;
-  }
-  for (let i = frame.offset; i < frame.child.parents.length; i++) {
-    const p = frame.child.parents[i];
-    const parentWasRemoved = frame.child.parents.indexOf(p) >= frame.offset;
-    if (parentWasRemoved) {
-      detach(p, frame.child);
-    }
-  }
-  frame.child.parents.length = frame.offset;
-  frame.child.parentEpochs.length = frame.offset;
-  if (stack?.maybeRemoved) {
-    for (let i = 0; i < stack.maybeRemoved.length; i++) {
-      const maybeRemovedParent = stack.maybeRemoved[i];
-      if (frame.child.parents.indexOf(maybeRemovedParent) === -1) {
-        detach(maybeRemovedParent, frame.child);
-      }
-    }
-  }
-}
-function maybeCaptureParent(p) {
-  if (stack) {
-    const idx = stack.child.parents.indexOf(p);
-    if (idx < 0) {
-      stack.numNewParents++;
-      if (stack.child.isActivelyListening) {
-        attach(p, stack.child);
-      }
-    }
-    if (idx < 0 || idx >= stack.offset) {
-      if (idx !== stack.offset && idx > 0) {
-        const maybeRemovedParent = stack.child.parents[stack.offset];
-        if (!stack.maybeRemoved) {
-          stack.maybeRemoved = [maybeRemovedParent];
-        } else if (stack.maybeRemoved.indexOf(maybeRemovedParent) === -1) {
-          stack.maybeRemoved.push(maybeRemovedParent);
-        }
-      }
-      stack.child.parents[stack.offset] = p;
-      stack.child.parentEpochs[stack.offset] = p.lastChangedEpoch;
-      stack.offset++;
-    }
-  }
-}
-
-// ../../node_modules/@tldraw/state/dist-esm/lib/core/transactions.mjs
-init_define_process_env();
-
-// ../../node_modules/@tldraw/state/dist-esm/lib/core/constants.mjs
-init_define_process_env();
-var GLOBAL_START_EPOCH = -1;
-
-// ../../node_modules/@tldraw/state/dist-esm/lib/core/transactions.mjs
-var globalEpoch = GLOBAL_START_EPOCH + 1;
-
-// ../../node_modules/@tldraw/state/dist-esm/lib/core/warnings.mjs
-init_define_process_env();
-var didWarnDotValue = false;
-function logDotValueWarning() {
-  if (didWarnDotValue)
-    return;
-  didWarnDotValue = true;
-  console.warn(
-    "Using Signal.value is deprecated and will be removed in the near future. Please use Signal.get() instead."
-  );
-}
-var didWarnComputedGetter = false;
-function logComputedGetterWarning() {
-  if (didWarnComputedGetter)
-    return;
-  didWarnComputedGetter = true;
-  console.warn(
-    `Using \`@computed\` as a decorator for getters is deprecated and will be removed in the near future. Please refactor to use \`@computed\` as a decorator for methods.
-
-// Before
-@computed
-get foo() {
-	return 'foo'
-}
-
-// After
-@computed
-getFoo() {
-	return 'foo'
-}
-`
-  );
-}
-
-// ../../node_modules/@tldraw/state/dist-esm/lib/core/Computed.mjs
-init_define_process_env();
-var UNINITIALIZED = Symbol("UNINITIALIZED");
-var WithDiff = class {
-  constructor(value, diff) {
-    this.value = value;
-    this.diff = diff;
-  }
-};
-var _Computed = class {
-  constructor(name, derive, options) {
-    __publicField(this, "lastChangedEpoch", GLOBAL_START_EPOCH);
-    __publicField(this, "lastTraversedEpoch", GLOBAL_START_EPOCH);
-    /**
-     * The epoch when the reactor was last checked.
-     */
-    __publicField(this, "lastCheckedEpoch", GLOBAL_START_EPOCH);
-    __publicField(this, "parents", []);
-    __publicField(this, "parentEpochs", []);
-    __publicField(this, "children", new ArraySet());
-    __publicField(this, "historyBuffer");
-    // The last-computed value of this signal.
-    __publicField(this, "state", UNINITIALIZED);
-    __publicField(this, "computeDiff");
-    __publicField(this, "isEqual");
-    this.name = name;
-    this.derive = derive;
-    if (options?.historyLength) {
-      this.historyBuffer = new HistoryBuffer(options.historyLength);
-    }
-    this.computeDiff = options?.computeDiff;
-    this.isEqual = options?.isEqual ?? equals;
-  }
-  // eslint-disable-next-line no-restricted-syntax
-  get isActivelyListening() {
-    return !this.children.isEmpty;
-  }
-  __unsafe__getWithoutCapture() {
-    const isNew = this.lastChangedEpoch === GLOBAL_START_EPOCH;
-    if (!isNew && (this.lastCheckedEpoch === globalEpoch || !haveParentsChanged(this))) {
-      this.lastCheckedEpoch = globalEpoch;
-      return this.state;
-    }
-    try {
-      startCapturingParents(this);
-      const result = this.derive(this.state, this.lastCheckedEpoch);
-      const newState = result instanceof WithDiff ? result.value : result;
-      if (this.state === UNINITIALIZED || !this.isEqual(newState, this.state)) {
-        if (this.historyBuffer && !isNew) {
-          const diff = result instanceof WithDiff ? result.diff : void 0;
-          this.historyBuffer.pushEntry(
-            this.lastChangedEpoch,
-            globalEpoch,
-            diff ?? this.computeDiff?.(this.state, newState, this.lastCheckedEpoch, globalEpoch) ?? RESET_VALUE
-          );
-        }
-        this.lastChangedEpoch = globalEpoch;
-        this.state = newState;
-      }
-      this.lastCheckedEpoch = globalEpoch;
-      return this.state;
-    } finally {
-      stopCapturingParents();
-    }
-  }
-  get() {
-    const value = this.__unsafe__getWithoutCapture();
-    maybeCaptureParent(this);
-    return value;
-  }
-  /**
-   * @deprecated Use [[get]] instead.
-   */
-  // eslint-disable-next-line no-restricted-syntax
-  get value() {
-    logDotValueWarning();
-    return this.get();
-  }
-  getDiffSince(epoch) {
-    this.get();
-    if (epoch >= this.lastChangedEpoch) {
-      return EMPTY_ARRAY;
-    }
-    return this.historyBuffer?.getChangesSince(epoch) ?? RESET_VALUE;
-  }
-};
-function computedMethodAnnotation(options = {}, _target, key, descriptor) {
-  const originalMethod = descriptor.value;
-  const derivationKey = Symbol.for("__@tldraw/state__computed__" + key);
-  descriptor.value = function() {
-    let d = this[derivationKey];
-    if (!d) {
-      d = new _Computed(key, originalMethod.bind(this), options);
-      Object.defineProperty(this, derivationKey, {
-        enumerable: false,
-        configurable: false,
-        writable: false,
-        value: d
-      });
-    }
-    return d.get();
-  };
-  descriptor.value[isComputedMethodKey] = true;
-  return descriptor;
-}
-function computedAnnotation(options = {}, _target, key, descriptor) {
-  if (descriptor.get) {
-    logComputedGetterWarning();
-    return computedGetterAnnotation(options, _target, key, descriptor);
-  } else {
-    return computedMethodAnnotation(options, _target, key, descriptor);
-  }
-}
-function computedGetterAnnotation(options = {}, _target, key, descriptor) {
-  const originalMethod = descriptor.get;
-  const derivationKey = Symbol.for("__@tldraw/state__computed__" + key);
-  descriptor.get = function() {
-    let d = this[derivationKey];
-    if (!d) {
-      d = new _Computed(key, originalMethod.bind(this), options);
-      Object.defineProperty(this, derivationKey, {
-        enumerable: false,
-        configurable: false,
-        writable: false,
-        value: d
-      });
-    }
-    return d.get();
-  };
-  return descriptor;
-}
-var isComputedMethodKey = "@@__isComputedMethod__@@";
-function computed() {
-  if (arguments.length === 1) {
-    const options = arguments[0];
-    return (target, key, descriptor) => computedAnnotation(options, target, key, descriptor);
-  } else if (typeof arguments[0] === "string") {
-    return new _Computed(arguments[0], arguments[1], arguments[2]);
-  } else {
-    return computedAnnotation(void 0, arguments[0], arguments[1], arguments[2]);
-  }
-}
-
-// ../../node_modules/@tldraw/state/dist-esm/lib/core/EffectScheduler.mjs
-init_define_process_env();
-var EffectScheduler = class {
-  constructor(name, runEffect, options) {
-    __publicField(this, "_isActivelyListening", false);
-    /** @internal */
-    __publicField(this, "lastTraversedEpoch", GLOBAL_START_EPOCH);
-    __publicField(this, "lastReactedEpoch", GLOBAL_START_EPOCH);
-    __publicField(this, "_scheduleCount", 0);
-    /** @internal */
-    __publicField(this, "parentEpochs", []);
-    /** @internal */
-    __publicField(this, "parents", []);
-    __publicField(this, "_scheduleEffect");
-    __publicField(this, "maybeExecute", () => {
-      if (!this._isActivelyListening)
-        return;
-      this.execute();
-    });
-    this.name = name;
-    this.runEffect = runEffect;
-    this._scheduleEffect = options?.scheduleEffect;
-  }
-  /**
-   * Whether this scheduler is attached and actively listening to its parents.
-   * @public
-   */
-  // eslint-disable-next-line no-restricted-syntax
-  get isActivelyListening() {
-    return this._isActivelyListening;
-  }
-  /**
-   * The number of times this effect has been scheduled.
-   * @public
-   */
-  // eslint-disable-next-line no-restricted-syntax
-  get scheduleCount() {
-    return this._scheduleCount;
-  }
-  /** @internal */
-  maybeScheduleEffect() {
-    if (!this._isActivelyListening)
-      return;
-    if (this.lastReactedEpoch === globalEpoch)
-      return;
-    if (this.parents.length && !haveParentsChanged(this)) {
-      this.lastReactedEpoch = globalEpoch;
-      return;
-    }
-    this.scheduleEffect();
-  }
-  /** @internal */
-  scheduleEffect() {
-    this._scheduleCount++;
-    if (this._scheduleEffect) {
-      this._scheduleEffect(this.maybeExecute);
-    } else {
-      this.execute();
-    }
-  }
-  /**
-   * Makes this scheduler become 'actively listening' to its parents.
-   * If it has been executed before it will immediately become eligible to receive 'maybeScheduleEffect' calls.
-   * If it has not executed before it will need to be manually executed once to become eligible for scheduling, i.e. by calling [[EffectScheduler.execute]].
-   * @public
-   */
-  attach() {
-    this._isActivelyListening = true;
-    for (let i = 0, n = this.parents.length; i < n; i++) {
-      attach(this.parents[i], this);
-    }
-  }
-  /**
-   * Makes this scheduler stop 'actively listening' to its parents.
-   * It will no longer be eligible to receive 'maybeScheduleEffect' calls until [[EffectScheduler.attach]] is called again.
-   */
-  detach() {
-    this._isActivelyListening = false;
-    for (let i = 0, n = this.parents.length; i < n; i++) {
-      detach(this.parents[i], this);
-    }
-  }
-  /**
-   * Executes the effect immediately and returns the result.
-   * @returns The result of the effect.
-   */
-  execute() {
-    try {
-      startCapturingParents(this);
-      const result = this.runEffect(this.lastReactedEpoch);
-      this.lastReactedEpoch = globalEpoch;
-      return result;
-    } finally {
-      stopCapturingParents();
-    }
-  }
-};
-function react(name, fn, options) {
-  const scheduler = new EffectScheduler(name, fn, options);
-  scheduler.attach();
-  scheduler.scheduleEffect();
-  return () => {
-    scheduler.detach();
-  };
-}
-
-// ../../node_modules/@tldraw/state/dist-esm/lib/core/isSignal.mjs
-init_define_process_env();
-
-// ../../node_modules/@tldraw/state/dist-esm/lib/react/index.mjs
-init_define_process_env();
-
-// ../../node_modules/@tldraw/state/dist-esm/lib/react/track.mjs
-init_define_process_env();
-var import_react2 = require("react");
-
-// ../../node_modules/@tldraw/state/dist-esm/lib/react/useStateTracking.mjs
-init_define_process_env();
-var import_react = __toESM(require("react"), 1);
-
-// ../../node_modules/@tldraw/state/dist-esm/lib/react/track.mjs
-var ReactMemoSymbol = Symbol.for("react.memo");
-var ReactForwardRefSymbol = Symbol.for("react.forward_ref");
-
-// ../../node_modules/@tldraw/state/dist-esm/lib/react/useAtom.mjs
-init_define_process_env();
-var import_react3 = require("react");
-
-// ../../node_modules/@tldraw/state/dist-esm/lib/react/useComputed.mjs
-init_define_process_env();
-var import_react4 = require("react");
-
-// ../../node_modules/@tldraw/state/dist-esm/lib/react/useQuickReactor.mjs
-init_define_process_env();
-var import_react5 = require("react");
-
-// ../../node_modules/@tldraw/state/dist-esm/lib/react/useReactor.mjs
-init_define_process_env();
-var import_react6 = require("react");
-
-// ../../node_modules/@tldraw/state/dist-esm/lib/react/useValue.mjs
-init_define_process_env();
-var import_react7 = require("react");
-function useValue() {
-  const args = arguments;
-  const deps = args.length === 3 ? args[2] : [args[0]];
-  const name = args.length === 3 ? args[0] : `useValue(${args[0].name})`;
-  const isInRender = (0, import_react7.useRef)(true);
-  isInRender.current = true;
-  const $val = (0, import_react7.useMemo)(() => {
-    if (args.length === 1) {
-      return args[0];
-    }
-    return computed(name, () => {
-      if (isInRender.current) {
-        return args[1]();
-      } else {
-        try {
-          return args[1]();
-        } catch {
-          return {};
-        }
-      }
-    });
-  }, deps);
-  try {
-    const { subscribe, getSnapshot } = (0, import_react7.useMemo)(() => {
-      return {
-        subscribe: (listen) => {
-          return react(`useValue(${name})`, () => {
-            $val.get();
-            listen();
-          });
-        },
-        getSnapshot: () => $val.get()
-      };
-    }, [$val]);
-    return (0, import_react7.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
-  } finally {
-    isInRender.current = false;
-  }
-}
-
-// src/ErrorFallback.tsx
-var import_tldraw = require("@tldraw/tldraw");
-var import_classnames = __toESM(require_classnames(), 1);
-var DISCORD_URL = "https://discord.gg/pTge2BwDBq";
-var ErrorFallback = ({ error, editor }) => {
-  const containerRef = (0, import_react8.useRef)(null);
-  const [shouldShowError, setShouldShowError] = (0, import_react8.useState)(define_process_env_default.NODE_ENV !== "production");
-  const [didCopy, setDidCopy] = (0, import_react8.useState)(false);
-  const [shouldShowResetConfirmation, setShouldShowResetConfirmation] = (0, import_react8.useState)(false);
-  const errorMessage = error instanceof Error ? error.message : String(error);
-  const errorStack = error instanceof Error ? error.stack : null;
-  const isDarkModeFromApp = useValue(
-    "isDarkMode",
-    () => {
-      try {
-        if (editor) {
-          return editor.user.isDarkMode;
-        }
-      } catch {
-      }
-      return null;
-    },
-    [editor]
-  );
-  const [isDarkMode, setIsDarkMode] = (0, import_react8.useState)(null);
-  (0, import_react8.useLayoutEffect)(() => {
-    if (isDarkModeFromApp !== null) {
-      setIsDarkMode(isDarkModeFromApp);
-    }
-    let parent = containerRef.current?.parentElement;
-    let foundParentThemeClass = false;
-    while (parent) {
-      if (parent.classList.contains("tl-theme__dark") || parent.classList.contains("tl-theme__light")) {
-        foundParentThemeClass = true;
-        break;
-      }
-      parent = parent.parentElement;
-    }
-    if (foundParentThemeClass) {
-      setIsDarkMode(null);
-      return;
-    }
-    setIsDarkMode(window.matchMedia("(prefers-color-scheme: dark)").matches);
-  }, [isDarkModeFromApp]);
-  (0, import_react8.useEffect)(() => {
-    if (didCopy) {
-      const timeout = setTimeout(() => {
-        setDidCopy(false);
-      }, 2e3);
-      return () => clearTimeout(timeout);
-    }
-  }, [didCopy]);
-  const copyError = () => {
-    const textarea = document.createElement("textarea");
-    textarea.value = errorStack ?? errorMessage;
-    document.body.appendChild(textarea);
-    textarea.select();
-    document.execCommand("copy");
-    textarea.remove();
-    setDidCopy(true);
-  };
-  const refresh = () => {
-    (0, import_tldraw.refreshPage)();
-  };
-  const resetLocalState = async () => {
-    (0, import_tldraw.hardResetEditor)();
-  };
-  return /* @__PURE__ */ import_react8.default.createElement(
-    "div",
-    {
-      ref: containerRef,
-      className: (0, import_classnames.default)(
-        "tl-container tl-error-boundary",
-        // error-boundary is sometimes used outside of the theme
-        // container, so we need to provide it with a theme for our
-        // styles to work correctly
-        isDarkMode === null ? "" : isDarkMode ? "tl-theme__dark" : "tl-theme__light"
-      )
-    },
-    /* @__PURE__ */ import_react8.default.createElement("div", { className: "tl-error-boundary__overlay" }),
-    /* @__PURE__ */ import_react8.default.createElement(
-      "div",
-      {
-        className: (0, import_classnames.default)("tl-modal", "tl-error-boundary__content", {
-          "tl-error-boundary__content__expanded": shouldShowError && !shouldShowResetConfirmation
-        })
-      },
-      shouldShowResetConfirmation ? /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement("h2", null, "Are you sure?"), /* @__PURE__ */ import_react8.default.createElement("p", null, "Resetting your data will delete your drawing and cannot be undone."), /* @__PURE__ */ import_react8.default.createElement("div", { className: "tl-error-boundary__content__actions" }, /* @__PURE__ */ import_react8.default.createElement("button", { onClick: () => setShouldShowResetConfirmation(false) }, "Cancel"), /* @__PURE__ */ import_react8.default.createElement("button", { className: "tl-error-boundary__reset", onClick: resetLocalState }, "Reset data"))) : /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement("h2", null, "Something's gone wrong."), /* @__PURE__ */ import_react8.default.createElement("p", null, "Sorry, we encountered an error. Please refresh the page to continue. If you keep seeing this error, you can ", /* @__PURE__ */ import_react8.default.createElement("a", { href: DISCORD_URL }, "ask for help on Discord"), "."), shouldShowError && /* @__PURE__ */ import_react8.default.createElement("div", { className: "tl-error-boundary__content__error" }, /* @__PURE__ */ import_react8.default.createElement("pre", null, /* @__PURE__ */ import_react8.default.createElement("code", null, errorStack ?? errorMessage)), /* @__PURE__ */ import_react8.default.createElement("button", { onClick: copyError }, didCopy ? "Copied!" : "Copy")), /* @__PURE__ */ import_react8.default.createElement("div", { className: "tl-error-boundary__content__actions" }, /* @__PURE__ */ import_react8.default.createElement("button", { onClick: () => setShouldShowError(!shouldShowError) }, shouldShowError ? "Hide details" : "Show details"), /* @__PURE__ */ import_react8.default.createElement("div", { className: "tl-error-boundary__content__actions__group" }, /* @__PURE__ */ import_react8.default.createElement("button", { className: "tl-error-boundary__reset", onClick: () => setShouldShowResetConfirmation(true) }, "Reset data"), /* @__PURE__ */ import_react8.default.createElement("button", { className: "tl-error-boundary__refresh", onClick: refresh }, "Refresh Page"))))
-    )
-  );
-};
-
-// src/hooks/useCollaboration.ts
-init_define_process_env();
-var import_react11 = require("react");
-var import_tldraw2 = require("@tldraw/tldraw");
-
-// src/hooks/default_store.ts
-init_define_process_env();
-var DEFAULT_STORE = {
-  store: {
-    "document:document": {
-      gridSize: 10,
-      name: "",
-      meta: {},
-      id: "document:document",
-      typeName: "document"
-    },
-    "pointer:pointer": {
-      id: "pointer:pointer",
-      typeName: "pointer",
-      x: 0,
-      y: 0,
-      lastActivityTimestamp: 0,
-      meta: {}
-    },
-    "page:page": {
-      meta: {},
-      id: "page:page",
-      name: "Page 1",
-      index: "a1",
-      typeName: "page"
-    },
-    "camera:page:page": {
-      x: 0,
-      y: 0,
-      z: 1,
-      meta: {},
-      id: "camera:page:page",
-      typeName: "camera"
-    },
-    "instance_page_state:page:page": {
-      editingShapeId: null,
-      croppingShapeId: null,
-      selectedShapeIds: [],
-      hoveredShapeId: null,
-      erasingShapeIds: [],
-      hintingShapeIds: [],
-      focusedGroupId: null,
-      meta: {},
-      id: "instance_page_state:page:page",
-      pageId: "page:page",
-      typeName: "instance_page_state"
-    },
-    "instance:instance": {
-      followingUserId: null,
-      opacityForNextShape: 1,
-      stylesForNextShape: {},
-      brush: null,
-      scribble: null,
-      cursor: {
-        type: "default",
-        rotation: 0
-      },
-      isFocusMode: false,
-      exportBackground: true,
-      isDebugMode: false,
-      isToolLocked: false,
-      screenBounds: {
-        x: 0,
-        y: 0,
-        w: 720,
-        h: 400
-      },
-      zoomBrush: null,
-      isGridMode: false,
-      isPenMode: false,
-      chatMessage: "",
-      isChatting: false,
-      highlightedUserIds: [],
-      canMoveCamera: true,
-      isFocused: true,
-      devicePixelRatio: 2,
-      isCoarsePointer: false,
-      isHoveringCanvas: false,
-      openMenus: [],
-      isChangingStyle: false,
-      isReadonly: false,
-      meta: {},
-      id: "instance:instance",
-      currentPageId: "page:page",
-      typeName: "instance"
-    }
-  },
-  schema: {
-    schemaVersion: 1,
-    storeVersion: 4,
-    recordVersions: {
-      asset: {
-        version: 1,
-        subTypeKey: "type",
-        subTypeVersions: {
-          image: 2,
-          video: 2,
-          bookmark: 0
-        }
-      },
-      camera: {
-        version: 1
-      },
-      document: {
-        version: 2
-      },
-      instance: {
-        version: 21
-      },
-      instance_page_state: {
-        version: 5
-      },
-      page: {
-        version: 1
-      },
-      shape: {
-        version: 3,
-        subTypeKey: "type",
-        subTypeVersions: {
-          group: 0,
-          text: 1,
-          bookmark: 1,
-          draw: 1,
-          geo: 7,
-          note: 4,
-          line: 1,
-          frame: 0,
-          arrow: 1,
-          highlight: 0,
-          embed: 4,
-          image: 2,
-          video: 1
-        }
-      },
-      instance_presence: {
-        version: 5
-      },
-      pointer: {
-        version: 1
-      }
-    }
-  }
-};
-
-// src/hooks/useSessionStore.ts
-init_define_process_env();
-var import_react9 = require("react");
-
-// src/hooks/StoreClient.ts
-init_define_process_env();
-var import_grpcweb_transport = require("@protobuf-ts/grpcweb-transport");
-
-// src/grpc/sessionstore.ts
-init_define_process_env();
-var import_runtime_rpc = require("@protobuf-ts/runtime-rpc");
-var import_runtime8 = require("@protobuf-ts/runtime");
-var import_runtime9 = require("@protobuf-ts/runtime");
-var import_runtime10 = require("@protobuf-ts/runtime");
-var import_runtime11 = require("@protobuf-ts/runtime");
-var Value_Type = /* @__PURE__ */ ((Value_Type2) => {
-  Value_Type2[Value_Type2["NONE"] = 0] = "NONE";
-  Value_Type2[Value_Type2["BYTES"] = 1] = "BYTES";
-  Value_Type2[Value_Type2["STRING"] = 2] = "STRING";
-  Value_Type2[Value_Type2["INTEGER"] = 3] = "INTEGER";
-  Value_Type2[Value_Type2["FLOAT"] = 4] = "FLOAT";
-  return Value_Type2;
-})(Value_Type || {});
-var HelloRequest$Type = class extends import_runtime11.MessageType {
-  constructor() {
-    super("sessionstorepb.HelloRequest", [{
-      no: 1,
-      name: "name",
-      kind: "scalar",
-      T: 9
-      /*ScalarType.STRING*/
-    }]);
-  }
-  create(value) {
-    const message = globalThis.Object.create(this.messagePrototype);
-    message.name = "";
-    if (value !== void 0)
-      (0, import_runtime10.reflectionMergePartial)(this, message, value);
-    return message;
-  }
-  internalBinaryRead(reader, length, options, target) {
-    let message = target ?? this.create(), end = reader.pos + length;
-    while (reader.pos < end) {
-      let [fieldNo, wireType] = reader.tag();
-      switch (fieldNo) {
-        case /* string name */
-        1:
-          message.name = reader.string();
-          break;
-        default:
-          let u = options.readUnknownField;
-          if (u === "throw")
-            throw new globalThis.Error(`Unknown field ${fieldNo} (wire type ${wireType}) for ${this.typeName}`);
-          let d = reader.skip(wireType);
-          if (u !== false)
-            (u === true ? import_runtime9.UnknownFieldHandler.onRead : u)(this.typeName, message, fieldNo, wireType, d);
-      }
-    }
-    return message;
-  }
-  internalBinaryWrite(message, writer, options) {
-    if (message.name !== "")
-      writer.tag(1, import_runtime8.WireType.LengthDelimited).string(message.name);
-    let u = options.writeUnknownFields;
-    if (u !== false)
-      (u == true ? import_runtime9.UnknownFieldHandler.onWrite : u)(this.typeName, message, writer);
-    return writer;
-  }
-};
-var HelloRequest = new HelloRequest$Type();
-var HelloResponse$Type = class extends import_runtime11.MessageType {
-  constructor() {
-    super("sessionstorepb.HelloResponse", [{
-      no: 1,
-      name: "response",
-      kind: "scalar",
-      T: 9
-      /*ScalarType.STRING*/
-    }]);
-  }
-  create(value) {
-    const message = globalThis.Object.create(this.messagePrototype);
-    message.response = "";
-    if (value !== void 0)
-      (0, import_runtime10.reflectionMergePartial)(this, message, value);
-    return message;
-  }
-  internalBinaryRead(reader, length, options, target) {
-    let message = target ?? this.create(), end = reader.pos + length;
-    while (reader.pos < end) {
-      let [fieldNo, wireType] = reader.tag();
-      switch (fieldNo) {
-        case /* string response */
-        1:
-          message.response = reader.string();
-          break;
-        default:
-          let u = options.readUnknownField;
-          if (u === "throw")
-            throw new globalThis.Error(`Unknown field ${fieldNo} (wire type ${wireType}) for ${this.typeName}`);
-          let d = reader.skip(wireType);
-          if (u !== false)
-            (u === true ? import_runtime9.UnknownFieldHandler.onRead : u)(this.typeName, message, fieldNo, wireType, d);
-      }
-    }
-    return message;
-  }
-  internalBinaryWrite(message, writer, options) {
-    if (message.response !== "")
-      writer.tag(1, import_runtime8.WireType.LengthDelimited).string(message.response);
-    let u = options.writeUnknownFields;
-    if (u !== false)
-      (u == true ? import_runtime9.UnknownFieldHandler.onWrite : u)(this.typeName, message, writer);
-    return writer;
-  }
-};
-var HelloResponse = new HelloResponse$Type();
-var SubscribeRequest$Type = class extends import_runtime11.MessageType {
-  constructor() {
-    super("sessionstorepb.SubscribeRequest", [
-      {
-        no: 1,
-        name: "name",
-        kind: "scalar",
-        T: 9
-        /*ScalarType.STRING*/
-      },
-      {
-        no: 2,
-        name: "offset",
-        kind: "scalar",
-        T: 3,
-        L: 0
-        /*LongType.BIGINT*/
-      }
-    ]);
-  }
-  create(value) {
-    const message = globalThis.Object.create(this.messagePrototype);
-    message.name = "";
-    message.offset = 0n;
-    if (value !== void 0)
-      (0, import_runtime10.reflectionMergePartial)(this, message, value);
-    return message;
-  }
-  internalBinaryRead(reader, length, options, target) {
-    let message = target ?? this.create(), end = reader.pos + length;
-    while (reader.pos < end) {
-      let [fieldNo, wireType] = reader.tag();
-      switch (fieldNo) {
-        case /* string name */
-        1:
-          message.name = reader.string();
-          break;
-        case /* int64 offset */
-        2:
-          message.offset = reader.int64().toBigInt();
-          break;
-        default:
-          let u = options.readUnknownField;
-          if (u === "throw")
-            throw new globalThis.Error(`Unknown field ${fieldNo} (wire type ${wireType}) for ${this.typeName}`);
-          let d = reader.skip(wireType);
-          if (u !== false)
-            (u === true ? import_runtime9.UnknownFieldHandler.onRead : u)(this.typeName, message, fieldNo, wireType, d);
-      }
-    }
-    return message;
-  }
-  internalBinaryWrite(message, writer, options) {
-    if (message.name !== "")
-      writer.tag(1, import_runtime8.WireType.LengthDelimited).string(message.name);
-    if (message.offset !== 0n)
-      writer.tag(2, import_runtime8.WireType.Varint).int64(message.offset);
-    let u = options.writeUnknownFields;
-    if (u !== false)
-      (u == true ? import_runtime9.UnknownFieldHandler.onWrite : u)(this.typeName, message, writer);
-    return writer;
-  }
-};
-var SubscribeRequest = new SubscribeRequest$Type();
-var Event$Type = class extends import_runtime11.MessageType {
-  constructor() {
-    super("sessionstorepb.Event", [
-      {
-        no: 1,
-        name: "message",
-        kind: "scalar",
-        T: 9
-        /*ScalarType.STRING*/
-      },
-      {
-        no: 2,
-        name: "sequence",
-        kind: "scalar",
-        T: 3,
-        L: 0
-        /*LongType.BIGINT*/
-      }
-    ]);
-  }
-  create(value) {
-    const message = globalThis.Object.create(this.messagePrototype);
-    message.message = "";
-    message.sequence = 0n;
-    if (value !== void 0)
-      (0, import_runtime10.reflectionMergePartial)(this, message, value);
-    return message;
-  }
-  internalBinaryRead(reader, length, options, target) {
-    let message = target ?? this.create(), end = reader.pos + length;
-    while (reader.pos < end) {
-      let [fieldNo, wireType] = reader.tag();
-      switch (fieldNo) {
-        case /* string message */
-        1:
-          message.message = reader.string();
-          break;
-        case /* int64 sequence */
-        2:
-          message.sequence = reader.int64().toBigInt();
-          break;
-        default:
-          let u = options.readUnknownField;
-          if (u === "throw")
-            throw new globalThis.Error(`Unknown field ${fieldNo} (wire type ${wireType}) for ${this.typeName}`);
-          let d = reader.skip(wireType);
-          if (u !== false)
-            (u === true ? import_runtime9.UnknownFieldHandler.onRead : u)(this.typeName, message, fieldNo, wireType, d);
-      }
-    }
-    return message;
-  }
-  internalBinaryWrite(message, writer, options) {
-    if (message.message !== "")
-      writer.tag(1, import_runtime8.WireType.LengthDelimited).string(message.message);
-    if (message.sequence !== 0n)
-      writer.tag(2, import_runtime8.WireType.Varint).int64(message.sequence);
-    let u = options.writeUnknownFields;
-    if (u !== false)
-      (u == true ? import_runtime9.UnknownFieldHandler.onWrite : u)(this.typeName, message, writer);
-    return writer;
-  }
-};
-var Event = new Event$Type();
-var Value$Type = class extends import_runtime11.MessageType {
-  constructor() {
-    super("sessionstorepb.Value", [
-      { no: 1, name: "type", kind: "enum", T: () => ["sessionstorepb.Value.Type", Value_Type] },
-      {
-        no: 2,
-        name: "number",
-        kind: "scalar",
-        oneof: "data",
-        T: 3,
-        L: 0
-        /*LongType.BIGINT*/
-      },
-      {
-        no: 3,
-        name: "float",
-        kind: "scalar",
-        oneof: "data",
-        T: 2
-        /*ScalarType.FLOAT*/
-      },
-      {
-        no: 4,
-        name: "str",
-        kind: "scalar",
-        oneof: "data",
-        T: 9
-        /*ScalarType.STRING*/
-      },
-      {
-        no: 5,
-        name: "raw_bytes",
-        kind: "scalar",
-        oneof: "data",
-        T: 12
-        /*ScalarType.BYTES*/
-      }
-    ]);
-  }
-  create(value) {
-    const message = globalThis.Object.create(this.messagePrototype);
-    message.type = 0;
-    message.data = { oneofKind: void 0 };
-    if (value !== void 0)
-      (0, import_runtime10.reflectionMergePartial)(this, message, value);
-    return message;
-  }
-  internalBinaryRead(reader, length, options, target) {
-    let message = target ?? this.create(), end = reader.pos + length;
-    while (reader.pos < end) {
-      let [fieldNo, wireType] = reader.tag();
-      switch (fieldNo) {
-        case /* sessionstorepb.Value.Type type */
-        1:
-          message.type = reader.int32();
-          break;
-        case /* int64 number */
-        2:
-          message.data = {
-            oneofKind: "number",
-            number: reader.int64().toBigInt()
-          };
-          break;
-        case /* float float */
-        3:
-          message.data = {
-            oneofKind: "float",
-            float: reader.float()
-          };
-          break;
-        case /* string str */
-        4:
-          message.data = {
-            oneofKind: "str",
-            str: reader.string()
-          };
-          break;
-        case /* bytes raw_bytes */
-        5:
-          message.data = {
-            oneofKind: "rawBytes",
-            rawBytes: reader.bytes()
-          };
-          break;
-        default:
-          let u = options.readUnknownField;
-          if (u === "throw")
-            throw new globalThis.Error(`Unknown field ${fieldNo} (wire type ${wireType}) for ${this.typeName}`);
-          let d = reader.skip(wireType);
-          if (u !== false)
-            (u === true ? import_runtime9.UnknownFieldHandler.onRead : u)(this.typeName, message, fieldNo, wireType, d);
-      }
-    }
-    return message;
-  }
-  internalBinaryWrite(message, writer, options) {
-    if (message.type !== 0)
-      writer.tag(1, import_runtime8.WireType.Varint).int32(message.type);
-    if (message.data.oneofKind === "number")
-      writer.tag(2, import_runtime8.WireType.Varint).int64(message.data.number);
-    if (message.data.oneofKind === "float")
-      writer.tag(3, import_runtime8.WireType.Bit32).float(message.data.float);
-    if (message.data.oneofKind === "str")
-      writer.tag(4, import_runtime8.WireType.LengthDelimited).string(message.data.str);
-    if (message.data.oneofKind === "rawBytes")
-      writer.tag(5, import_runtime8.WireType.LengthDelimited).bytes(message.data.rawBytes);
-    let u = options.writeUnknownFields;
-    if (u !== false)
-      (u == true ? import_runtime9.UnknownFieldHandler.onWrite : u)(this.typeName, message, writer);
-    return writer;
-  }
-};
-var Value = new Value$Type();
-var GetRequest$Type = class extends import_runtime11.MessageType {
-  constructor() {
-    super("sessionstorepb.GetRequest", [{
-      no: 1,
-      name: "key",
-      kind: "scalar",
-      T: 9
-      /*ScalarType.STRING*/
-    }]);
-  }
-  create(value) {
-    const message = globalThis.Object.create(this.messagePrototype);
-    message.key = "";
-    if (value !== void 0)
-      (0, import_runtime10.reflectionMergePartial)(this, message, value);
-    return message;
-  }
-  internalBinaryRead(reader, length, options, target) {
-    let message = target ?? this.create(), end = reader.pos + length;
-    while (reader.pos < end) {
-      let [fieldNo, wireType] = reader.tag();
-      switch (fieldNo) {
-        case /* string key */
-        1:
-          message.key = reader.string();
-          break;
-        default:
-          let u = options.readUnknownField;
-          if (u === "throw")
-            throw new globalThis.Error(`Unknown field ${fieldNo} (wire type ${wireType}) for ${this.typeName}`);
-          let d = reader.skip(wireType);
-          if (u !== false)
-            (u === true ? import_runtime9.UnknownFieldHandler.onRead : u)(this.typeName, message, fieldNo, wireType, d);
-      }
-    }
-    return message;
-  }
-  internalBinaryWrite(message, writer, options) {
-    if (message.key !== "")
-      writer.tag(1, import_runtime8.WireType.LengthDelimited).string(message.key);
-    let u = options.writeUnknownFields;
-    if (u !== false)
-      (u == true ? import_runtime9.UnknownFieldHandler.onWrite : u)(this.typeName, message, writer);
-    return writer;
-  }
-};
-var GetRequest = new GetRequest$Type();
-var GetResponse$Type = class extends import_runtime11.MessageType {
-  constructor() {
-    super("sessionstorepb.GetResponse", [
-      {
-        no: 1,
-        name: "key",
-        kind: "scalar",
-        T: 9
-        /*ScalarType.STRING*/
-      },
-      {
-        no: 2,
-        name: "namespace",
-        kind: "scalar",
-        T: 9
-        /*ScalarType.STRING*/
-      },
-      { no: 3, name: "value", kind: "message", T: () => Value }
-    ]);
-  }
-  create(value) {
-    const message = globalThis.Object.create(this.messagePrototype);
-    message.key = "";
-    message.namespace = "";
-    if (value !== void 0)
-      (0, import_runtime10.reflectionMergePartial)(this, message, value);
-    return message;
-  }
-  internalBinaryRead(reader, length, options, target) {
-    let message = target ?? this.create(), end = reader.pos + length;
-    while (reader.pos < end) {
-      let [fieldNo, wireType] = reader.tag();
-      switch (fieldNo) {
-        case /* string key */
-        1:
-          message.key = reader.string();
-          break;
-        case /* string namespace */
-        2:
-          message.namespace = reader.string();
-          break;
-        case /* sessionstorepb.Value value */
-        3:
-          message.value = Value.internalBinaryRead(reader, reader.uint32(), options, message.value);
-          break;
-        default:
-          let u = options.readUnknownField;
-          if (u === "throw")
-            throw new globalThis.Error(`Unknown field ${fieldNo} (wire type ${wireType}) for ${this.typeName}`);
-          let d = reader.skip(wireType);
-          if (u !== false)
-            (u === true ? import_runtime9.UnknownFieldHandler.onRead : u)(this.typeName, message, fieldNo, wireType, d);
-      }
-    }
-    return message;
-  }
-  internalBinaryWrite(message, writer, options) {
-    if (message.key !== "")
-      writer.tag(1, import_runtime8.WireType.LengthDelimited).string(message.key);
-    if (message.namespace !== "")
-      writer.tag(2, import_runtime8.WireType.LengthDelimited).string(message.namespace);
-    if (message.value)
-      Value.internalBinaryWrite(message.value, writer.tag(3, import_runtime8.WireType.LengthDelimited).fork(), options).join();
-    let u = options.writeUnknownFields;
-    if (u !== false)
-      (u == true ? import_runtime9.UnknownFieldHandler.onWrite : u)(this.typeName, message, writer);
-    return writer;
-  }
-};
-var GetResponse = new GetResponse$Type();
-var DeleteRequest$Type = class extends import_runtime11.MessageType {
-  constructor() {
-    super("sessionstorepb.DeleteRequest", [{
-      no: 1,
-      name: "key",
-      kind: "scalar",
-      T: 9
-      /*ScalarType.STRING*/
-    }]);
-  }
-  create(value) {
-    const message = globalThis.Object.create(this.messagePrototype);
-    message.key = "";
-    if (value !== void 0)
-      (0, import_runtime10.reflectionMergePartial)(this, message, value);
-    return message;
-  }
-  internalBinaryRead(reader, length, options, target) {
-    let message = target ?? this.create(), end = reader.pos + length;
-    while (reader.pos < end) {
-      let [fieldNo, wireType] = reader.tag();
-      switch (fieldNo) {
-        case /* string key */
-        1:
-          message.key = reader.string();
-          break;
-        default:
-          let u = options.readUnknownField;
-          if (u === "throw")
-            throw new globalThis.Error(`Unknown field ${fieldNo} (wire type ${wireType}) for ${this.typeName}`);
-          let d = reader.skip(wireType);
-          if (u !== false)
-            (u === true ? import_runtime9.UnknownFieldHandler.onRead : u)(this.typeName, message, fieldNo, wireType, d);
-      }
-    }
-    return message;
-  }
-  internalBinaryWrite(message, writer, options) {
-    if (message.key !== "")
-      writer.tag(1, import_runtime8.WireType.LengthDelimited).string(message.key);
-    let u = options.writeUnknownFields;
-    if (u !== false)
-      (u == true ? import_runtime9.UnknownFieldHandler.onWrite : u)(this.typeName, message, writer);
-    return writer;
-  }
-};
-var DeleteRequest = new DeleteRequest$Type();
-var DeleteResponse$Type = class extends import_runtime11.MessageType {
-  constructor() {
-    super("sessionstorepb.DeleteResponse", []);
-  }
-  create(value) {
-    const message = globalThis.Object.create(this.messagePrototype);
-    if (value !== void 0)
-      (0, import_runtime10.reflectionMergePartial)(this, message, value);
-    return message;
-  }
-  internalBinaryRead(reader, length, options, target) {
-    return target ?? this.create();
-  }
-  internalBinaryWrite(message, writer, options) {
-    let u = options.writeUnknownFields;
-    if (u !== false)
-      (u == true ? import_runtime9.UnknownFieldHandler.onWrite : u)(this.typeName, message, writer);
-    return writer;
-  }
-};
-var DeleteResponse = new DeleteResponse$Type();
-var SetRequest$Type = class extends import_runtime11.MessageType {
-  constructor() {
-    super("sessionstorepb.SetRequest", [
-      {
-        no: 1,
-        name: "key",
-        kind: "scalar",
-        T: 9
-        /*ScalarType.STRING*/
-      },
-      { no: 3, name: "value", kind: "message", T: () => Value }
-    ]);
-  }
-  create(value) {
-    const message = globalThis.Object.create(this.messagePrototype);
-    message.key = "";
-    if (value !== void 0)
-      (0, import_runtime10.reflectionMergePartial)(this, message, value);
-    return message;
-  }
-  internalBinaryRead(reader, length, options, target) {
-    let message = target ?? this.create(), end = reader.pos + length;
-    while (reader.pos < end) {
-      let [fieldNo, wireType] = reader.tag();
-      switch (fieldNo) {
-        case /* string key */
-        1:
-          message.key = reader.string();
-          break;
-        case /* sessionstorepb.Value value */
-        3:
-          message.value = Value.internalBinaryRead(reader, reader.uint32(), options, message.value);
-          break;
-        default:
-          let u = options.readUnknownField;
-          if (u === "throw")
-            throw new globalThis.Error(`Unknown field ${fieldNo} (wire type ${wireType}) for ${this.typeName}`);
-          let d = reader.skip(wireType);
-          if (u !== false)
-            (u === true ? import_runtime9.UnknownFieldHandler.onRead : u)(this.typeName, message, fieldNo, wireType, d);
-      }
-    }
-    return message;
-  }
-  internalBinaryWrite(message, writer, options) {
-    if (message.key !== "")
-      writer.tag(1, import_runtime8.WireType.LengthDelimited).string(message.key);
-    if (message.value)
-      Value.internalBinaryWrite(message.value, writer.tag(3, import_runtime8.WireType.LengthDelimited).fork(), options).join();
-    let u = options.writeUnknownFields;
-    if (u !== false)
-      (u == true ? import_runtime9.UnknownFieldHandler.onWrite : u)(this.typeName, message, writer);
-    return writer;
-  }
-};
-var SetRequest = new SetRequest$Type();
-var SetResponse$Type = class extends import_runtime11.MessageType {
-  constructor() {
-    super("sessionstorepb.SetResponse", []);
-  }
-  create(value) {
-    const message = globalThis.Object.create(this.messagePrototype);
-    if (value !== void 0)
-      (0, import_runtime10.reflectionMergePartial)(this, message, value);
-    return message;
-  }
-  internalBinaryRead(reader, length, options, target) {
-    return target ?? this.create();
-  }
-  internalBinaryWrite(message, writer, options) {
-    let u = options.writeUnknownFields;
-    if (u !== false)
-      (u == true ? import_runtime9.UnknownFieldHandler.onWrite : u)(this.typeName, message, writer);
-    return writer;
-  }
-};
-var SetResponse = new SetResponse$Type();
-var ChangeStream$Type = class extends import_runtime11.MessageType {
-  constructor() {
-    super("sessionstorepb.ChangeStream", [
-      {
-        no: 1,
-        name: "change_id",
-        kind: "scalar",
-        T: 9
-        /*ScalarType.STRING*/
-      },
-      {
-        no: 2,
-        name: "key",
-        kind: "scalar",
-        T: 9
-        /*ScalarType.STRING*/
-      },
-      {
-        no: 3,
-        name: "namespace",
-        kind: "scalar",
-        T: 9
-        /*ScalarType.STRING*/
-      },
-      { no: 4, name: "value", kind: "message", T: () => Value },
-      {
-        no: 5,
-        name: "from_id",
-        kind: "scalar",
-        T: 9
-        /*ScalarType.STRING*/
-      }
-    ]);
-  }
-  create(value) {
-    const message = globalThis.Object.create(this.messagePrototype);
-    message.changeId = "";
-    message.key = "";
-    message.namespace = "";
-    message.fromId = "";
-    if (value !== void 0)
-      (0, import_runtime10.reflectionMergePartial)(this, message, value);
-    return message;
-  }
-  internalBinaryRead(reader, length, options, target) {
-    let message = target ?? this.create(), end = reader.pos + length;
-    while (reader.pos < end) {
-      let [fieldNo, wireType] = reader.tag();
-      switch (fieldNo) {
-        case /* string change_id */
-        1:
-          message.changeId = reader.string();
-          break;
-        case /* string key */
-        2:
-          message.key = reader.string();
-          break;
-        case /* string namespace */
-        3:
-          message.namespace = reader.string();
-          break;
-        case /* sessionstorepb.Value value */
-        4:
-          message.value = Value.internalBinaryRead(reader, reader.uint32(), options, message.value);
-          break;
-        case /* string from_id */
-        5:
-          message.fromId = reader.string();
-          break;
-        default:
-          let u = options.readUnknownField;
-          if (u === "throw")
-            throw new globalThis.Error(`Unknown field ${fieldNo} (wire type ${wireType}) for ${this.typeName}`);
-          let d = reader.skip(wireType);
-          if (u !== false)
-            (u === true ? import_runtime9.UnknownFieldHandler.onRead : u)(this.typeName, message, fieldNo, wireType, d);
-      }
-    }
-    return message;
-  }
-  internalBinaryWrite(message, writer, options) {
-    if (message.changeId !== "")
-      writer.tag(1, import_runtime8.WireType.LengthDelimited).string(message.changeId);
-    if (message.key !== "")
-      writer.tag(2, import_runtime8.WireType.LengthDelimited).string(message.key);
-    if (message.namespace !== "")
-      writer.tag(3, import_runtime8.WireType.LengthDelimited).string(message.namespace);
-    if (message.value)
-      Value.internalBinaryWrite(message.value, writer.tag(4, import_runtime8.WireType.LengthDelimited).fork(), options).join();
-    if (message.fromId !== "")
-      writer.tag(5, import_runtime8.WireType.LengthDelimited).string(message.fromId);
-    let u = options.writeUnknownFields;
-    if (u !== false)
-      (u == true ? import_runtime9.UnknownFieldHandler.onWrite : u)(this.typeName, message, writer);
-    return writer;
-  }
-};
-var ChangeStream = new ChangeStream$Type();
-var Select$Type = class extends import_runtime11.MessageType {
-  constructor() {
-    super("sessionstorepb.Select", [
-      {
-        no: 1,
-        name: "all",
-        kind: "scalar",
-        oneof: "match",
-        T: 9
-        /*ScalarType.STRING*/
-      },
-      {
-        no: 2,
-        name: "key",
-        kind: "scalar",
-        oneof: "match",
-        T: 9
-        /*ScalarType.STRING*/
-      },
-      {
-        no: 3,
-        name: "prefix",
-        kind: "scalar",
-        oneof: "match",
-        T: 9
-        /*ScalarType.STRING*/
-      },
-      {
-        no: 4,
-        name: "suffix",
-        kind: "scalar",
-        oneof: "match",
-        T: 9
-        /*ScalarType.STRING*/
-      }
-    ]);
-  }
-  create(value) {
-    const message = globalThis.Object.create(this.messagePrototype);
-    message.match = { oneofKind: void 0 };
-    if (value !== void 0)
-      (0, import_runtime10.reflectionMergePartial)(this, message, value);
-    return message;
-  }
-  internalBinaryRead(reader, length, options, target) {
-    let message = target ?? this.create(), end = reader.pos + length;
-    while (reader.pos < end) {
-      let [fieldNo, wireType] = reader.tag();
-      switch (fieldNo) {
-        case /* string all */
-        1:
-          message.match = {
-            oneofKind: "all",
-            all: reader.string()
-          };
-          break;
-        case /* string key */
-        2:
-          message.match = {
-            oneofKind: "key",
-            key: reader.string()
-          };
-          break;
-        case /* string prefix */
-        3:
-          message.match = {
-            oneofKind: "prefix",
-            prefix: reader.string()
-          };
-          break;
-        case /* string suffix */
-        4:
-          message.match = {
-            oneofKind: "suffix",
-            suffix: reader.string()
-          };
-          break;
-        default:
-          let u = options.readUnknownField;
-          if (u === "throw")
-            throw new globalThis.Error(`Unknown field ${fieldNo} (wire type ${wireType}) for ${this.typeName}`);
-          let d = reader.skip(wireType);
-          if (u !== false)
-            (u === true ? import_runtime9.UnknownFieldHandler.onRead : u)(this.typeName, message, fieldNo, wireType, d);
-      }
-    }
-    return message;
-  }
-  internalBinaryWrite(message, writer, options) {
-    if (message.match.oneofKind === "all")
-      writer.tag(1, import_runtime8.WireType.LengthDelimited).string(message.match.all);
-    if (message.match.oneofKind === "key")
-      writer.tag(2, import_runtime8.WireType.LengthDelimited).string(message.match.key);
-    if (message.match.oneofKind === "prefix")
-      writer.tag(3, import_runtime8.WireType.LengthDelimited).string(message.match.prefix);
-    if (message.match.oneofKind === "suffix")
-      writer.tag(4, import_runtime8.WireType.LengthDelimited).string(message.match.suffix);
-    let u = options.writeUnknownFields;
-    if (u !== false)
-      (u == true ? import_runtime9.UnknownFieldHandler.onWrite : u)(this.typeName, message, writer);
-    return writer;
-  }
-};
-var Select = new Select$Type();
-var OpenRequest$Type = class extends import_runtime11.MessageType {
-  constructor() {
-    super("sessionstorepb.OpenRequest", [
-      {
-        no: 1,
-        name: "change_id",
-        kind: "scalar",
-        T: 9
-        /*ScalarType.STRING*/
-      },
-      { no: 3, name: "select", kind: "message", repeat: 1, T: () => Select }
-    ]);
-  }
-  create(value) {
-    const message = globalThis.Object.create(this.messagePrototype);
-    message.changeId = "";
-    message.select = [];
-    if (value !== void 0)
-      (0, import_runtime10.reflectionMergePartial)(this, message, value);
-    return message;
-  }
-  internalBinaryRead(reader, length, options, target) {
-    let message = target ?? this.create(), end = reader.pos + length;
-    while (reader.pos < end) {
-      let [fieldNo, wireType] = reader.tag();
-      switch (fieldNo) {
-        case /* string change_id */
-        1:
-          message.changeId = reader.string();
-          break;
-        case /* repeated sessionstorepb.Select select */
-        3:
-          message.select.push(Select.internalBinaryRead(reader, reader.uint32(), options));
-          break;
-        default:
-          let u = options.readUnknownField;
-          if (u === "throw")
-            throw new globalThis.Error(`Unknown field ${fieldNo} (wire type ${wireType}) for ${this.typeName}`);
-          let d = reader.skip(wireType);
-          if (u !== false)
-            (u === true ? import_runtime9.UnknownFieldHandler.onRead : u)(this.typeName, message, fieldNo, wireType, d);
-      }
-    }
-    return message;
-  }
-  internalBinaryWrite(message, writer, options) {
-    if (message.changeId !== "")
-      writer.tag(1, import_runtime8.WireType.LengthDelimited).string(message.changeId);
-    for (let i = 0; i < message.select.length; i++)
-      Select.internalBinaryWrite(message.select[i], writer.tag(3, import_runtime8.WireType.LengthDelimited).fork(), options).join();
-    let u = options.writeUnknownFields;
-    if (u !== false)
-      (u == true ? import_runtime9.UnknownFieldHandler.onWrite : u)(this.typeName, message, writer);
-    return writer;
-  }
-};
-var OpenRequest = new OpenRequest$Type();
-var Api = new import_runtime_rpc.ServiceType("sessionstorepb.Api", [
-  { name: "Hello", options: {}, I: HelloRequest, O: HelloResponse },
-  { name: "Subscribe", serverStreaming: true, options: {}, I: SubscribeRequest, O: Event }
-]);
-var Store = new import_runtime_rpc.ServiceType("sessionstorepb.Store", [
-  { name: "open", serverStreaming: true, options: {}, I: OpenRequest, O: ChangeStream },
-  { name: "get", options: {}, I: GetRequest, O: GetResponse },
-  { name: "set", options: {}, I: SetRequest, O: SetResponse },
-  { name: "delete", options: {}, I: DeleteRequest, O: DeleteResponse }
-]);
-
-// src/grpc/sessionstore.client.ts
-init_define_process_env();
-var import_runtime_rpc2 = require("@protobuf-ts/runtime-rpc");
-var StoreClient = class {
-  constructor(_transport) {
-    this._transport = _transport;
-    __publicField(this, "typeName", Store.typeName);
-    __publicField(this, "methods", Store.methods);
-    __publicField(this, "options", Store.options);
-  }
-  /**
-   * open - start listening to updates in keys with provided match patterns
-   * provide change_id as last received ID to resume updates
-   *
-   * @generated from protobuf rpc: open(sessionstorepb.OpenRequest) returns (stream sessionstorepb.ChangeStream);
-   */
-  open(input, options) {
-    const method = this.methods[0], opt = this._transport.mergeOptions(options);
-    return (0, import_runtime_rpc2.stackIntercept)("serverStreaming", this._transport, method, opt, input);
-  }
-  /**
-   * get last stored value in given key
-   *
-   * @generated from protobuf rpc: get(sessionstorepb.GetRequest) returns (sessionstorepb.GetResponse);
-   */
-  get(input, options) {
-    const method = this.methods[1], opt = this._transport.mergeOptions(options);
-    return (0, import_runtime_rpc2.stackIntercept)("unary", this._transport, method, opt, input);
-  }
-  /**
-   * set key value
-   *
-   * @generated from protobuf rpc: set(sessionstorepb.SetRequest) returns (sessionstorepb.SetResponse);
-   */
-  set(input, options) {
-    const method = this.methods[2], opt = this._transport.mergeOptions(options);
-    return (0, import_runtime_rpc2.stackIntercept)("unary", this._transport, method, opt, input);
-  }
-  /**
-   * delete key from store
-   *
-   * @generated from protobuf rpc: delete(sessionstorepb.DeleteRequest) returns (sessionstorepb.DeleteResponse);
-   */
-  delete(input, options) {
-    const method = this.methods[3], opt = this._transport.mergeOptions(options);
-    return (0, import_runtime_rpc2.stackIntercept)("unary", this._transport, method, opt, input);
-  }
-};
-
-// src/hooks/StoreClient.ts
-var SessionStore = class {
-  constructor(endpoint, token) {
-    __publicField(this, "storeClient");
-    const transport = new import_grpcweb_transport.GrpcWebFetchTransport({
-      baseUrl: endpoint,
-      meta: { Authorization: `Bearer ${token}` }
-    });
-    this.storeClient = new StoreClient(transport);
-  }
-  open({ handleChange, handleError }) {
-    const call = this.storeClient.open({
-      changeId: "",
-      select: []
-    });
-    call.responses.onMessage((message) => {
-      if (message.value) {
-        if (message.value?.data.oneofKind === "str") {
-          const record = JSON.parse(message.value.data.str);
-          handleChange(message.key, record);
-        }
-      } else {
-        handleChange(message.key);
-      }
-    });
-    call.responses.onError((error) => {
-      handleError(error);
-    });
-    call.status.then((status) => {
-      console.log("SessionStoreClient open", status);
-    });
-  }
-  set(key, value) {
-    const valueStr = value ? JSON.stringify(value) : void 0;
-    return this.storeClient.set({
-      key,
-      value: valueStr ? {
-        data: { str: valueStr, oneofKind: "str" },
-        type: 2 /* STRING */
-      } : {
-        data: { oneofKind: void 0 },
-        type: 0 /* NONE */
-      }
-    });
-  }
-  async get(key) {
-    const { response } = await this.storeClient.get({ key });
-    if (response.value?.data.oneofKind === "str") {
-      return JSON.parse(response.value.data.str);
-    }
-  }
-  delete(key) {
-    return this.storeClient.delete({ key });
-  }
-};
-
-// src/utils.ts
-init_define_process_env();
-function decodeJWT(token) {
-  if (!token || token.length === 0) {
-    throw Error("Token cannot be an empty string or undefined or null");
-  }
-  const parts = token.split(".");
-  if (parts.length !== 3) {
-    throw Error(`Expected 3 '.' separate fields - header, payload and signature respectively`);
-  }
-  const payloadStr = atob(parts[1]);
-  try {
-    return JSON.parse(payloadStr);
-  } catch (err) {
-    throw Error(`couldn't parse to json - ${err.message}`);
-  }
-}
-var CURRENT_PAGE_KEY = "currentPage";
-var SHAPES_THROTTLE_TIME = 11;
-var PAGES_DEBOUNCE_TIME = 200;
-
-// src/hooks/useSessionStore.ts
-var useSessionStore = ({
-  token,
-  endpoint,
-  handleError
-}) => {
-  const sessionStore = (0, import_react9.useMemo)(() => {
-    try {
-      decodeJWT(token);
-    } catch (err) {
-      return handleError(err);
-    }
-    if (!endpoint || !token) {
-      return handleError(new Error("Missing GRPC endpoint or token"));
-    }
-    const sessionStore2 = new SessionStore(endpoint, token);
-    window.sessionStore = sessionStore2;
-    return sessionStore2;
-  }, [endpoint, token, handleError]);
-  return sessionStore;
-};
-
-// src/hooks/useSetEditorPermissions.tsx
-init_define_process_env();
-var import_react10 = require("react");
-var useSetEditorPermissions = ({
-  token,
-  editor,
-  zoomToContent = false,
-  handleError
-}) => {
-  const { permissions } = (0, import_react10.useMemo)(() => {
-    try {
-      return decodeJWT(token);
-    } catch (err) {
-      handleError(err);
-      return {};
-    }
-  }, [token, handleError]);
-  (0, import_react10.useEffect)(() => {
-    editor?.updateInstanceState({ canMoveCamera: !!zoomToContent });
-    if (!permissions) {
-      return;
-    }
-    const isReadonly = !permissions.includes("write");
-    editor?.updateInstanceState({ isReadonly });
-    if (isReadonly) {
-      editor?.setCurrentTool("hand");
-    }
-  }, [permissions, zoomToContent, editor]);
-};
-
-// src/hooks/useCollaboration.ts
-function useCollaboration({
-  endpoint,
-  token,
-  editor,
-  shapeUtils = [],
-  zoomToContent = false
-}) {
-  const [store] = (0, import_react11.useState)(() => {
-    const store2 = (0, import_tldraw2.createTLStore)({
-      shapeUtils: [...import_tldraw2.defaultShapeUtils, ...shapeUtils]
-    });
-    store2.loadSnapshot(DEFAULT_STORE);
-    return store2;
-  });
-  const [currentPage, setCurrentPage] = (0, import_react11.useState)(editor?.getCurrentPage());
-  const [storeWithStatus, setStoreWithStatus] = (0, import_react11.useState)({
-    status: "loading"
-  });
-  const handleError = (0, import_react11.useCallback)((error) => {
-    setStoreWithStatus({
-      status: "error",
-      error
-    });
-  }, []);
-  const sessionStore = useSessionStore({ token, endpoint, handleError });
-  useSetEditorPermissions({ token, editor, zoomToContent, handleError });
-  (0, import_react11.useEffect)(() => {
-    if (!currentPage?.id || !editor || editor.getCurrentPageId() === currentPage.id) {
-      return;
-    }
-    if (!editor.getPages()?.find((page) => page.id === currentPage.id)) {
-      editor.createPage(currentPage);
-    }
-    editor?.setCurrentPage(currentPage);
-  }, [currentPage, editor]);
-  (0, import_react11.useEffect)(() => {
-    if (!sessionStore)
-      return;
-    setStoreWithStatus({ status: "loading" });
-    const unsubs = [];
-    const handleChange = (key, value) => {
-      store.mergeRemoteChanges(() => {
-        if (!value) {
-          return store.remove([key]);
-        }
-        if (key === CURRENT_PAGE_KEY) {
-          setCurrentPage(value);
-        } else {
-          store.put([value]);
-        }
-      });
-    };
-    sessionStore.open({
-      handleChange,
-      handleError
-    });
-    unsubs.push(
-      store.listen(
-        (0, import_tldraw2.throttle)(function syncStoreChangesToYjsDoc({ changes }) {
-          Object.values(changes.added).forEach((record) => {
-            sessionStore.set(record.id, record);
-          });
-          Object.values(changes.updated).forEach(([, record]) => {
-            sessionStore.set(record.id, record);
-          });
-          Object.values(changes.removed).forEach((record) => {
-            sessionStore.delete(record.id);
-          });
-        }, SHAPES_THROTTLE_TIME),
-        { source: "user", scope: "document" }
-        // only sync user's document changes
-      )
-    );
-    setStoreWithStatus({
-      store,
-      status: "synced-remote",
-      connectionStatus: "online"
-    });
-    return () => {
-      unsubs.forEach((fn) => fn());
-      unsubs.length = 0;
-    };
-  }, [store, sessionStore, handleError]);
-  (0, import_react11.useEffect)(() => {
-    if (!editor || !sessionStore)
-      return;
-    const unsubs = [];
-    unsubs.push(
-      store.listen(
-        (0, import_tldraw2.debounce)(({ changes }) => {
-          Object.keys(changes.updated).forEach((key) => {
-            if (!key.includes("instance")) {
-              return;
-            }
-            const newPage = editor?.getCurrentPage();
-            if (newPage?.id !== currentPage?.id) {
-              sessionStore?.set(CURRENT_PAGE_KEY, newPage);
-              setCurrentPage(newPage);
-            }
-          });
-        }, PAGES_DEBOUNCE_TIME),
-        { source: "user", scope: "session" }
-      )
-    );
-    return () => {
-      unsubs.forEach((fn) => fn());
-      unsubs.length = 0;
-    };
-  }, [currentPage, editor, sessionStore, store]);
-  (0, import_react11.useEffect)(() => {
-    if (!editor || !editor.getInstanceState()?.isReadonly || !zoomToContent)
-      return;
-    store.listen(
-      () => {
-        editor.zoomToFit();
-      },
-      { source: "remote", scope: "document" }
-    );
-  }, [editor, store, zoomToContent]);
-  return storeWithStatus;
-}
-
-// src/Whiteboard.tsx
-function Whiteboard({ onMount, endpoint, token, zoomToContent, transparentCanvas }) {
-  const [editor, setEditor] = (0, import_react12.useState)();
-  const store = useCollaboration({
-    endpoint,
-    token,
-    editor,
-    zoomToContent
-  });
-  const handleMount = (editor2) => {
-    setEditor(editor2);
-    window.editor = editor2;
-    onMount?.({ store: store.store, editor: editor2 });
-  };
-  return /* @__PURE__ */ import_react12.default.createElement(
-    import_tldraw3.Tldraw,
-    {
-      className: transparentCanvas ? "transparent-canvas" : "",
-      autoFocus: true,
-      store,
-      onMount: handleMount,
-      components: { ErrorFallback },
-      hideUi: editor?.getInstanceState()?.isReadonly
-    }
-  );
-}
-/*! Bundled license information:
-
-classnames/index.js:
-  (*!
-  	Copyright (c) 2018 Jed Watson.
-  	Licensed under the MIT License (MIT), see
-  	http://jedwatson.github.io/classnames
-  *)
-*/
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@tldraw/tldraw"),n=require("@protobuf-ts/grpcweb-transport"),r=require("@protobuf-ts/runtime-rpc"),a=require("@protobuf-ts/runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(e);class o{arraySize=0;array=Array(8);set=null;get isEmpty(){if(this.array)return 0===this.arraySize;if(this.set)return 0===this.set.size;throw new Error("no set or array")}add(e){if(this.array){return-1===this.array.indexOf(e)&&(this.arraySize<8?(this.array[this.arraySize]=e,this.arraySize++,!0):(this.set=new Set(this.array),this.array=null,this.set.add(e),!0))}if(this.set)return!this.set.has(e)&&(this.set.add(e),!0);throw new Error("no set or array")}remove(e){if(this.array){const t=this.array.indexOf(e);return-1!==t&&(this.array[t]=void 0,this.arraySize--,t!==this.arraySize&&(this.array[t]=this.array[this.arraySize],this.array[this.arraySize]=void 0),!0)}if(this.set)return!!this.set.has(e)&&(this.set.delete(e),!0);throw new Error("no set or array")}visit(e){if(this.array)for(let t=0;t<this.arraySize;t++){const n=this.array[t];void 0!==n&&e(n)}else{if(!this.set)throw new Error("no set or array");this.set.forEach(e)}}}const l=Symbol("RESET_VALUE");class c{constructor(e){this.capacity=e,this.buffer=new Array(e)}index=0;buffer;pushEntry(e,t,n){void 0!==n&&(n!==l?(this.buffer[this.index]=[e,t,n],this.index=(this.index+1)%this.capacity):this.clear())}clear(){this.index=0,this.buffer.fill(void 0)}getChangesSince(e){const{index:t,capacity:n,buffer:r}=this;for(let a=0;a<n;a++){const s=(t-1+n-a)%n,i=r[s];if(!i)return l;const[o,c]=i;if(0===a&&e>=c)return[];if(o<=e&&e<c){const e=a+1,t=new Array(e);for(let a=0;a<e;a++)t[a]=r[(s+a)%n][2];return t}}return l}}function d(e){return e&&"object"==typeof e&&"parents"in e}function h(e){for(let t=0,n=e.parents.length;t<n;t++)if(e.parents[t].__unsafe__getWithoutCapture(),e.parents[t].lastChangedEpoch!==e.parentEpochs[t])return!0;return!1}const u=(e,t)=>{if(e.children.remove(t)&&e.children.isEmpty&&d(e))for(let t=0,n=e.parents.length;t<n;t++)u(e.parents[t],e)},p=(e,t)=>{if(e.children.add(t)&&d(e))for(let t=0,n=e.parents.length;t<n;t++)p(e.parents[t],e)};function f(e,t){return e===t||Object.is(e,t)||Boolean(e&&t&&"function"==typeof e.equals&&e.equals(t))}const g=Object.freeze([]),m=Symbol.for("__@tldraw/state__"),y=globalThis;y[m]?console.error('Multiple versions of @tldraw/state detected. This will cause unexpected behavior. Please add "resolutions" (yarn/pnpm) or "overrides" (npm) in your package.json to ensure only one version of @tldraw/state is loaded.'):y[m]=!0;class w{constructor(e,t){this.below=e,this.child=t}offset=0;numNewParents=0;maybeRemoved}let k=null;function b(e){k=new w(k,e)}function v(){const e=k;k=e.below;if(e.numNewParents>0||e.offset!==e.child.parents.length){for(let t=e.offset;t<e.child.parents.length;t++){const n=e.child.parents[t];e.child.parents.indexOf(n)>=e.offset&&u(n,e.child)}if(e.child.parents.length=e.offset,e.child.parentEpochs.length=e.offset,k?.maybeRemoved)for(let t=0;t<k.maybeRemoved.length;t++){const n=k.maybeRemoved[t];-1===e.child.parents.indexOf(n)&&u(n,e.child)}}}const E=-1;let T=!1;let _=!1;const S=Symbol("UNINITIALIZED");class N{constructor(e,t){this.value=e,this.diff=t}}class U{constructor(e,t,n){this.name=e,this.derive=t,n?.historyLength&&(this.historyBuffer=new c(n.historyLength)),this.computeDiff=n?.computeDiff,this.isEqual=n?.isEqual??f}lastChangedEpoch=E;lastTraversedEpoch=E;lastCheckedEpoch=E;parents=[];parentEpochs=[];children=new o;get isActivelyListening(){return!this.children.isEmpty}historyBuffer;state=S;computeDiff;isEqual;__unsafe__getWithoutCapture(){const e=this.lastChangedEpoch===E;if(!(e||0!==this.lastCheckedEpoch&&h(this)))return this.lastCheckedEpoch=0,this.state;try{b(this);const t=this.derive(this.state,this.lastCheckedEpoch),n=t instanceof N?t.value:t;if(this.state===S||!this.isEqual(n,this.state)){if(this.historyBuffer&&!e){const e=t instanceof N?t.diff:void 0;this.historyBuffer.pushEntry(this.lastChangedEpoch,0,e??this.computeDiff?.(this.state,n,this.lastCheckedEpoch,0)??l)}this.lastChangedEpoch=0,this.state=n}return this.lastCheckedEpoch=0,this.state}finally{v()}}get(){const e=this.__unsafe__getWithoutCapture();return function(e){if(k){const t=k.child.parents.indexOf(e);if(t<0&&(k.numNewParents++,k.child.isActivelyListening&&p(e,k.child)),t<0||t>=k.offset){if(t!==k.offset&&t>0){const e=k.child.parents[k.offset];k.maybeRemoved?-1===k.maybeRemoved.indexOf(e)&&k.maybeRemoved.push(e):k.maybeRemoved=[e]}k.child.parents[k.offset]=e,k.child.parentEpochs[k.offset]=e.lastChangedEpoch,k.offset++}}}(this),e}get value(){return T||(T=!0,console.warn("Using Signal.value is deprecated and will be removed in the near future. Please use Signal.get() instead.")),this.get()}getDiffSince(e){return this.get(),e>=this.lastChangedEpoch?g:this.historyBuffer?.getChangesSince(e)??l}}function R(e={},t,n,r){return r.get?(_||(_=!0,console.warn("Using `@computed` as a decorator for getters is deprecated and will be removed in the near future. Please refactor to use `@computed` as a decorator for methods.\n\n// Before\n@computed\nget foo() {\n\treturn 'foo'\n}\n\n// After\n@computed\ngetFoo() {\n\treturn 'foo'\n}\n")),function(e={},t,n,r){const a=r.get,s=Symbol.for("__@tldraw/state__computed__"+n);return r.get=function(){let t=this[s];return t||(t=new U(n,a.bind(this),e),Object.defineProperty(this,s,{enumerable:!1,configurable:!1,writable:!1,value:t})),t.get()},r}(e,0,n,r)):function(e={},t,n,r){const a=r.value,s=Symbol.for("__@tldraw/state__computed__"+n);return r.value=function(){let t=this[s];return t||(t=new U(n,a.bind(this),e),Object.defineProperty(this,s,{enumerable:!1,configurable:!1,writable:!1,value:t})),t.get()},r.value[W]=!0,r}(e,0,n,r)}const W="@@__isComputedMethod__@@";class F{constructor(e,t,n){this.name=e,this.runEffect=t,this._scheduleEffect=n?.scheduleEffect}_isActivelyListening=!1;get isActivelyListening(){return this._isActivelyListening}lastTraversedEpoch=E;lastReactedEpoch=E;_scheduleCount=0;get scheduleCount(){return this._scheduleCount}parentEpochs=[];parents=[];_scheduleEffect;maybeScheduleEffect(){this._isActivelyListening&&0!==this.lastReactedEpoch&&(!this.parents.length||h(this)?this.scheduleEffect():this.lastReactedEpoch=0)}scheduleEffect(){this._scheduleCount++,this._scheduleEffect?this._scheduleEffect(this.maybeExecute):this.execute()}maybeExecute=()=>{this._isActivelyListening&&this.execute()};attach(){this._isActivelyListening=!0;for(let e=0,t=this.parents.length;e<t;e++)p(this.parents[e],this)}detach(){this._isActivelyListening=!1;for(let e=0,t=this.parents.length;e<t;e++)u(this.parents[e],this)}execute(){try{b(this);const e=this.runEffect(this.lastReactedEpoch);return this.lastReactedEpoch=0,e}finally{v()}}}function C(){const t=arguments,n=3===t.length?t[2]:[t[0]],r=3===t.length?t[0]:`useValue(${t[0].name})`,a=e.useRef(!0);a.current=!0;const s=e.useMemo((()=>1===t.length?t[0]:function(){if(1===arguments.length){const e=arguments[0];return(t,n,r)=>R(e,0,n,r)}return"string"==typeof arguments[0]?new U(arguments[0],arguments[1],arguments[2]):R(void 0,0,arguments[1],arguments[2])}(r,(()=>{if(a.current)return t[1]();try{return t[1]()}catch{return{}}}))),n);try{const{subscribe:t,getSnapshot:n}=e.useMemo((()=>({subscribe:e=>function(e,t,n){const r=new F(e,t,n);return r.attach(),r.scheduleEffect(),()=>{r.detach()}}(`useValue(${r})`,(()=>{s.get(),e()})),getSnapshot:()=>s.get()})),[s]);return e.useSyncExternalStore(t,n,n)}finally{a.current=!1}}var x,B={exports:{}};
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/x=B,function(){var e={}.hasOwnProperty;function t(){for(var e="",t=0;t<arguments.length;t++){var a=arguments[t];a&&(e=r(e,n(a)))}return e}function n(n){if("string"==typeof n||"number"==typeof n)return n;if("object"!=typeof n)return"";if(Array.isArray(n))return t.apply(null,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var a="";for(var s in n)e.call(n,s)&&n[s]&&(a=r(a,s));return a}function r(e,t){return t?e?e+" "+t:e+t:e}x.exports?(t.default=t,x.exports=t):window.classNames=t}();var P=B.exports;const O=({error:n,editor:r})=>{const a=e.useRef(null),[s,o]=e.useState("production"!==process.env.NODE_ENV),[l,c]=e.useState(!1),[d,h]=e.useState(!1),u=n instanceof Error?n.message:String(n),p=n instanceof Error?n.stack:null,f=C("isDarkMode",(()=>{try{if(r)return r.user.isDarkMode}catch{}return null}),[r]),[g,m]=e.useState(null);e.useLayoutEffect((()=>{null!==f&&m(f);let e=a.current?.parentElement,t=!1;for(;e;){if(e.classList.contains("tl-theme__dark")||e.classList.contains("tl-theme__light")){t=!0;break}e=e.parentElement}m(t?null:window.matchMedia("(prefers-color-scheme: dark)").matches)}),[f]),e.useEffect((()=>{if(l){const e=setTimeout((()=>{c(!1)}),2e3);return()=>clearTimeout(e)}}),[l]);return i.default.createElement("div",{ref:a,className:P("tl-container tl-error-boundary",null===g?"":g?"tl-theme__dark":"tl-theme__light")},i.default.createElement("div",{className:"tl-error-boundary__overlay"}),i.default.createElement("div",{className:P("tl-modal","tl-error-boundary__content",{"tl-error-boundary__content__expanded":s&&!d})},d?i.default.createElement(i.default.Fragment,null,i.default.createElement("h2",null,"Are you sure?"),i.default.createElement("p",null,"Resetting your data will delete your drawing and cannot be undone."),i.default.createElement("div",{className:"tl-error-boundary__content__actions"},i.default.createElement("button",{onClick:()=>h(!1)},"Cancel"),i.default.createElement("button",{className:"tl-error-boundary__reset",onClick:async()=>{t.hardResetEditor()}},"Reset data"))):i.default.createElement(i.default.Fragment,null,i.default.createElement("h2",null,"Something's gone wrong."),i.default.createElement("p",null,"Sorry, we encountered an error. Please refresh the page to continue. If you keep seeing this error, you can ",i.default.createElement("a",{href:"https://discord.gg/pTge2BwDBq"},"ask for help on Discord"),"."),s&&i.default.createElement("div",{className:"tl-error-boundary__content__error"},i.default.createElement("pre",null,i.default.createElement("code",null,p??u)),i.default.createElement("button",{onClick:()=>{const e=document.createElement("textarea");e.value=p??u,document.body.appendChild(e),e.select(),document.execCommand("copy"),e.remove(),c(!0)}},l?"Copied!":"Copy")),i.default.createElement("div",{className:"tl-error-boundary__content__actions"},i.default.createElement("button",{onClick:()=>o(!s)},s?"Hide details":"Show details"),i.default.createElement("div",{className:"tl-error-boundary__content__actions__group"},i.default.createElement("button",{className:"tl-error-boundary__reset",onClick:()=>h(!0)},"Reset data"),i.default.createElement("button",{className:"tl-error-boundary__refresh",onClick:()=>{t.refreshPage()}},"Refresh Page"))))))},I={store:{"document:document":{gridSize:10,name:"",meta:{},id:"document:document",typeName:"document"},"pointer:pointer":{id:"pointer:pointer",typeName:"pointer",x:0,y:0,lastActivityTimestamp:0,meta:{}},"page:page":{meta:{},id:"page:page",name:"Page 1",index:"a1",typeName:"page"},"camera:page:page":{x:0,y:0,z:1,meta:{},id:"camera:page:page",typeName:"camera"},"instance_page_state:page:page":{editingShapeId:null,croppingShapeId:null,selectedShapeIds:[],hoveredShapeId:null,erasingShapeIds:[],hintingShapeIds:[],focusedGroupId:null,meta:{},id:"instance_page_state:page:page",pageId:"page:page",typeName:"instance_page_state"},"instance:instance":{followingUserId:null,opacityForNextShape:1,stylesForNextShape:{},brush:null,scribble:null,cursor:{type:"default",rotation:0},isFocusMode:!1,exportBackground:!0,isDebugMode:!1,isToolLocked:!1,screenBounds:{x:0,y:0,w:720,h:400},zoomBrush:null,isGridMode:!1,isPenMode:!1,chatMessage:"",isChatting:!1,highlightedUserIds:[],canMoveCamera:!0,isFocused:!0,devicePixelRatio:2,isCoarsePointer:!1,isHoveringCanvas:!1,openMenus:[],isChangingStyle:!1,isReadonly:!1,meta:{},id:"instance:instance",currentPageId:"page:page",typeName:"instance"}},schema:{schemaVersion:1,storeVersion:4,recordVersions:{asset:{version:1,subTypeKey:"type",subTypeVersions:{image:2,video:2,bookmark:0}},camera:{version:1},document:{version:2},instance:{version:21},instance_page_state:{version:5},page:{version:1},shape:{version:3,subTypeKey:"type",subTypeVersions:{group:0,text:1,bookmark:1,draw:1,geo:7,note:4,line:1,frame:0,arrow:1,highlight:0,embed:4,image:2,video:1}},instance_presence:{version:5},pointer:{version:1}}}};var M,L;(L=M||(M={}))[L.NONE=0]="NONE",L[L.BYTES=1]="BYTES",L[L.STRING=2]="STRING",L[L.INTEGER=3]="INTEGER",L[L.FLOAT=4]="FLOAT";class $ extends a.MessageType{constructor(){super("sessionstorepb.HelloRequest",[{no:1,name:"name",kind:"scalar",T:9}])}create(e){const t=globalThis.Object.create(this.messagePrototype);return t.name="",void 0!==e&&a.reflectionMergePartial(this,t,e),t}internalBinaryRead(e,t,n,r){let s=r??this.create(),i=e.pos+t;for(;e.pos<i;){let[t,r]=e.tag();if(1===t)s.name=e.string();else{let i=n.readUnknownField;if("throw"===i)throw new globalThis.Error(`Unknown field ${t} (wire type ${r}) for ${this.typeName}`);let o=e.skip(r);!1!==i&&(!0===i?a.UnknownFieldHandler.onRead:i)(this.typeName,s,t,r,o)}}return s}internalBinaryWrite(e,t,n){""!==e.name&&t.tag(1,a.WireType.LengthDelimited).string(e.name);let r=n.writeUnknownFields;return!1!==r&&(1==r?a.UnknownFieldHandler.onWrite:r)(this.typeName,e,t),t}}const j=new $;class D extends a.MessageType{constructor(){super("sessionstorepb.HelloResponse",[{no:1,name:"response",kind:"scalar",T:9}])}create(e){const t=globalThis.Object.create(this.messagePrototype);return t.response="",void 0!==e&&a.reflectionMergePartial(this,t,e),t}internalBinaryRead(e,t,n,r){let s=r??this.create(),i=e.pos+t;for(;e.pos<i;){let[t,r]=e.tag();if(1===t)s.response=e.string();else{let i=n.readUnknownField;if("throw"===i)throw new globalThis.Error(`Unknown field ${t} (wire type ${r}) for ${this.typeName}`);let o=e.skip(r);!1!==i&&(!0===i?a.UnknownFieldHandler.onRead:i)(this.typeName,s,t,r,o)}}return s}internalBinaryWrite(e,t,n){""!==e.response&&t.tag(1,a.WireType.LengthDelimited).string(e.response);let r=n.writeUnknownFields;return!1!==r&&(1==r?a.UnknownFieldHandler.onWrite:r)(this.typeName,e,t),t}}const H=new D;class K extends a.MessageType{constructor(){super("sessionstorepb.SubscribeRequest",[{no:1,name:"name",kind:"scalar",T:9},{no:2,name:"offset",kind:"scalar",T:3,L:0}])}create(e){const t=globalThis.Object.create(this.messagePrototype);return t.name="",t.offset=0n,void 0!==e&&a.reflectionMergePartial(this,t,e),t}internalBinaryRead(e,t,n,r){let s=r??this.create(),i=e.pos+t;for(;e.pos<i;){let[t,r]=e.tag();switch(t){case 1:s.name=e.string();break;case 2:s.offset=e.int64().toBigInt();break;default:let i=n.readUnknownField;if("throw"===i)throw new globalThis.Error(`Unknown field ${t} (wire type ${r}) for ${this.typeName}`);let o=e.skip(r);!1!==i&&(!0===i?a.UnknownFieldHandler.onRead:i)(this.typeName,s,t,r,o)}}return s}internalBinaryWrite(e,t,n){""!==e.name&&t.tag(1,a.WireType.LengthDelimited).string(e.name),0n!==e.offset&&t.tag(2,a.WireType.Varint).int64(e.offset);let r=n.writeUnknownFields;return!1!==r&&(1==r?a.UnknownFieldHandler.onWrite:r)(this.typeName,e,t),t}}const q=new K;class A extends a.MessageType{constructor(){super("sessionstorepb.Event",[{no:1,name:"message",kind:"scalar",T:9},{no:2,name:"sequence",kind:"scalar",T:3,L:0}])}create(e){const t=globalThis.Object.create(this.messagePrototype);return t.message="",t.sequence=0n,void 0!==e&&a.reflectionMergePartial(this,t,e),t}internalBinaryRead(e,t,n,r){let s=r??this.create(),i=e.pos+t;for(;e.pos<i;){let[t,r]=e.tag();switch(t){case 1:s.message=e.string();break;case 2:s.sequence=e.int64().toBigInt();break;default:let i=n.readUnknownField;if("throw"===i)throw new globalThis.Error(`Unknown field ${t} (wire type ${r}) for ${this.typeName}`);let o=e.skip(r);!1!==i&&(!0===i?a.UnknownFieldHandler.onRead:i)(this.typeName,s,t,r,o)}}return s}internalBinaryWrite(e,t,n){""!==e.message&&t.tag(1,a.WireType.LengthDelimited).string(e.message),0n!==e.sequence&&t.tag(2,a.WireType.Varint).int64(e.sequence);let r=n.writeUnknownFields;return!1!==r&&(1==r?a.UnknownFieldHandler.onWrite:r)(this.typeName,e,t),t}}const z=new A;class V extends a.MessageType{constructor(){super("sessionstorepb.Value",[{no:1,name:"type",kind:"enum",T:()=>["sessionstorepb.Value.Type",M]},{no:2,name:"number",kind:"scalar",oneof:"data",T:3,L:0},{no:3,name:"float",kind:"scalar",oneof:"data",T:2},{no:4,name:"str",kind:"scalar",oneof:"data",T:9},{no:5,name:"raw_bytes",kind:"scalar",oneof:"data",T:12}])}create(e){const t=globalThis.Object.create(this.messagePrototype);return t.type=0,t.data={oneofKind:void 0},void 0!==e&&a.reflectionMergePartial(this,t,e),t}internalBinaryRead(e,t,n,r){let s=r??this.create(),i=e.pos+t;for(;e.pos<i;){let[t,r]=e.tag();switch(t){case 1:s.type=e.int32();break;case 2:s.data={oneofKind:"number",number:e.int64().toBigInt()};break;case 3:s.data={oneofKind:"float",float:e.float()};break;case 4:s.data={oneofKind:"str",str:e.string()};break;case 5:s.data={oneofKind:"rawBytes",rawBytes:e.bytes()};break;default:let i=n.readUnknownField;if("throw"===i)throw new globalThis.Error(`Unknown field ${t} (wire type ${r}) for ${this.typeName}`);let o=e.skip(r);!1!==i&&(!0===i?a.UnknownFieldHandler.onRead:i)(this.typeName,s,t,r,o)}}return s}internalBinaryWrite(e,t,n){0!==e.type&&t.tag(1,a.WireType.Varint).int32(e.type),"number"===e.data.oneofKind&&t.tag(2,a.WireType.Varint).int64(e.data.number),"float"===e.data.oneofKind&&t.tag(3,a.WireType.Bit32).float(e.data.float),"str"===e.data.oneofKind&&t.tag(4,a.WireType.LengthDelimited).string(e.data.str),"rawBytes"===e.data.oneofKind&&t.tag(5,a.WireType.LengthDelimited).bytes(e.data.rawBytes);let r=n.writeUnknownFields;return!1!==r&&(1==r?a.UnknownFieldHandler.onWrite:r)(this.typeName,e,t),t}}const G=new V;class J extends a.MessageType{constructor(){super("sessionstorepb.GetRequest",[{no:1,name:"key",kind:"scalar",T:9}])}create(e){const t=globalThis.Object.create(this.messagePrototype);return t.key="",void 0!==e&&a.reflectionMergePartial(this,t,e),t}internalBinaryRead(e,t,n,r){let s=r??this.create(),i=e.pos+t;for(;e.pos<i;){let[t,r]=e.tag();if(1===t)s.key=e.string();else{let i=n.readUnknownField;if("throw"===i)throw new globalThis.Error(`Unknown field ${t} (wire type ${r}) for ${this.typeName}`);let o=e.skip(r);!1!==i&&(!0===i?a.UnknownFieldHandler.onRead:i)(this.typeName,s,t,r,o)}}return s}internalBinaryWrite(e,t,n){""!==e.key&&t.tag(1,a.WireType.LengthDelimited).string(e.key);let r=n.writeUnknownFields;return!1!==r&&(1==r?a.UnknownFieldHandler.onWrite:r)(this.typeName,e,t),t}}const Y=new J;class Z extends a.MessageType{constructor(){super("sessionstorepb.GetResponse",[{no:1,name:"key",kind:"scalar",T:9},{no:2,name:"namespace",kind:"scalar",T:9},{no:3,name:"value",kind:"message",T:()=>G}])}create(e){const t=globalThis.Object.create(this.messagePrototype);return t.key="",t.namespace="",void 0!==e&&a.reflectionMergePartial(this,t,e),t}internalBinaryRead(e,t,n,r){let s=r??this.create(),i=e.pos+t;for(;e.pos<i;){let[t,r]=e.tag();switch(t){case 1:s.key=e.string();break;case 2:s.namespace=e.string();break;case 3:s.value=G.internalBinaryRead(e,e.uint32(),n,s.value);break;default:let i=n.readUnknownField;if("throw"===i)throw new globalThis.Error(`Unknown field ${t} (wire type ${r}) for ${this.typeName}`);let o=e.skip(r);!1!==i&&(!0===i?a.UnknownFieldHandler.onRead:i)(this.typeName,s,t,r,o)}}return s}internalBinaryWrite(e,t,n){""!==e.key&&t.tag(1,a.WireType.LengthDelimited).string(e.key),""!==e.namespace&&t.tag(2,a.WireType.LengthDelimited).string(e.namespace),e.value&&G.internalBinaryWrite(e.value,t.tag(3,a.WireType.LengthDelimited).fork(),n).join();let r=n.writeUnknownFields;return!1!==r&&(1==r?a.UnknownFieldHandler.onWrite:r)(this.typeName,e,t),t}}const Q=new Z;class X extends a.MessageType{constructor(){super("sessionstorepb.DeleteRequest",[{no:1,name:"key",kind:"scalar",T:9}])}create(e){const t=globalThis.Object.create(this.messagePrototype);return t.key="",void 0!==e&&a.reflectionMergePartial(this,t,e),t}internalBinaryRead(e,t,n,r){let s=r??this.create(),i=e.pos+t;for(;e.pos<i;){let[t,r]=e.tag();if(1===t)s.key=e.string();else{let i=n.readUnknownField;if("throw"===i)throw new globalThis.Error(`Unknown field ${t} (wire type ${r}) for ${this.typeName}`);let o=e.skip(r);!1!==i&&(!0===i?a.UnknownFieldHandler.onRead:i)(this.typeName,s,t,r,o)}}return s}internalBinaryWrite(e,t,n){""!==e.key&&t.tag(1,a.WireType.LengthDelimited).string(e.key);let r=n.writeUnknownFields;return!1!==r&&(1==r?a.UnknownFieldHandler.onWrite:r)(this.typeName,e,t),t}}const ee=new X;class te extends a.MessageType{constructor(){super("sessionstorepb.DeleteResponse",[])}create(e){const t=globalThis.Object.create(this.messagePrototype);return void 0!==e&&a.reflectionMergePartial(this,t,e),t}internalBinaryRead(e,t,n,r){return r??this.create()}internalBinaryWrite(e,t,n){let r=n.writeUnknownFields;return!1!==r&&(1==r?a.UnknownFieldHandler.onWrite:r)(this.typeName,e,t),t}}const ne=new te;class re extends a.MessageType{constructor(){super("sessionstorepb.SetRequest",[{no:1,name:"key",kind:"scalar",T:9},{no:3,name:"value",kind:"message",T:()=>G}])}create(e){const t=globalThis.Object.create(this.messagePrototype);return t.key="",void 0!==e&&a.reflectionMergePartial(this,t,e),t}internalBinaryRead(e,t,n,r){let s=r??this.create(),i=e.pos+t;for(;e.pos<i;){let[t,r]=e.tag();switch(t){case 1:s.key=e.string();break;case 3:s.value=G.internalBinaryRead(e,e.uint32(),n,s.value);break;default:let i=n.readUnknownField;if("throw"===i)throw new globalThis.Error(`Unknown field ${t} (wire type ${r}) for ${this.typeName}`);let o=e.skip(r);!1!==i&&(!0===i?a.UnknownFieldHandler.onRead:i)(this.typeName,s,t,r,o)}}return s}internalBinaryWrite(e,t,n){""!==e.key&&t.tag(1,a.WireType.LengthDelimited).string(e.key),e.value&&G.internalBinaryWrite(e.value,t.tag(3,a.WireType.LengthDelimited).fork(),n).join();let r=n.writeUnknownFields;return!1!==r&&(1==r?a.UnknownFieldHandler.onWrite:r)(this.typeName,e,t),t}}const ae=new re;class se extends a.MessageType{constructor(){super("sessionstorepb.SetResponse",[])}create(e){const t=globalThis.Object.create(this.messagePrototype);return void 0!==e&&a.reflectionMergePartial(this,t,e),t}internalBinaryRead(e,t,n,r){return r??this.create()}internalBinaryWrite(e,t,n){let r=n.writeUnknownFields;return!1!==r&&(1==r?a.UnknownFieldHandler.onWrite:r)(this.typeName,e,t),t}}const ie=new se;class oe extends a.MessageType{constructor(){super("sessionstorepb.ChangeStream",[{no:1,name:"change_id",kind:"scalar",T:9},{no:2,name:"key",kind:"scalar",T:9},{no:3,name:"namespace",kind:"scalar",T:9},{no:4,name:"value",kind:"message",T:()=>G},{no:5,name:"from_id",kind:"scalar",T:9}])}create(e){const t=globalThis.Object.create(this.messagePrototype);return t.changeId="",t.key="",t.namespace="",t.fromId="",void 0!==e&&a.reflectionMergePartial(this,t,e),t}internalBinaryRead(e,t,n,r){let s=r??this.create(),i=e.pos+t;for(;e.pos<i;){let[t,r]=e.tag();switch(t){case 1:s.changeId=e.string();break;case 2:s.key=e.string();break;case 3:s.namespace=e.string();break;case 4:s.value=G.internalBinaryRead(e,e.uint32(),n,s.value);break;case 5:s.fromId=e.string();break;default:let i=n.readUnknownField;if("throw"===i)throw new globalThis.Error(`Unknown field ${t} (wire type ${r}) for ${this.typeName}`);let o=e.skip(r);!1!==i&&(!0===i?a.UnknownFieldHandler.onRead:i)(this.typeName,s,t,r,o)}}return s}internalBinaryWrite(e,t,n){""!==e.changeId&&t.tag(1,a.WireType.LengthDelimited).string(e.changeId),""!==e.key&&t.tag(2,a.WireType.LengthDelimited).string(e.key),""!==e.namespace&&t.tag(3,a.WireType.LengthDelimited).string(e.namespace),e.value&&G.internalBinaryWrite(e.value,t.tag(4,a.WireType.LengthDelimited).fork(),n).join(),""!==e.fromId&&t.tag(5,a.WireType.LengthDelimited).string(e.fromId);let r=n.writeUnknownFields;return!1!==r&&(1==r?a.UnknownFieldHandler.onWrite:r)(this.typeName,e,t),t}}const le=new oe;class ce extends a.MessageType{constructor(){super("sessionstorepb.Select",[{no:1,name:"all",kind:"scalar",oneof:"match",T:9},{no:2,name:"key",kind:"scalar",oneof:"match",T:9},{no:3,name:"prefix",kind:"scalar",oneof:"match",T:9},{no:4,name:"suffix",kind:"scalar",oneof:"match",T:9}])}create(e){const t=globalThis.Object.create(this.messagePrototype);return t.match={oneofKind:void 0},void 0!==e&&a.reflectionMergePartial(this,t,e),t}internalBinaryRead(e,t,n,r){let s=r??this.create(),i=e.pos+t;for(;e.pos<i;){let[t,r]=e.tag();switch(t){case 1:s.match={oneofKind:"all",all:e.string()};break;case 2:s.match={oneofKind:"key",key:e.string()};break;case 3:s.match={oneofKind:"prefix",prefix:e.string()};break;case 4:s.match={oneofKind:"suffix",suffix:e.string()};break;default:let i=n.readUnknownField;if("throw"===i)throw new globalThis.Error(`Unknown field ${t} (wire type ${r}) for ${this.typeName}`);let o=e.skip(r);!1!==i&&(!0===i?a.UnknownFieldHandler.onRead:i)(this.typeName,s,t,r,o)}}return s}internalBinaryWrite(e,t,n){"all"===e.match.oneofKind&&t.tag(1,a.WireType.LengthDelimited).string(e.match.all),"key"===e.match.oneofKind&&t.tag(2,a.WireType.LengthDelimited).string(e.match.key),"prefix"===e.match.oneofKind&&t.tag(3,a.WireType.LengthDelimited).string(e.match.prefix),"suffix"===e.match.oneofKind&&t.tag(4,a.WireType.LengthDelimited).string(e.match.suffix);let r=n.writeUnknownFields;return!1!==r&&(1==r?a.UnknownFieldHandler.onWrite:r)(this.typeName,e,t),t}}const de=new ce;class he extends a.MessageType{constructor(){super("sessionstorepb.OpenRequest",[{no:1,name:"change_id",kind:"scalar",T:9},{no:3,name:"select",kind:"message",repeat:1,T:()=>de}])}create(e){const t=globalThis.Object.create(this.messagePrototype);return t.changeId="",t.select=[],void 0!==e&&a.reflectionMergePartial(this,t,e),t}internalBinaryRead(e,t,n,r){let s=r??this.create(),i=e.pos+t;for(;e.pos<i;){let[t,r]=e.tag();switch(t){case 1:s.changeId=e.string();break;case 3:s.select.push(de.internalBinaryRead(e,e.uint32(),n));break;default:let i=n.readUnknownField;if("throw"===i)throw new globalThis.Error(`Unknown field ${t} (wire type ${r}) for ${this.typeName}`);let o=e.skip(r);!1!==i&&(!0===i?a.UnknownFieldHandler.onRead:i)(this.typeName,s,t,r,o)}}return s}internalBinaryWrite(e,t,n){""!==e.changeId&&t.tag(1,a.WireType.LengthDelimited).string(e.changeId);for(let r=0;r<e.select.length;r++)de.internalBinaryWrite(e.select[r],t.tag(3,a.WireType.LengthDelimited).fork(),n).join();let r=n.writeUnknownFields;return!1!==r&&(1==r?a.UnknownFieldHandler.onWrite:r)(this.typeName,e,t),t}}const ue=new he;new r.ServiceType("sessionstorepb.Api",[{name:"Hello",options:{},I:j,O:H},{name:"Subscribe",serverStreaming:!0,options:{},I:q,O:z}]);const pe=new r.ServiceType("sessionstorepb.Store",[{name:"open",serverStreaming:!0,options:{},I:ue,O:le},{name:"get",options:{},I:Y,O:Q},{name:"set",options:{},I:ae,O:ie},{name:"delete",options:{},I:ee,O:ne}]);class fe{constructor(e){Object.defineProperty(this,"_transport",{enumerable:!0,configurable:!0,writable:!0,value:e}),Object.defineProperty(this,"typeName",{enumerable:!0,configurable:!0,writable:!0,value:pe.typeName}),Object.defineProperty(this,"methods",{enumerable:!0,configurable:!0,writable:!0,value:pe.methods}),Object.defineProperty(this,"options",{enumerable:!0,configurable:!0,writable:!0,value:pe.options})}open(e,t){const n=this.methods[0],a=this._transport.mergeOptions(t);return r.stackIntercept("serverStreaming",this._transport,n,a,e)}get(e,t){const n=this.methods[1],a=this._transport.mergeOptions(t);return r.stackIntercept("unary",this._transport,n,a,e)}set(e,t){const n=this.methods[2],a=this._transport.mergeOptions(t);return r.stackIntercept("unary",this._transport,n,a,e)}delete(e,t){const n=this.methods[3],a=this._transport.mergeOptions(t);return r.stackIntercept("unary",this._transport,n,a,e)}}class ge{constructor(e,t){Object.defineProperty(this,"storeClient",{enumerable:!0,configurable:!0,writable:!0,value:void 0});const r=new n.GrpcWebFetchTransport({baseUrl:e,meta:{Authorization:`Bearer ${t}`}});this.storeClient=new fe(r)}open({handleChange:e,handleError:t}){const n=this.storeClient.open({changeId:"",select:[]});n.responses.onMessage((t=>{if(t.value){if("str"===t.value?.data.oneofKind){const n=JSON.parse(t.value.data.str);e(t.key,n)}}else e(t.key)})),n.responses.onError((e=>{t(e)})),n.status.then((e=>{console.log("SessionStoreClient open",e)}))}set(e,t){const n=t?JSON.stringify(t):void 0;return this.storeClient.set({key:e,value:n?{data:{str:n,oneofKind:"str"},type:M.STRING}:{data:{oneofKind:void 0},type:M.NONE}})}async get(e){const{response:t}=await this.storeClient.get({key:e});if("str"===t.value?.data.oneofKind)return JSON.parse(t.value.data.str)}delete(e){return this.storeClient.delete({key:e})}}function me(e){if(!e||0===e.length)throw Error("Token cannot be an empty string or undefined or null");const t=e.split(".");if(3!==t.length)throw Error("Expected 3 '.' separate fields - header, payload and signature respectively");const n=atob(t[1]);try{return JSON.parse(n)}catch(e){throw Error(`couldn't parse to json - ${e.message}`)}}const ye="currentPage",we=11,ke=200,be=({token:t,endpoint:n,handleError:r})=>e.useMemo((()=>{try{me(t)}catch(e){return r(e)}if(!n||!t)return r(new Error("Missing GRPC endpoint or token"));const e=new ge(n,t);return window.sessionStore=e,e}),[n,t,r]),ve=({token:t,editor:n,zoomToContent:r=!1,handleError:a})=>{const{permissions:s}=e.useMemo((()=>{try{return me(t)}catch(e){return a(e),{}}}),[t,a]);e.useEffect((()=>{if(n?.updateInstanceState({canMoveCamera:!!r}),!s)return;const e=!s.includes("write");n?.updateInstanceState({isReadonly:e}),e&&n?.setCurrentTool("hand")}),[s,r,n])};exports.Whiteboard=function({onMount:n,endpoint:r,token:a,zoomToContent:s,transparentCanvas:o}){const[l,c]=e.useState(),d=function({endpoint:n,token:r,editor:a,shapeUtils:s=[],zoomToContent:i=!1}){const[o]=e.useState((()=>{const e=t.createTLStore({shapeUtils:[...t.defaultShapeUtils,...s]});return e.loadSnapshot(I),e})),[l,c]=e.useState(a?.getCurrentPage()),[d,h]=e.useState({status:"loading"}),u=e.useCallback((e=>{h({status:"error",error:e})}),[]),p=be({token:r,endpoint:n,handleError:u});return ve({token:r,editor:a,zoomToContent:i,handleError:u}),e.useEffect((()=>{l?.id&&a&&a.getCurrentPageId()!==l.id&&(a.getPages()?.find((e=>e.id===l.id))||a.createPage(l),a?.setCurrentPage(l))}),[l,a]),e.useEffect((()=>{if(!p)return;h({status:"loading"});const e=[];return p.open({handleChange:(e,t)=>{o.mergeRemoteChanges((()=>{if(!t)return o.remove([e]);e===ye?c(t):o.put([t])}))},handleError:u}),e.push(o.listen(t.throttle((function({changes:e}){Object.values(e.added).forEach((e=>{p.set(e.id,e)})),Object.values(e.updated).forEach((([,e])=>{p.set(e.id,e)})),Object.values(e.removed).forEach((e=>{p.delete(e.id)}))}),we),{source:"user",scope:"document"})),h({store:o,status:"synced-remote",connectionStatus:"online"}),()=>{e.forEach((e=>e())),e.length=0}}),[o,p,u]),e.useEffect((()=>{if(!a||!p)return;const e=[];return e.push(o.listen(t.debounce((({changes:e})=>{Object.keys(e.updated).forEach((e=>{if(!e.includes("instance"))return;const t=a?.getCurrentPage();t?.id!==l?.id&&(p?.set(ye,t),c(t))}))}),ke),{source:"user",scope:"session"})),()=>{e.forEach((e=>e())),e.length=0}}),[l,a,p,o]),e.useEffect((()=>{a&&a.getInstanceState()?.isReadonly&&i&&o.listen((()=>{a.zoomToFit()}),{source:"remote",scope:"document"})}),[a,o,i]),d}({endpoint:r,token:a,editor:l,zoomToContent:s});return i.default.createElement(t.Tldraw,{className:o?"transparent-canvas":"",autoFocus:!0,store:d,onMount:e=>{c(e),window.editor=e,n?.({store:d.store,editor:e})},components:{ErrorFallback:O},hideUi:l?.getInstanceState()?.isReadonly})};
 //# sourceMappingURL=index.cjs.js.map