@lexical/file 0.13.0 → 0.14.0

package/LexicalFile.dev.esm.js

@@ -0,0 +1,91 @@
+/**
+ * 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 { CLEAR_HISTORY_COMMAND } from 'lexical';
+
+var version = "0.14.0";
+
+/**
+ * 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.
+ *
+ */
+
+/**
+ * Takes a file and inputs its content into the editor state as an input field.
+ * @param editor - The lexical editor.
+ */
+function importFile(editor) {
+  readTextFileFromSystem(text => {
+    const json = JSON.parse(text);
+    const editorState = editor.parseEditorState(JSON.stringify(json.editorState));
+    editor.setEditorState(editorState);
+    editor.dispatchCommand(CLEAR_HISTORY_COMMAND, undefined);
+  });
+}
+function readTextFileFromSystem(callback) {
+  const input = document.createElement('input');
+  input.type = 'file';
+  input.accept = '.lexical';
+  input.addEventListener('change', event => {
+    const target = event.target;
+    if (target.files) {
+      const file = target.files[0];
+      const reader = new FileReader();
+      reader.readAsText(file, 'UTF-8');
+      reader.onload = readerEvent => {
+        if (readerEvent.target) {
+          const content = readerEvent.target.result;
+          callback(content);
+        }
+      };
+    }
+  });
+  input.click();
+}
+/**
+ * Generates a .lexical file to be downloaded by the browser containing the current editor state.
+ * @param editor - The lexical editor.
+ * @param config - An object that optionally contains fileName and source. fileName defaults to
+ * the current date (as a string) and source defaults to lexical.
+ */
+function exportFile(editor, config = Object.freeze({})) {
+  const now = new Date();
+  const editorState = editor.getEditorState();
+  const documentJSON = {
+    editorState: editorState,
+    lastSaved: now.getTime(),
+    source: config.source || 'Lexical',
+    version
+  };
+  const fileName = config.fileName || now.toISOString();
+  exportBlob(documentJSON, `${fileName}.lexical`);
+}
+
+// Adapted from https://stackoverflow.com/a/19328891/2013580
+function exportBlob(data, fileName) {
+  const a = document.createElement('a');
+  const body = document.body;
+  if (body === null) {
+    return;
+  }
+  body.appendChild(a);
+  a.style.display = 'none';
+  const json = JSON.stringify(data);
+  const blob = new Blob([json], {
+    type: 'octet/stream'
+  });
+  const url = window.URL.createObjectURL(blob);
+  a.href = url;
+  a.download = fileName;
+  a.click();
+  window.URL.revokeObjectURL(url);
+  a.remove();
+}
+
+export { exportFile, importFile };

package/LexicalFile.dev.js

@@ -8,7 +8,7 @@
 
 var lexical = require('lexical');
 
-var version = "0.13.0";
+var version = "0.14.0";
 
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.

package/LexicalFile.esm.js

@@ -0,0 +1,11 @@
+/**
+ * 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 modDev from './LexicalFile.dev.esm.js';
+import * as modProd from './LexicalFile.prod.esm.js';
+const mod = process.env.NODE_ENV === 'development' ? modDev : modProd;
+export const exportFile = mod.exportFile;
+export const importFile = mod.importFile;

package/LexicalFile.js

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 'use strict'
-const LexicalFile = process.env.NODE_ENV === 'development' ? require('./LexicalFile.dev.js') : require('./LexicalFile.prod.js')
+const LexicalFile = process.env.NODE_ENV === 'development' ? require('./LexicalFile.dev.js') : require('./LexicalFile.prod.js');
 module.exports = LexicalFile;

package/LexicalFile.prod.esm.js

@@ -0,0 +1,7 @@
+/**
+ * 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{CLEAR_HISTORY_COMMAND as e}from"lexical";function t(t){!function(e){const t=document.createElement("input");t.type="file",t.accept=".lexical",t.addEventListener("change",(t=>{const n=t.target;if(n.files){const t=n.files[0],o=new FileReader;o.readAsText(t,"UTF-8"),o.onload=t=>{if(t.target){const n=t.target.result;e(n)}}}})),t.click()}((n=>{const o=JSON.parse(n),i=t.parseEditorState(JSON.stringify(o.editorState));t.setEditorState(i),t.dispatchCommand(e,void 0)}))}function n(e,t=Object.freeze({})){const n=new Date;!function(e,t){const n=document.createElement("a"),o=document.body;if(null===o)return;o.appendChild(n),n.style.display="none";const i=JSON.stringify(e),c=new Blob([i],{type:"octet/stream"}),a=window.URL.createObjectURL(c);n.href=a,n.download=t,n.click(),window.URL.revokeObjectURL(a),n.remove()}({editorState:e.getEditorState(),lastSaved:n.getTime(),source:t.source||"Lexical",version:"0.14.0"},`${t.fileName||n.toISOString()}.lexical`)}export{n as exportFile,t as importFile};

package/LexicalFile.prod.js

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 'use strict';var f=require("lexical");function g(a){let c=document.createElement("input");c.type="file";c.accept=".lexical";c.addEventListener("change",b=>{b=b.target;if(b.files){b=b.files[0];let d=new FileReader;d.readAsText(b,"UTF-8");d.onload=e=>{e.target&&a(e.target.result)}}});c.click()}
-exports.exportFile=function(a,c=Object.freeze({})){var b=new Date;a={editorState:a.getEditorState(),lastSaved:b.getTime(),source:c.source||"Lexical",version:"0.13.0"};{c=`${c.fileName||b.toISOString()}.lexical`;b=document.createElement("a");let d=document.body;null!==d&&(d.appendChild(b),b.style.display="none",a=JSON.stringify(a),a=new Blob([a],{type:"octet/stream"}),a=window.URL.createObjectURL(a),b.href=a,b.download=c,b.click(),window.URL.revokeObjectURL(a),b.remove())}};
+exports.exportFile=function(a,c=Object.freeze({})){var b=new Date;a={editorState:a.getEditorState(),lastSaved:b.getTime(),source:c.source||"Lexical",version:"0.14.0"};{c=`${c.fileName||b.toISOString()}.lexical`;b=document.createElement("a");let d=document.body;null!==d&&(d.appendChild(b),b.style.display="none",a=JSON.stringify(a),a=new Blob([a],{type:"octet/stream"}),a=window.URL.createObjectURL(a),b.href=a,b.download=c,b.click(),window.URL.revokeObjectURL(a),b.remove())}};
 exports.importFile=function(a){g(c=>{c=JSON.parse(c);c=a.parseEditorState(JSON.stringify(c.editorState));a.setEditorState(c);a.dispatchCommand(f.CLEAR_HISTORY_COMMAND,void 0)})}

package/README.md

@@ -1,3 +1,5 @@
 # `@lexical/file`
 
+[![See API Documentation](https://lexical.dev/img/see-api-documentation.svg)](https://lexical.dev/docs/api/modules/lexical_file)
+
 This package contains the functionality for the file import/export feature of Lexical.

package/package.json

@@ -10,14 +10,16 @@
     "export"
   ],
   "license": "MIT",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "main": "LexicalFile.js",
   "peerDependencies": {
-    "lexical": "0.13.0"
+    "lexical": "0.14.0"
   },
   "repository": {
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/lexical-file"
-  }
+  },
+  "module": "LexicalFile.esm.js",
+  "sideEffects": false
 }