@crystallize/design-system 1.6.1 → 1.7.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @crystallize/design-system
 
+## 1.7.0
+
+### Minor Changes
+
+- 6739bf9: Added "Copy JSON" action menu option. This will copy the JSON AST to the clipboard.
+
 ## 1.6.1
 
 ### Patch Changes

package/dist/index.js

@@ -8464,7 +8464,15 @@ init_TablePlugin();
 var import_lexical24 = require("lexical");
 var import_LexicalComposerContext16 = require("@lexical/react/LexicalComposerContext");
 var import_jsx_runtime91 = require("react/jsx-runtime");
-async function exportFile(editor) {
+async function copyJson(editor) {
+  const json = lexicalToCrystallizeRichText({ editorState: editor.getEditorState() });
+  try {
+    await navigator.clipboard.writeText(JSON.stringify(json, null, 1));
+  } catch (error) {
+    console.warn("Copy failed", error);
+  }
+}
+async function exportJson(editor) {
   const json = lexicalToCrystallizeRichText({ editorState: editor.getEditorState() });
   const blob = new Blob([JSON.stringify(json, null, 1)], {
     type: "application/json"
@@ -8495,8 +8503,12 @@ function ActionsPlugin({
             children: actionItem.title
           }, actionItem.title)),
           /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ActionMenu.Item, {
-            onSelect: () => exportFile(editor),
-            children: "Export to JSON"
+            onSelect: () => copyJson(editor),
+            children: "Copy JSON"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ActionMenu.Item, {
+            onSelect: () => exportJson(editor),
+            children: "Export JSON"
           }),
           /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ActionMenu.Item, {
             className: "danger",

package/dist/index.mjs

@@ -6355,7 +6355,15 @@ import {
 import { CLEAR_EDITOR_COMMAND } from "lexical";
 import { useLexicalComposerContext as useLexicalComposerContext14 } from "@lexical/react/LexicalComposerContext";
 import { jsx as jsx82, jsxs as jsxs63 } from "react/jsx-runtime";
-async function exportFile(editor) {
+async function copyJson(editor) {
+  const json = lexicalToCrystallizeRichText({ editorState: editor.getEditorState() });
+  try {
+    await navigator.clipboard.writeText(JSON.stringify(json, null, 1));
+  } catch (error) {
+    console.warn("Copy failed", error);
+  }
+}
+async function exportJson(editor) {
   const json = lexicalToCrystallizeRichText({ editorState: editor.getEditorState() });
   const blob = new Blob([JSON.stringify(json, null, 1)], {
     type: "application/json"
@@ -6386,8 +6394,12 @@ function ActionsPlugin({
             children: actionItem.title
           }, actionItem.title)),
           /* @__PURE__ */ jsx82(ActionMenu.Item, {
-            onSelect: () => exportFile(editor),
-            children: "Export to JSON"
+            onSelect: () => copyJson(editor),
+            children: "Copy JSON"
+          }),
+          /* @__PURE__ */ jsx82(ActionMenu.Item, {
+            onSelect: () => exportJson(editor),
+            children: "Export JSON"
           }),
           /* @__PURE__ */ jsx82(ActionMenu.Item, {
             className: "danger",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystallize/design-system",
-  "version": "1.6.1",
+  "version": "1.7.0",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/rich-text-editor/plugins/ActionsPlugin/index.tsx

@@ -14,7 +14,17 @@ import { ActionMenu } from '../../../action-menu';
 import { lexicalToCrystallizeRichText } from '../../model/lexical-to-crystallize';
 import type { CrystallizeRichTextActionMenuItem } from '../../types/types';
 
-async function exportFile(editor: LexicalEditor) {
+async function copyJson(editor: LexicalEditor) {
+  const json = lexicalToCrystallizeRichText({ editorState: editor.getEditorState() });
+
+  try {
+    await navigator.clipboard.writeText(JSON.stringify(json, null, 1));
+  } catch (error) {
+    console.warn('Copy failed', error);
+  }
+}
+
+async function exportJson(editor: LexicalEditor) {
   const json = lexicalToCrystallizeRichText({ editorState: editor.getEditorState() });
 
   const blob = new Blob([JSON.stringify(json, null, 1)], {
@@ -56,7 +66,8 @@ export default function ActionsPlugin({
                 {actionItem.title}
               </ActionMenu.Item>
             ))}
-        <ActionMenu.Item onSelect={() => exportFile(editor)}>Export to JSON</ActionMenu.Item>
+        <ActionMenu.Item onSelect={() => copyJson(editor)}>Copy JSON</ActionMenu.Item>
+        <ActionMenu.Item onSelect={() => exportJson(editor)}>Export JSON</ActionMenu.Item>
         <ActionMenu.Item
           className="danger"
           onSelect={() => {