@vonaffenfels/contentful-slate-editor 1.0.50 → 1.0.52

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vonaffenfels/contentful-slate-editor",
-    "version": "1.0.50",
+    "version": "1.0.52",
     "scripts": {
         "prepublish": "yarn run build",
         "dev": "yarn run start",
@@ -46,7 +46,8 @@
         "tailwindcss": "3.3.2",
         "url-loader": "^4.1.1",
         "webpack-cli": "^4.6.0",
-        "webpack-dev-server": "^4.0.0-beta.2"
+        "webpack-dev-server": "^4.0.0-beta.2",
+        "webpack-watch-files-plugin": "^1.2.1"
     },
     "devDependencies": {
         "@babel/core": "^7.20.12",
@@ -86,13 +87,14 @@
         "tailwindcss": "3.3.2",
         "url-loader": "^4.1.1",
         "webpack-cli": "^4.6.0",
-        "webpack-dev-server": "^4.0.0-beta.2"
+        "webpack-dev-server": "^4.0.0-beta.2",
+        "webpack-watch-files-plugin": "^1.2.1"
     },
     "dependencies": {
-        "@vonaffenfels/slate-editor": "^1.0.49",
+        "@vonaffenfels/slate-editor": "^1.0.52",
         "webpack": "5.88.2"
     },
-    "gitHead": "800ba160fefb3a90d11d3836b3946d52f2ba0ba6",
+    "gitHead": "41eb9767f8c80645382c0d77eae03bcefaac6fe4",
     "publishConfig": {
         "access": "public"
     }

package/src/components/EditorField.js

@@ -92,12 +92,6 @@ const EditorField = ({
         return detatchValueChangeHandler;
     }, [portal, locale]);
 
-    const fakeActiveContent = {};
-    for (let field in entrySdk.fields) {
-        fakeActiveContent.sys = entrySdk.getSys();
-        fakeActiveContent[field] = entrySdk.fields[field].getValue();
-    }
-
     const executeLoader = async (block, attributes) => {
         let loaderResult = {};
 

package/src/components/Field.js

@@ -5,6 +5,7 @@ import Renderer from "@vonaffenfels/slate-editor/dist/Renderer";
 import componentLoader from "@vonaffenfels/slate-editor/componentLoader.js";
 
 const FIELD_HEIGHT = 300;
+let _interval;
 
 const Field = ({
     sdk,
@@ -42,7 +43,8 @@ const Field = ({
     const handleValueChanged = value => {
         setValue(value);
 
-        setInterval(() => {
+        clearInterval(_interval);
+        _interval = setInterval(() => {
             if (wrapperRef.current) {
                 sdk.window.updateHeight(wrapperRef.current.clientHeight);
             }

package/webpack.config.js

@@ -4,6 +4,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
 const webpack = require("webpack");
 const {readFileSync} = require("fs");
 const {CleanWebpackPlugin} = require('clean-webpack-plugin');
+const slateEditorBase = require.resolve("@vonaffenfels/slate-editor").replace("index.js", "");
 
 module.exports = ({
     outPath = path.resolve(__dirname, 'dist'),
@@ -19,6 +20,15 @@ module.exports = ({
     },
     transpilePaths = [],
 }) => {
+
+
+    let fullTranspilePaths = [
+        path.resolve(__dirname, 'src'),
+        relativePathToComponents,
+        ...transpilePaths,
+        slateEditorBase,
+    ]
+
     return {
         mode: 'production',
         entry: {index: './src/index.js'},
@@ -58,11 +68,7 @@ module.exports = ({
                 },
                 {
                     test: /\.js$/,
-                    include: [
-                        path.resolve(__dirname, 'src'),
-                        relativePathToComponents,
-                        ...transpilePaths,
-                    ],
+                    include: fullTranspilePaths,
                     use: [
                         {
                             loader: 'babel-loader',
@@ -72,11 +78,7 @@ module.exports = ({
                 },
                 {
                     test: /\.s[ac]ss$/i,
-                    include: [
-                        path.resolve(__dirname, 'src', 'scss'),
-                        relativePathToComponents,
-                        ...transpilePaths,
-                    ],
+                    include: fullTranspilePaths,
                     use: [
                         "style-loader",
                         {
@@ -158,9 +160,8 @@ module.exports = ({
             new CleanWebpackPlugin(),
             new HtmlWebpackPlugin({template: path.join(__dirname, 'src', 'index.html')}),
             new MiniCssExtractPlugin({}),
-            new webpack.DefinePlugin({
-                'process.env': JSON.stringify(process.env),
-                'process': JSON.stringify({env: process.env}),
+            new webpack.ProvidePlugin({
+                process: 'process/browser.js',
             }),
         ],
         resolve: {
@@ -180,5 +181,8 @@ module.exports = ({
             globalObject: "this",
             path: outPath,
         },
+        snapshot: {
+            managedPaths: [],
+        },
     };
 };