onchain-lexical-context 0.0.2 → 0.0.4

package/dist/Collaboration.js

@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+'use strict';
+
+var yWebsocket = require('y-websocket');
+var yjs = require('yjs');
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const url = new URL(window.location.href);
+const params = new URLSearchParams(url.search);
+const WEBSOCKET_ENDPOINT = params.get('collabEndpoint') || 'ws://localhost:1234';
+const WEBSOCKET_SLUG = 'playground';
+const WEBSOCKET_ID = params.get('collabId') || '0';
+
+// parent dom -> child doc
+function createWebsocketProvider(id, yjsDocMap) {
+  let doc = yjsDocMap.get(id);
+  if (doc === undefined) {
+    doc = new yjs.Doc();
+    yjsDocMap.set(id, doc);
+  } else {
+    doc.load();
+  }
+
+  // @ts-expect-error
+  return new yWebsocket.WebsocketProvider(WEBSOCKET_ENDPOINT, WEBSOCKET_SLUG + '/' + WEBSOCKET_ID + '/' + id, doc, {
+    connect: false
+  });
+}
+
+exports.createWebsocketProvider = createWebsocketProvider;

package/dist/Collaboration.mjs

@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { WebsocketProvider } from 'y-websocket';
+import { Doc } from 'yjs';
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const url = new URL(window.location.href);
+const params = new URLSearchParams(url.search);
+const WEBSOCKET_ENDPOINT = params.get('collabEndpoint') || 'ws://localhost:1234';
+const WEBSOCKET_SLUG = 'playground';
+const WEBSOCKET_ID = params.get('collabId') || '0';
+
+// parent dom -> child doc
+function createWebsocketProvider(id, yjsDocMap) {
+  let doc = yjsDocMap.get(id);
+  if (doc === undefined) {
+    doc = new Doc();
+    yjsDocMap.set(id, doc);
+  } else {
+    doc.load();
+  }
+
+  // @ts-expect-error
+  return new WebsocketProvider(WEBSOCKET_ENDPOINT, WEBSOCKET_SLUG + '/' + WEBSOCKET_ID + '/' + id, doc, {
+    connect: false
+  });
+}
+
+export { createWebsocketProvider };

package/dist/FlashMessage.js

@@ -0,0 +1,56 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+'use strict';
+
+var FlashMessage = require('onchain-lexical-ui/FlashMessage');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const Context = /*#__PURE__*/react.createContext(undefined);
+const INITIAL_STATE = {};
+const DEFAULT_DURATION = 1000;
+const FlashMessageContext = ({
+  children
+}) => {
+  const [props, setProps] = react.useState(INITIAL_STATE);
+  const showFlashMessage = react.useCallback((message, duration) => setProps(message ? {
+    duration,
+    message
+  } : INITIAL_STATE), []);
+  react.useEffect(() => {
+    if (props.message) {
+      const timeoutId = setTimeout(() => setProps(INITIAL_STATE), props.duration ?? DEFAULT_DURATION);
+      return () => clearTimeout(timeoutId);
+    }
+  }, [props]);
+  return /*#__PURE__*/jsxRuntime.jsxs(Context.Provider, {
+    value: showFlashMessage,
+    children: [children, props.message && /*#__PURE__*/jsxRuntime.jsx(FlashMessage, {
+      children: props.message
+    })]
+  });
+};
+const useFlashMessageContext = () => {
+  const ctx = react.useContext(Context);
+  if (!ctx) {
+    throw new Error('Missing FlashMessageContext');
+  }
+  return ctx;
+};
+
+exports.FlashMessageContext = FlashMessageContext;
+exports.useFlashMessageContext = useFlashMessageContext;

package/dist/FlashMessage.mjs

