Updated Excalidraw to v0.17

nienow · Apr 25, 2024 · 063c35a · 063c35a
1 parent 5afc4c3
commit 063c35a
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 12 deletions.
diff --git a/package.json b/package.json
@@ -7,7 +7,7 @@
     "preview": "live-server --cors dist/"
   },
   "dependencies": {
-    "@excalidraw/excalidraw": "^0.15.3",
+    "@excalidraw/excalidraw": "^0.17.6",
     "react": "^18.3.0",
     "react-dom": "^18.3.0",
     "sn-extension-api": "0.3.2"

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/Editor.tsx b/src/components/Editor.tsx
@@ -1,10 +1,9 @@
-import React, {useRef} from 'react';
+import React from 'react';
 import {Excalidraw, getSceneVersion} from "@excalidraw/excalidraw";
 import {useEditor} from "../providers/EditorProvider";
 
 const Editor = () => {
   const {data, saveNote, isLocked} = useEditor();
-  const el = useRef();
   let lastVersion = getSceneVersion(data.elements);
   let libraryCnt = data.libraryItems?.length || 0;
 
@@ -22,12 +21,12 @@ const Editor = () => {
       if (Object.keys(files).length !== 0) {
         //non empty files
         data.files = files;
-      } 
+      }
 
       // if (Object.keys(appState).length !== 0) {
       //   //non empty appState
       //   data.appState = appState;
-      // } 
+      // }
       saveNote();
     }
   };
@@ -43,10 +42,10 @@ const Editor = () => {
 
   return (
     <div className="main">
-      <Excalidraw ref={el} key={Math.random()} initialData={data} theme={'dark'} onChange={onChange} onLibraryChange={onLibraryChange}
+      <Excalidraw key={Math.random()} initialData={data} theme={'dark'} onChange={onChange} onLibraryChange={onLibraryChange}
                   viewModeEnabled={isLocked} UIOptions={UIOptions}/>
     </div>
   );
-}
+};
 
-export default Editor
+export default Editor;
diff --git a/webpack.config.js b/webpack.config.js
@@ -1,6 +1,7 @@
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const CopyPlugin = require("copy-webpack-plugin");
 const ZipPlugin = require('zip-webpack-plugin');
+const webpack = require('webpack');
 
 const PACKAGE = require('./package.json');
 const version = PACKAGE.version;
@@ -64,6 +65,9 @@ module.exports = (env, argv) => ({
     }
   },
   plugins: [
+    new webpack.DefinePlugin({
+      "process.env.IS_PREACT": JSON.stringify("false")
+    }),
     new HtmlWebpackPlugin({
       filename: "index.html",
       template: "./src/index.html",