@vonaffenfels/slate-editor 1.1.71 → 1.2.0

package/src/fromHTML.js

@@ -1,5 +1,5 @@
-const fromHTML = (htmlValue) => {
-
-};
-
+const fromHTML = (htmlValue) => {
+
+};
+
 export default fromHTML;

package/src/helper/array.js

@@ -1,9 +1,9 @@
-export const swapArrayElements = (array, index1, index2) => {
-    let newArray = JSON.parse(JSON.stringify(array));
-
-    let temp = newArray[index1];
-    newArray[index1] = newArray[index2];
-    newArray[index2] = temp;
-
-    return newArray;
+export const swapArrayElements = (array, index1, index2) => {
+    let newArray = JSON.parse(JSON.stringify(array));
+
+    let temp = newArray[index1];
+    newArray[index1] = newArray[index2];
+    newArray[index2] = temp;
+
+    return newArray;
 };

package/src/index.js

@@ -1,11 +1,11 @@
-import "../scss/editor.scss";
-
-import BlockEditor from "./BlockEditor";
-import Renderer from "./Renderer";
-import {HtmlSerializer} from "./Serializer";
-
-export {
-    BlockEditor,
-    Renderer,
-    HtmlSerializer,
+import "../scss/editor.scss";
+
+import BlockEditor from "./BlockEditor";
+import Renderer from "./Renderer";
+import {HtmlSerializer} from "./Serializer";
+
+export {
+    BlockEditor,
+    Renderer,
+    HtmlSerializer,
 };

package/src/plugins/ListItem.js

@@ -1,49 +1,49 @@
-import {ReactEditor} from "slate-react";
-import {Transforms} from "slate";
-
-export const ListItemPlugin = {
-    onKeyDown(event, editor) {
-        if (event.key !== 'Enter') {
-            return;
-        }
-
-        if (event.shiftKey === true) {
-            return;
-        }
-
-        if (!editor.selection) {
-            return;
-        }
-
-        const [node, index] = ReactEditor.toDOMPoint(editor, editor.selection.anchor);
-
-        if (isNodeBelowLi(node)) {
-            event.preventDefault();
-            Transforms.insertNodes(editor, {
-                at: editor.selection.anchor.path,
-                // match: node => {
-                //     return node.type === "list-item";
-                // },
-                type: "list-item",
-                children: [{text: ""}],
-            });
-            return true;
-        }
-    },
-};
-
-const isNodeBelowLi = (node) => {
-    if (node.tagName === "LI") {
-        return true;
-    }
-
-    if (node.parentElement) {
-        if (node.parentElement.tagName === "LI") {
-            return true;
-        }
-
-        return isNodeBelowLi(node.parentElement);
-    }
-
-    return false;
+import {ReactEditor} from "slate-react";
+import {Transforms} from "slate";
+
+export const ListItemPlugin = {
+    onKeyDown(event, editor) {
+        if (event.key !== 'Enter') {
+            return;
+        }
+
+        if (event.shiftKey === true) {
+            return;
+        }
+
+        if (!editor.selection) {
+            return;
+        }
+
+        const [node, index] = ReactEditor.toDOMPoint(editor, editor.selection.anchor);
+
+        if (isNodeBelowLi(node)) {
+            event.preventDefault();
+            Transforms.insertNodes(editor, {
+                at: editor.selection.anchor.path,
+                // match: node => {
+                //     return node.type === "list-item";
+                // },
+                type: "list-item",
+                children: [{text: ""}],
+            });
+            return true;
+        }
+    },
+};
+
+const isNodeBelowLi = (node) => {
+    if (node.tagName === "LI") {
+        return true;
+    }
+
+    if (node.parentElement) {
+        if (node.parentElement.tagName === "LI") {
+            return true;
+        }
+
+        return isNodeBelowLi(node.parentElement);
+    }
+
+    return false;
 };

package/src/plugins/SoftBreak.js

@@ -1,24 +1,24 @@
-import {
-    getNodeFromPath, getNodeParentFromPath,
-} from "../util";
-
-export const SoftBreakPlugin = {
-    onKeyDown(event, editor) {
-        if (event.key !== 'Enter') {
-            return;
-        }
-
-        if (event.shiftKey === false) {
-            event.preventDefault();
-            if (editor.selection) {
-                return editor.insertNode({
-                    type: "paragraph",
-                    children: [{text: ""}],
-                });
-            }
-        }
-
-        event.preventDefault();
-        editor.insertText('\n');
-    },
+import {
+    getNodeFromPath, getNodeParentFromPath,
+} from "../util";
+
+export const SoftBreakPlugin = {
+    onKeyDown(event, editor) {
+        if (event.key !== 'Enter') {
+            return;
+        }
+
+        if (event.shiftKey === false) {
+            event.preventDefault();
+            if (editor.selection) {
+                return editor.insertNode({
+                    type: "paragraph",
+                    children: [{text: ""}],
+                });
+            }
+        }
+
+        event.preventDefault();
+        editor.insertText('\n');
+    },
 };

package/src/toHTML.js

@@ -1,7 +1,7 @@
-import {HtmlSerializer} from "./Serializer/Html";
-
-const toHTML = (editorValue) => {
-    return HtmlSerializer(editorValue);
-};
-
+import {HtmlSerializer} from "./Serializer/Html";
+
+const toHTML = (editorValue) => {
+    return HtmlSerializer(editorValue);
+};
+
 export default toHTML;

package/src/toText.js

@@ -1,7 +1,7 @@
-import {TextSerializer} from "./Serializer/Text";
-
-const toText = (editorValue) => {
-    return TextSerializer(editorValue);
-};
-
+import {TextSerializer} from "./Serializer/Text";
+
+const toText = (editorValue) => {
+    return TextSerializer(editorValue);
+};
+
 export default toText;

package/src/util/reduceContentfulResponse.js

@@ -1,65 +1,65 @@
-export const reduceContentfulResponse = (item, paths) => {
-
-    if (Array.isArray(item)) {
-        return item.map(v => reduceContentfulResponse(v, paths));
-    }
-
-    if (!paths?.length || !item) {
-        return item;
-    }
-
-    const defaultPaths = [
-        "__typename",
-        "sys.id",
-        "sys.contentType.sys.id",
-    ];
-    const mergedPaths = [...defaultPaths, ...paths];
-
-    const result = {
-        sys: {
-            id: item?.sys?.id,
-        },
-    };
-
-    for (let i = 0; i < mergedPaths.length; i++) {
-        const path = mergedPaths[i];
-
-        setByPath(result, path, getByPath(item, path));
-    }
-
-    return result;
-};
-
-export const getByPath = (obj, path) => {
-    if (!obj || !path) {
-        return;
-    }
-
-    const pathParts = path.split(".");
-
-    if (pathParts.length === 1) {
-        return obj?.[pathParts[0]];
-    } else {
-        const currPart = pathParts.shift();
-        return getByPath(obj?.[currPart], pathParts.join("."));
-    }
-};
-
-export const setByPath = (obj, path, value) => {
-    const pathParts = path.split(".");
-    let objPointer = obj;
-
-    for (let i = 0; i < pathParts.length; i++) {
-        const pathPart = pathParts[i];
-
-        if (i === pathParts.length - 1) {
-            objPointer[pathPart] = value;
-        } else if (objPointer[pathPart] === undefined) {
-            objPointer[pathPart] = {};
-        }
-
-        objPointer = objPointer[pathPart];
-    }
-
-    return obj;
+export const reduceContentfulResponse = (item, paths) => {
+
+    if (Array.isArray(item)) {
+        return item.map(v => reduceContentfulResponse(v, paths));
+    }
+
+    if (!paths?.length || !item) {
+        return item;
+    }
+
+    const defaultPaths = [
+        "__typename",
+        "sys.id",
+        "sys.contentType.sys.id",
+    ];
+    const mergedPaths = [...defaultPaths, ...paths];
+
+    const result = {
+        sys: {
+            id: item?.sys?.id,
+        },
+    };
+
+    for (let i = 0; i < mergedPaths.length; i++) {
+        const path = mergedPaths[i];
+
+        setByPath(result, path, getByPath(item, path));
+    }
+
+    return result;
+};
+
+export const getByPath = (obj, path) => {
+    if (!obj || !path) {
+        return;
+    }
+
+    const pathParts = path.split(".");
+
+    if (pathParts.length === 1) {
+        return obj?.[pathParts[0]];
+    } else {
+        const currPart = pathParts.shift();
+        return getByPath(obj?.[currPart], pathParts.join("."));
+    }
+};
+
+export const setByPath = (obj, path, value) => {
+    const pathParts = path.split(".");
+    let objPointer = obj;
+
+    for (let i = 0; i < pathParts.length; i++) {
+        const pathPart = pathParts[i];
+
+        if (i === pathParts.length - 1) {
+            objPointer[pathPart] = value;
+        } else if (objPointer[pathPart] === undefined) {
+            objPointer[pathPart] = {};
+        }
+
+        objPointer = objPointer[pathPart];
+    }
+
+    return obj;
 };

package/src/util.js

@@ -1,20 +1,20 @@
-export const getNodeFromPath = (editor, path) => {
-    let internalPath = [...path];
-    if (internalPath.length === 0) {
-        return editor;
-    }
-
-    const currPath = internalPath.shift();
-
-    return getNodeFromPath(editor?.children?.[currPath], internalPath);
-};
-
-export const getNodeParentFromPath = (editor, path) => {
-    let internalPath = [...path];
-    if (internalPath.length === 1) {
-        return editor;
-    }
-
-    const currPath = internalPath.shift();
-    return getNodeParentFromPath(editor?.children?.[currPath], internalPath);
+export const getNodeFromPath = (editor, path) => {
+    let internalPath = [...path];
+    if (internalPath.length === 0) {
+        return editor;
+    }
+
+    const currPath = internalPath.shift();
+
+    return getNodeFromPath(editor?.children?.[currPath], internalPath);
+};
+
+export const getNodeParentFromPath = (editor, path) => {
+    let internalPath = [...path];
+    if (internalPath.length === 1) {
+        return editor;
+    }
+
+    const currPath = internalPath.shift();
+    return getNodeParentFromPath(editor?.children?.[currPath], internalPath);
 };

package/storyLoader.js

@@ -1,48 +1,48 @@
-const walkSync = require("walk-sync");
-
-module.exports = async function storiesLoader() {
-    const options = this.getOptions();
-
-    const files = walkSync(options.storiesRoot, {
-        directories: false,
-        globs: ["**/*.stories.js", "**/*.stories.jsx", "**/*.stories.ts"],
-    });
-
-    this.addContextDependency(options.storiesRoot);
-    console.log(`Found ${files.length} stories in ${options.storiesRoot}`);
-
-    return `
-        export default async () => Promise.all([${files.map(file => "import('" + options.storiesImportRoot + "/" + file + "')").join(",")}]).then(modules => modules.reduce((curr, module) => {
-            const story = {};
-            const baseStory = module.default;
-
-            story.id = baseStory.id;
-            story.argTypes = baseStory.argTypes;
-            story.storyContext = baseStory.storyContext;
-            story.portalContext = baseStory.portalContext;
-            story.title = baseStory.title;
-            story.stories = [
-                {
-                    title: baseStory.title,
-                    args: baseStory.args
-                }
-            ]
-
-            for(let exportName in module) {
-
-                if(module && module.hasOwnProperty(exportName) && exportName !== "default") {
-                    const exportedStory = module[exportName];
-                    
-                    if(exportedStory) {                   
-                        story.stories.push({
-                            title: exportName,
-                            args: exportedStory.args
-                        })
-                    }
-                }
-            }
-            
-            return [...curr, story];
-        }, []))
-    `;
+const walkSync = require("walk-sync");
+
+module.exports = async function storiesLoader() {
+    const options = this.getOptions();
+
+    const files = walkSync(options.storiesRoot, {
+        directories: false,
+        globs: ["**/*.stories.js", "**/*.stories.jsx", "**/*.stories.ts"],
+    });
+
+    this.addContextDependency(options.storiesRoot);
+    console.log(`Found ${files.length} stories in ${options.storiesRoot}`);
+
+    return `
+        export default async () => Promise.all([${files.map(file => "import('" + options.storiesImportRoot + "/" + file + "')").join(",")}]).then(modules => modules.reduce((curr, module) => {
+            const story = {};
+            const baseStory = module.default;
+
+            story.id = baseStory.id;
+            story.argTypes = baseStory.argTypes;
+            story.storyContext = baseStory.storyContext;
+            story.portalContext = baseStory.portalContext;
+            story.title = baseStory.title;
+            story.stories = [
+                {
+                    title: baseStory.title,
+                    args: baseStory.args
+                }
+            ]
+
+            for(let exportName in module) {
+
+                if(module && module.hasOwnProperty(exportName) && exportName !== "default") {
+                    const exportedStory = module[exportName];
+                    
+                    if(exportedStory) {                   
+                        story.stories.push({
+                            title: exportName,
+                            args: exportedStory.args
+                        })
+                    }
+                }
+            }
+            
+            return [...curr, story];
+        }, []))
+    `;
 };

package/tailwind.config.js

@@ -1,5 +1,5 @@
-module.exports = {
-    content: [
-        './src/**/*.js',
-    ],
+module.exports = {
+    content: [
+        './src/**/*.js',
+    ],
 };

package/webpack.config.build.js

@@ -1,56 +1,56 @@
-const path = require('path');
-const config = require("./webpack.config");
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-
-config.externals = {
-    react: "react",
-    next: "next",
-    "react-dom": "react-dom",
-    "prop-types": "prop-types",
-};
-
-config.module = {
-    rules: [
-        {
-            test: /\.js$/,
-            include: [
-                path.resolve(__dirname, 'src'),
-                path.resolve(
-                    __dirname, '..', '..', '@frontend', 'components',
-                ), // symlinks!
-            ],
-            exclude: [
-                path.resolve(
-                    __dirname, '..', '..', '@frontend', 'components', 'node_modules',
-                ),
-            ],
-            loader: 'babel-loader',
-        },
-        {
-            test: /\.s[ac]ss$/i,
-            include: path.resolve(__dirname, 'scss'),
-            use: [
-                {
-                    loader: MiniCssExtractPlugin.loader,
-                    options: {esModule: false},
-                },
-                "css-loader",
-                "sass-loader",
-                {loader: 'postcss-loader'},
-            ],
-        },
-        {
-            test: /\.css$/,
-            use: [
-                {
-                    loader: MiniCssExtractPlugin.loader,
-                    options: {esModule: false},
-                },
-                'css-loader',
-                {loader: 'postcss-loader'},
-            ],
-        },
-    ],
-};
-
+const path = require('path');
+const config = require("./webpack.config");
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+
+config.externals = {
+    react: "react",
+    next: "next",
+    "react-dom": "react-dom",
+    "prop-types": "prop-types",
+};
+
+config.module = {
+    rules: [
+        {
+            test: /\.js$/,
+            include: [
+                path.resolve(__dirname, 'src'),
+                path.resolve(
+                    __dirname, '..', '..', '@frontend', 'components',
+                ), // symlinks!
+            ],
+            exclude: [
+                path.resolve(
+                    __dirname, '..', '..', '@frontend', 'components', 'node_modules',
+                ),
+            ],
+            loader: 'babel-loader',
+        },
+        {
+            test: /\.s[ac]ss$/i,
+            include: path.resolve(__dirname, 'scss'),
+            use: [
+                {
+                    loader: MiniCssExtractPlugin.loader,
+                    options: {esModule: false},
+                },
+                "css-loader",
+                "sass-loader",
+                {loader: 'postcss-loader'},
+            ],
+        },
+        {
+            test: /\.css$/,
+            use: [
+                {
+                    loader: MiniCssExtractPlugin.loader,
+                    options: {esModule: false},
+                },
+                'css-loader',
+                {loader: 'postcss-loader'},
+            ],
+        },
+    ],
+};
+
 module.exports = config;