@@ -0,0 +1,53 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import FlashMessage from 'onchain-lexical-ui/FlashMessage';
+import { useState, useCallback, useEffect, createContext, useContext } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const Context = /*#__PURE__*/createContext(undefined);
+const INITIAL_STATE = {};
+const DEFAULT_DURATION = 1000;
+const FlashMessageContext = ({
+  children
+}) => {
+  const [props, setProps] = useState(INITIAL_STATE);
+  const showFlashMessage = useCallback((message, duration) => setProps(message ? {
+    duration,
+    message
+  } : INITIAL_STATE), []);
+  useEffect(() => {
+    if (props.message) {
+      const timeoutId = setTimeout(() => setProps(INITIAL_STATE), props.duration ?? DEFAULT_DURATION);
+      return () => clearTimeout(timeoutId);
+    }
+  }, [props]);
+  return /*#__PURE__*/jsxs(Context.Provider, {
+    value: showFlashMessage,
+    children: [children, props.message && /*#__PURE__*/jsx(FlashMessage, {
+      children: props.message
+    })]
+  });
+};
+const useFlashMessageContext = () => {
+  const ctx = useContext(Context);
+  if (!ctx) {
+    throw new Error('Missing FlashMessageContext');
+  }
+  return ctx;
+};
+
+export { FlashMessageContext, useFlashMessageContext };

package/dist/InstanceConfig.js

@@ -0,0 +1,59 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+'use strict';
+
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    for (var k in e) {
+      n[k] = e[k];
+    }
+  }
+  n.default = e;
+  return n;
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+const Context = /*#__PURE__*/React.createContext({});
+const InstanceConfigContext = ({
+  children,
+  value
+}) => {
+  const [selectedInstance, setSelectedInstance] = React__namespace.useState([]);
+  const [instanceMap, setInstanceMap] = React__namespace.useState(new Map());
+  return /*#__PURE__*/jsxRuntime.jsx(Context.Provider, {
+    value: {
+      ...value,
+      instanceMap,
+      selectedInstance,
+      setInstanceMap,
+      setSelectedInstance
+    },
+    children: children
+  });
+};
+const useInstanceConfig = () => {
+  return React.useContext(Context);
+};
+
+exports.InstanceConfigContext = InstanceConfigContext;
+exports.useInstanceConfig = useInstanceConfig;

package/dist/InstanceConfig.mjs

@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import * as React from 'react';
+import { createContext, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+const Context = /*#__PURE__*/createContext({});
+const InstanceConfigContext = ({
+  children,
+  value
+}) => {
+  const [selectedInstance, setSelectedInstance] = React.useState([]);
+  const [instanceMap, setInstanceMap] = React.useState(new Map());
+  return /*#__PURE__*/jsx(Context.Provider, {
+    value: {
+      ...value,
+      instanceMap,
+      selectedInstance,
+      setInstanceMap,
+      setSelectedInstance
+    },
+    children: children
+  });
+};
+const useInstanceConfig = () => {
+  return useContext(Context);
+};
+
+export { InstanceConfigContext, useInstanceConfig };

package/dist/OnchainLexicalContext.js

@@ -0,0 +1,138 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+'use strict';
+
+var base64 = require('onchain-utility/base64');
+var traversal = require('onchain-utility/traversal');
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const DEFAULT_SETTINGS = {
+  disableBeforeInput: false,
+  emptyEditor: VITE_IS_DEVELOPMENT,
+  hasLinkAttributes: false,
+  isAutocomplete: false,
+  isCharLimit: false,
+  isCharLimitUtf8: false,
+  isCollab: false,
+  isMaxLength: false,
+  isRichText: true,
+  listStrictIndent: false,
+  measureTypingPerf: false,
+  selectionAlwaysOnDisplay: false,
+  shouldAllowHighlightingWithBrackets: false,
+  shouldPreserveNewLinesInMarkdown: false,
+  shouldUseLexicalContextMenu: false,
+  showNestedEditorTreeView: false,
+  showTableOfContents: false,
+  tableCellBackgroundColor: true,
+  tableCellMerge: true,
+  tableHorizontalScroll: true
+};
+
+// These are mutated in setupEnv
+const INITIAL_SETTINGS = {
+  ...DEFAULT_SETTINGS
+};
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const uploadMap = new Map();
+const base64SrcMap = new Map();
+function deleteUpload(nodeKey) {
+  return base64SrcMap.delete(nodeKey);
+}
+function getUpload(nodeKey) {
+  const base64Src = base64SrcMap.get(nodeKey);
+  if (base64Src) {
+    return uploadMap.get(base64Src);
+  } else {
+    return undefined;
+  }
+}
+function hasUpload(nodeKey) {
+  const base64Src = base64SrcMap.get(nodeKey);
+  if (base64Src) {
+    return uploadMap.has(base64Src);
+  } else {
+    return false;
+  }
+}
+function upload({
+  nodeKey,
+  src,
+  hasError,
+  uploadFiles
+}) {
+  const {
+    type,
+    suffix
+  } = base64.base64ToMimeType(src);
+  if (!hasError && type && suffix) {
+    const _upload = () => {
+      const result = uploadFiles([{
+        suffix,
+        text: src,
+        type
+      }]);
+      base64SrcMap.set(nodeKey, src);
+      uploadMap.set(src, {
+        result,
+        upload: _upload
+      });
+      return result;
+    };
+    if (!uploadMap.has(src)) {
+      _upload();
+    } else {
+      base64SrcMap.set(nodeKey, src);
+    }
+  }
+}
+async function markdownBase64StringToUpLoadUrl(markdown) {
+  const base64Regular = base64.getBase64Regular();
+  const base64List = Array.from(markdown.match(base64Regular) || []);
+  for (const base64 of base64List) {
+    if (uploadMap.has(base64)) {
+      markdown = markdown.replace(base64, (await uploadMap.get(base64).result)[0]);
+    }
+  }
+  return markdown;
+}
+async function jsonBase64StringToUpLoadUrl(node) {
+  await traversal.asyncDfs([node], async node => {
+    const src = node.src;
+    if (src && uploadMap.has(src)) {
+      node.src = (await uploadMap.get(src).result)[0];
+    }
+    return node.children || [];
+  });
+  return node;
+}
+
+exports.DEFAULT_SETTINGS = DEFAULT_SETTINGS;
+exports.INITIAL_SETTINGS = INITIAL_SETTINGS;
+exports.deleteUpload = deleteUpload;
+exports.getUpload = getUpload;
+exports.hasUpload = hasUpload;
+exports.jsonBase64StringToUpLoadUrl = jsonBase64StringToUpLoadUrl;
+exports.markdownBase64StringToUpLoadUrl = markdownBase64StringToUpLoadUrl;
+exports.upload = upload;

package/dist/OnchainLexicalContext.mjs

@@ -0,0 +1,129 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { base64ToMimeType, getBase64Regular } from 'onchain-utility/base64';
+import { asyncDfs } from 'onchain-utility/traversal';
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const DEFAULT_SETTINGS = {
+  disableBeforeInput: false,
+  emptyEditor: VITE_IS_DEVELOPMENT,
+  hasLinkAttributes: false,
+  isAutocomplete: false,
+  isCharLimit: false,
+  isCharLimitUtf8: false,
+  isCollab: false,
+  isMaxLength: false,
+  isRichText: true,
+  listStrictIndent: false,
+  measureTypingPerf: false,
+  selectionAlwaysOnDisplay: false,
+  shouldAllowHighlightingWithBrackets: false,
+  shouldPreserveNewLinesInMarkdown: false,
+  shouldUseLexicalContextMenu: false,
+  showNestedEditorTreeView: false,
+  showTableOfContents: false,
+  tableCellBackgroundColor: true,
+  tableCellMerge: true,
+  tableHorizontalScroll: true
+};
+
+// These are mutated in setupEnv
+const INITIAL_SETTINGS = {
+  ...DEFAULT_SETTINGS
+};
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const uploadMap = new Map();
+const base64SrcMap = new Map();
+function deleteUpload(nodeKey) {
+  return base64SrcMap.delete(nodeKey);
+}
+function getUpload(nodeKey) {
+  const base64Src = base64SrcMap.get(nodeKey);
+  if (base64Src) {
+    return uploadMap.get(base64Src);
+  } else {
+    return undefined;
+  }
+}
+function hasUpload(nodeKey) {
+  const base64Src = base64SrcMap.get(nodeKey);
+  if (base64Src) {
+    return uploadMap.has(base64Src);
+  } else {
+    return false;
+  }
+}
+function upload({
+  nodeKey,
+  src,
+  hasError,
+  uploadFiles
+}) {
+  const {
+    type,
+    suffix
+  } = base64ToMimeType(src);
+  if (!hasError && type && suffix) {
+    const _upload = () => {
+      const result = uploadFiles([{
+        suffix,
+        text: src,
+        type
+      }]);
+      base64SrcMap.set(nodeKey, src);
+      uploadMap.set(src, {
+        result,
+        upload: _upload
+      });
+      return result;
+    };
+    if (!uploadMap.has(src)) {
+      _upload();
+    } else {
+      base64SrcMap.set(nodeKey, src);
+    }
+  }
+}
+async function markdownBase64StringToUpLoadUrl(markdown) {
+  const base64Regular = getBase64Regular();
+  const base64List = Array.from(markdown.match(base64Regular) || []);
+  for (const base64 of base64List) {
+    if (uploadMap.has(base64)) {
+      markdown = markdown.replace(base64, (await uploadMap.get(base64).result)[0]);
+    }
+  }
+  return markdown;
+}
+async function jsonBase64StringToUpLoadUrl(node) {
+  await asyncDfs([node], async node => {
+    const src = node.src;
+    if (src && uploadMap.has(src)) {
+      node.src = (await uploadMap.get(src).result)[0];
+    }
+    return node.children || [];
+  });
+  return node;
+}
+
+export { DEFAULT_SETTINGS, INITIAL_SETTINGS, deleteUpload, getUpload, hasUpload, jsonBase64StringToUpLoadUrl, markdownBase64StringToUpLoadUrl, upload };

package/dist/Settings.js

@@ -0,0 +1,105 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const DEFAULT_SETTINGS = {
+  disableBeforeInput: false,
+  emptyEditor: VITE_IS_DEVELOPMENT,
+  hasLinkAttributes: false,
+  isAutocomplete: false,
+  isCharLimit: false,
+  isCharLimitUtf8: false,
+  isCollab: false,
+  isMaxLength: false,
+  isRichText: true,
+  listStrictIndent: false,
+  measureTypingPerf: false,
+  selectionAlwaysOnDisplay: false,
+  shouldAllowHighlightingWithBrackets: false,
+  shouldPreserveNewLinesInMarkdown: false,
+  shouldUseLexicalContextMenu: false,
+  showNestedEditorTreeView: false,
+  showTableOfContents: false,
+  tableCellBackgroundColor: true,
+  tableCellMerge: true,
+  tableHorizontalScroll: true
+};
+
+// These are mutated in setupEnv
+const INITIAL_SETTINGS = {
+  ...DEFAULT_SETTINGS
+};
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const Context = /*#__PURE__*/react.createContext({
+  extra: {},
+  setOption: (name, value) => {
+    return;
+  },
+  settings: INITIAL_SETTINGS
+});
+const SettingsContext = ({
+  children,
+  extra
+}) => {
+  const [settings, setSettings] = react.useState(INITIAL_SETTINGS);
+  const setOption = react.useCallback((setting, value) => {
+    setSettings(options => ({
+      ...options,
+      [setting]: value
+    }));
+    setURLParam(setting, value);
+  }, []);
+  const contextValue = react.useMemo(() => {
+    return {
+      extra,
+      setOption,
+      settings
+    };
+  }, [setOption, settings, extra]);
+  return /*#__PURE__*/jsxRuntime.jsx(Context.Provider, {
+    value: contextValue,
+    children: children
+  });
+};
+const useSettings = () => {
+  return react.useContext(Context);
+};
+function setURLParam(param, value) {
+  const url = new URL(window.location.href);
+  const params = new URLSearchParams(url.search);
+  if (value !== DEFAULT_SETTINGS[param]) {
+    params.set(param, String(value));
+  } else {
+    params.delete(param);
+  }
+  url.search = params.toString();
+  window.history.pushState(null, '', url.toString());
+}
+
+exports.SettingsContext = SettingsContext;
+exports.useSettings = useSettings;

package/dist/Settings.mjs

@@ -0,0 +1,102 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { useState, useCallback, useMemo, createContext, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const DEFAULT_SETTINGS = {
+  disableBeforeInput: false,
+  emptyEditor: VITE_IS_DEVELOPMENT,
+  hasLinkAttributes: false,
+  isAutocomplete: false,
+  isCharLimit: false,
+  isCharLimitUtf8: false,
+  isCollab: false,
+  isMaxLength: false,
+  isRichText: true,
+  listStrictIndent: false,
+  measureTypingPerf: false,
+  selectionAlwaysOnDisplay: false,
+  shouldAllowHighlightingWithBrackets: false,
+  shouldPreserveNewLinesInMarkdown: false,
+  shouldUseLexicalContextMenu: false,
+  showNestedEditorTreeView: false,
+  showTableOfContents: false,
+  tableCellBackgroundColor: true,
+  tableCellMerge: true,
+  tableHorizontalScroll: true
+};
+
+// These are mutated in setupEnv
+const INITIAL_SETTINGS = {
+  ...DEFAULT_SETTINGS
+};
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const Context = /*#__PURE__*/createContext({
+  extra: {},
+  setOption: (name, value) => {
+    return;
+  },
+  settings: INITIAL_SETTINGS
+});
+const SettingsContext = ({
+  children,
+  extra
+}) => {
+  const [settings, setSettings] = useState(INITIAL_SETTINGS);
+  const setOption = useCallback((setting, value) => {
+    setSettings(options => ({
+      ...options,
+      [setting]: value
+    }));
+    setURLParam(setting, value);
+  }, []);
+  const contextValue = useMemo(() => {
+    return {
+      extra,
+      setOption,
+      settings
+    };
+  }, [setOption, settings, extra]);
+  return /*#__PURE__*/jsx(Context.Provider, {
+    value: contextValue,
+    children: children
+  });
+};
+const useSettings = () => {
+  return useContext(Context);
+};
+function setURLParam(param, value) {
+  const url = new URL(window.location.href);
+  const params = new URLSearchParams(url.search);
+  if (value !== DEFAULT_SETTINGS[param]) {
+    params.set(param, String(value));
+  } else {
+    params.delete(param);
+  }
+  url.search = params.toString();
+  window.history.pushState(null, '', url.toString());
+}
+
+export { SettingsContext, useSettings };

package/dist/SharedHistory.js

@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+'use strict';
+
+var LexicalHistoryPlugin = require('@lexical/react/LexicalHistoryPlugin');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const Context = /*#__PURE__*/react.createContext({});
+const SharedHistoryContext = ({
+  children
+}) => {
+  const historyContext = react.useMemo(() => ({
+    historyState: LexicalHistoryPlugin.createEmptyHistoryState()
+  }), []);
+  return /*#__PURE__*/jsxRuntime.jsx(Context.Provider, {
+    value: historyContext,
+    children: children
+  });
+};
+const useSharedHistoryContext = () => {
+  return react.useContext(Context);
+};
+
+exports.SharedHistoryContext = SharedHistoryContext;
+exports.useSharedHistoryContext = useSharedHistoryContext;

package/dist/SharedHistory.mjs

@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { createEmptyHistoryState } from '@lexical/react/LexicalHistoryPlugin';
+import { useMemo, createContext, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const Context = /*#__PURE__*/createContext({});
+const SharedHistoryContext = ({
+  children
+}) => {
+  const historyContext = useMemo(() => ({
+    historyState: createEmptyHistoryState()
+  }), []);
+  return /*#__PURE__*/jsx(Context.Provider, {
+    value: historyContext,
+    children: children
+  });
+};
+const useSharedHistoryContext = () => {
+  return useContext(Context);
+};
+
+export { SharedHistoryContext, useSharedHistoryContext };

package/dist/ToolBar.js

@@ -0,0 +1,115 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const MIN_ALLOWED_FONT_SIZE = 8;
+const MAX_ALLOWED_FONT_SIZE = 72;
+const DEFAULT_FONT_SIZE = 15;
+const blockTypeToBlockName = {
+  Paragraph: '正文',
+  Quote: '引用',
+  bullet: '列表',
+  check: '待办列表',
+  code: '代码块',
+  h1: '标题 1',
+  h2: '标题 2',
+  h3: '标题 3',
+  h4: '标题 4',
+  h5: '标题 5',
+  h6: '标题 6',
+  number: '列表',
+  paragraph: '正文',
+  quote: '引用'
+};
+
+//disable eslint sorting rule for quick reference to toolbar state
+/* eslint-disable sort-keys-fix/sort-keys-fix */
+const INITIAL_TOOLBAR_STATE = {
+  bgColor: '#fff',
+  blockType: 'Paragraph',
+  canRedo: false,
+  canUndo: false,
+  codeLanguage: '',
+  elementFormat: 'left',
+  fontColor: '#000',
+  fontFamily: 'Arial',
+  // Current font size in px
+  fontSize: `${DEFAULT_FONT_SIZE}px`,
+  // Font size input value - for controlled input
+  fontSizeInputValue: `${DEFAULT_FONT_SIZE}`,
+  isBold: false,
+  isCode: false,
+  isHighlight: false,
+  isImageCaption: false,
+  isItalic: false,
+  isLink: false,
+  isRTL: false,
+  isStrikethrough: false,
+  isSubscript: false,
+  isSuperscript: false,
+  isUnderline: false,
+  isLowercase: false,
+  isUppercase: false,
+  isCapitalize: false,
+  rootType: 'root'
+};
+
+// Utility type to get keys and infer value types
+
+const Context = /*#__PURE__*/react.createContext(undefined);
+const ToolbarContext = ({
+  children
+}) => {
+  const [toolbarState, setToolbarState] = react.useState(INITIAL_TOOLBAR_STATE);
+  const selectionFontSize = toolbarState.fontSize;
+  const updateToolbarState = react.useCallback((key, value) => {
+    setToolbarState(prev => ({
+      ...prev,
+      [key]: value
+    }));
+  }, []);
+  react.useEffect(() => {
+    updateToolbarState('fontSizeInputValue', selectionFontSize.slice(0, -2));
+  }, [selectionFontSize, updateToolbarState]);
+  const contextValue = react.useMemo(() => {
+    return {
+      toolbarState,
+      updateToolbarState
+    };
+  }, [toolbarState, updateToolbarState]);
+  return /*#__PURE__*/jsxRuntime.jsx(Context.Provider, {
+    value: contextValue,
+    children: children
+  });
+};
+const useToolbarState = () => {
+  const context = react.useContext(Context);
+  if (context === undefined) {
+    throw new Error('useToolbarState must be used within a ToolbarProvider');
+  }
+  return context;
+};
+
+exports.DEFAULT_FONT_SIZE = DEFAULT_FONT_SIZE;
+exports.MAX_ALLOWED_FONT_SIZE = MAX_ALLOWED_FONT_SIZE;
+exports.MIN_ALLOWED_FONT_SIZE = MIN_ALLOWED_FONT_SIZE;
+exports.ToolbarContext = ToolbarContext;
+exports.blockTypeToBlockName = blockTypeToBlockName;
+exports.useToolbarState = useToolbarState;

package/dist/ToolBar.mjs

@@ -0,0 +1,108 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { useState, useCallback, useEffect, useMemo, createContext, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const MIN_ALLOWED_FONT_SIZE = 8;
+const MAX_ALLOWED_FONT_SIZE = 72;
+const DEFAULT_FONT_SIZE = 15;
+const blockTypeToBlockName = {
+  Paragraph: '正文',
+  Quote: '引用',
+  bullet: '列表',
+  check: '待办列表',
+  code: '代码块',
+  h1: '标题 1',
+  h2: '标题 2',
+  h3: '标题 3',
+  h4: '标题 4',
+  h5: '标题 5',
+  h6: '标题 6',
+  number: '列表',
+  paragraph: '正文',
+  quote: '引用'
+};
+
+//disable eslint sorting rule for quick reference to toolbar state
+/* eslint-disable sort-keys-fix/sort-keys-fix */
+const INITIAL_TOOLBAR_STATE = {
+  bgColor: '#fff',
+  blockType: 'Paragraph',
+  canRedo: false,
+  canUndo: false,
+  codeLanguage: '',
+  elementFormat: 'left',
+  fontColor: '#000',
+  fontFamily: 'Arial',
+  // Current font size in px
+  fontSize: `${DEFAULT_FONT_SIZE}px`,
+  // Font size input value - for controlled input
+  fontSizeInputValue: `${DEFAULT_FONT_SIZE}`,
+  isBold: false,
+  isCode: false,
+  isHighlight: false,
+  isImageCaption: false,
+  isItalic: false,
+  isLink: false,
+  isRTL: false,
+  isStrikethrough: false,
+  isSubscript: false,
+  isSuperscript: false,
+  isUnderline: false,
+  isLowercase: false,
+  isUppercase: false,
+  isCapitalize: false,
+  rootType: 'root'
+};
+
+// Utility type to get keys and infer value types
+
+const Context = /*#__PURE__*/createContext(undefined);
+const ToolbarContext = ({
+  children
+}) => {
+  const [toolbarState, setToolbarState] = useState(INITIAL_TOOLBAR_STATE);
+  const selectionFontSize = toolbarState.fontSize;
+  const updateToolbarState = useCallback((key, value) => {
+    setToolbarState(prev => ({
+      ...prev,
+      [key]: value
+    }));
+  }, []);
+  useEffect(() => {
+    updateToolbarState('fontSizeInputValue', selectionFontSize.slice(0, -2));
+  }, [selectionFontSize, updateToolbarState]);
+  const contextValue = useMemo(() => {
+    return {
+      toolbarState,
+      updateToolbarState
+    };
+  }, [toolbarState, updateToolbarState]);
+  return /*#__PURE__*/jsx(Context.Provider, {
+    value: contextValue,
+    children: children
+  });
+};
+const useToolbarState = () => {
+  const context = useContext(Context);
+  if (context === undefined) {
+    throw new Error('useToolbarState must be used within a ToolbarProvider');
+  }
+  return context;
+};
+
+export { DEFAULT_FONT_SIZE, MAX_ALLOWED_FONT_SIZE, MIN_ALLOWED_FONT_SIZE, ToolbarContext, blockTypeToBlockName, useToolbarState };

package/package.json

@@ -1,15 +1,19 @@
 {
   "name": "onchain-lexical-context",
   "license": "MIT",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "dependencies": {
     "@lexical/react": "^0.30.0",
     "@lexical/yjs": "^0.30.0",
     "lexical": "0.30.0",
-    "onchain-lexical-ui": "^0.0.2",
-    "onchain-utility": "^0.0.3",
+    "onchain-lexical-ui": "^0.0.4",
+    "onchain-utility": "^0.0.5",
     "y-websocket": "^1.5.4"
   },
+  "files": [
+    "dist",
+    "src"
+  ],
   "exports": {
     ".": {
       "import": {

package/src/types.d.ts

@@ -30,6 +30,7 @@ export interface BuiltInInstanceConfig {
 
 export interface InstanceConfigLet {
   loading: boolean;
+  verifyPermissions: boolean;
   table: React.MutableRefObject<{
     initSerializedData: string;
     cancelModification?: () => void;
@@ -39,6 +40,9 @@ export interface InstanceConfig {
   namespace: string;
   icl: InstanceConfigLet;
   setIcl(params: Partial<InstanceConfigLet>): void;
+  components?: {
+    TrackLinkList?: (props: {number: string}) => JSX.Element;
+  };
   preview?: boolean;
   getInstanceIcon: (objectApicode: string) => string;
   uploadFiles(