@vonaffenfels/slate-editor 1.2.41 → 1.2.42

package/.babelrc

@@ -1,44 +1,44 @@
-{
-  "presets": [
-    "next/babel",
-    [
-      "@babel/preset-env",
-      {
-        "modules": false,
-        "targets": {
-          "browsers": [
-            "last 2 Chrome versions",
-            "last 2 Firefox versions",
-            "last 2 Safari versions",
-            "last 2 iOS versions",
-            "last 1 Android version",
-            "last 1 ChromeAndroid version",
-            "ie 11"
-          ]
-        }
-      }
-    ],
-    "@babel/preset-react"
-  ],
-  "plugins": [
-    [
-      "@babel/plugin-proposal-private-methods",
-      {
-        "loose": true
-      }
-    ],
-    [
-      "@babel/plugin-proposal-private-property-in-object",
-      {
-        "loose": true
-      }
-    ],
-    [
-      "@babel/plugin-proposal-class-properties",
-      {
-        "loose": true
-      }
-    ],
-    "@babel/plugin-syntax-dynamic-import"
-  ]
+{
+  "presets": [
+    "next/babel",
+    [
+      "@babel/preset-env",
+      {
+        "modules": false,
+        "targets": {
+          "browsers": [
+            "last 2 Chrome versions",
+            "last 2 Firefox versions",
+            "last 2 Safari versions",
+            "last 2 iOS versions",
+            "last 1 Android version",
+            "last 1 ChromeAndroid version",
+            "ie 11"
+          ]
+        }
+      }
+    ],
+    "@babel/preset-react"
+  ],
+  "plugins": [
+    [
+      "@babel/plugin-proposal-private-methods",
+      {
+        "loose": true
+      }
+    ],
+    [
+      "@babel/plugin-proposal-private-property-in-object",
+      {
+        "loose": true
+      }
+    ],
+    [
+      "@babel/plugin-proposal-class-properties",
+      {
+        "loose": true
+      }
+    ],
+    "@babel/plugin-syntax-dynamic-import"
+  ]
 }

package/README.md

@@ -1,5 +1,5 @@
-# dev
-
-run config EDITOR :: DEV or in repo root yarn devEditor
-
-http://localhost:9000/dist/
+# dev
+
+run config EDITOR :: DEV or in repo root yarn devEditor
+
+http://localhost:9000/dist/

package/componentLoader.js

@@ -1,94 +1,94 @@
-const walkSync = require("walk-sync");
-
-module.exports = async function componentLoader() {
-    const options = this.getOptions();
-    const files = walkSync(options.componentRoot, {
-        directories: false,
-        globs: ["**/*.js", "**/*.jsx", "**/*.ts", "**/*.tsx"],
-        ignore: [
-            "**/*.stories.js",
-            "**/*.stories.jsx",
-            "**/*.stories.ts",
-            "**/*.loader.js",
-            "**/*.loader.jsx",
-            "**/*.loader.ts",
-            "**/streams/*.js",
-            "**/streams/*.jsx",
-            "**/streams/*.ts",
-            "**/atomic/**/*",
-        ],
-    });
-
-    // this.addContextDependency(options.componentRoot);
-
-    console.log(`Found ${files.length} components in ${options.componentRoot}`);
-    const components = files.map(file => {
-        let componentNameParts = file.split(".");
-        componentNameParts.pop();
-
-        const exportName = componentNameParts.join("").split("/").pop();
-
-        return {
-            name: componentNameParts.join("").split("/").join(""),
-            exportName,
-            namePath: componentNameParts.join(""),
-            file: `${options.componentImportRoot}/${file}`,
-        };
-    });
-
-    const nonDynamicComponentImports = [];
-    const componentImports = components.map(component => {
-        let allowSSR = !(options.nonSSRComponents || []).map(v => String(v).toLowerCase()).includes(String(component.name).toLowerCase());
-
-        if (!allowSSR) {
-            // console.log(`Disabled SSR for ${component.file}`);
-        }
-
-        let isDynamic = !(options.nonDynamicComponents || []).map(v => String(v).toLowerCase()).includes(String(component.name).toLowerCase());
-
-        if (isDynamic) {
-            return `COMPONENT_REGISTRY["${component.namePath.toLowerCase()}"] = dynamic(() => import(/* webpackChunkName: "${component.name}" */"${component.file}").then(v => makeExport(v, ["${component.exportName}", "${component.name}"]))${!allowSSR ? ",{ssr: false}" : ""});`;
-        } else {
-            nonDynamicComponentImports.push(`import {default as ${component.name}} from "${component.file}";`);
-            return `COMPONENT_REGISTRY["${component.namePath.toLowerCase()}"] = ${component.name};`;
-        }
-    });
-
-    const fileContent = `
-        ${nonDynamicComponentImports.join("\n")}
-        import dynamic from 'next/dynamic';
-        
-        const COMPONENT_REGISTRY = {};
-        const MissingComponent = () => null;
-        const makeExport = (component, names) => {
-            const ElementComponent = [...names, "default"].reduce((acc, name) => acc || component[name], null);
-            
-            if(!ElementComponent) {
-                console.debug(\`Missing export for \${names.join(" / ")}\`);
-                return MissingComponent;
-            }
-            
-            return ElementComponent;
-        }
-    
-        ${componentImports.join("\n")}
-        
-        export default function componentLoader(block) {
-            const localBlock = String(block).toLowerCase();
-            
-            if(!COMPONENT_REGISTRY[localBlock]) {
-                console.warn(\`No Component found for \${block}\`);
-                return MissingComponent;
-            }
-            
-            return COMPONENT_REGISTRY[localBlock];
-        }
-    `;
-
-    /*
-    const writeFileSync = require("fs").writeFileSync;
-    writeFileSync("./componentLoader.static.DEBUG.js", fileContent);
-     */
-
-    return fileContent;
+const walkSync = require("walk-sync");
+
+module.exports = async function componentLoader() {
+    const options = this.getOptions();
+    const files = walkSync(options.componentRoot, {
+        directories: false,
+        globs: ["**/*.js", "**/*.jsx", "**/*.ts", "**/*.tsx"],
+        ignore: [
+            "**/*.stories.js",
+            "**/*.stories.jsx",
+            "**/*.stories.ts",
+            "**/*.loader.js",
+            "**/*.loader.jsx",
+            "**/*.loader.ts",
+            "**/streams/*.js",
+            "**/streams/*.jsx",
+            "**/streams/*.ts",
+            "**/atomic/**/*",
+        ],
+    });
+
+    // this.addContextDependency(options.componentRoot);
+
+    console.log(`Found ${files.length} components in ${options.componentRoot}`);
+    const components = files.map(file => {
+        let componentNameParts = file.split(".");
+        componentNameParts.pop();
+
+        const exportName = componentNameParts.join("").split("/").pop();
+
+        return {
+            name: componentNameParts.join("").split("/").join(""),
+            exportName,
+            namePath: componentNameParts.join(""),
+            file: `${options.componentImportRoot}/${file}`,
+        };
+    });
+
+    const nonDynamicComponentImports = [];
+    const componentImports = components.map(component => {
+        let allowSSR = !(options.nonSSRComponents || []).map(v => String(v).toLowerCase()).includes(String(component.name).toLowerCase());
+
+        if (!allowSSR) {
+            // console.log(`Disabled SSR for ${component.file}`);
+        }
+
+        let isDynamic = !(options.nonDynamicComponents || []).map(v => String(v).toLowerCase()).includes(String(component.name).toLowerCase());
+
+        if (isDynamic) {
+            return `COMPONENT_REGISTRY["${component.namePath.toLowerCase()}"] = dynamic(() => import(/* webpackChunkName: "${component.name}" */"${component.file}").then(v => makeExport(v, ["${component.exportName}", "${component.name}"]))${!allowSSR ? ",{ssr: false}" : ""});`;
+        } else {
+            nonDynamicComponentImports.push(`import {default as ${component.name}} from "${component.file}";`);
+            return `COMPONENT_REGISTRY["${component.namePath.toLowerCase()}"] = ${component.name};`;
+        }
+    });
+
+    const fileContent = `
+        ${nonDynamicComponentImports.join("\n")}
+        import dynamic from 'next/dynamic';
+        
+        const COMPONENT_REGISTRY = {};
+        const MissingComponent = () => null;
+        const makeExport = (component, names) => {
+            const ElementComponent = [...names, "default"].reduce((acc, name) => acc || component[name], null);
+            
+            if(!ElementComponent) {
+                console.debug(\`Missing export for \${names.join(" / ")}\`);
+                return MissingComponent;
+            }
+            
+            return ElementComponent;
+        }
+    
+        ${componentImports.join("\n")}
+        
+        export default function componentLoader(block) {
+            const localBlock = String(block).toLowerCase();
+            
+            if(!COMPONENT_REGISTRY[localBlock]) {
+                console.warn(\`No Component found for \${block}\`);
+                return MissingComponent;
+            }
+            
+            return COMPONENT_REGISTRY[localBlock];
+        }
+    `;
+
+    /*
+    const writeFileSync = require("fs").writeFileSync;
+    writeFileSync("./componentLoader.static.DEBUG.js", fileContent);
+     */
+
+    return fileContent;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vonaffenfels/slate-editor",
-    "version": "1.2.41",
+    "version": "1.2.42",
     "description": "",
     "main": "dist/index.js",
     "scripts": {
@@ -72,7 +72,7 @@
         "cssnano": "^5.0.1",
         "escape-html": "^1.0.3"
     },
-    "gitHead": "5eeb733acccf6de22fe63f38203d2595b95a0308",
+    "gitHead": "9870eaacf5845710b7e89cdd2dcc23f6563a381d",
     "publishConfig": {
         "access": "public"
     }

package/postcss.config.js

@@ -1,7 +1,7 @@
-module.exports = {
-    plugins: {
-        'postcss-import': {},
-        tailwindcss: {},
-        autoprefixer: {},
-    },
+module.exports = {
+    plugins: {
+        'postcss-import': {},
+        tailwindcss: {},
+        autoprefixer: {},
+    },
 };

package/scss/demo.scss

@@ -1,149 +1,149 @@
-html, body, #root {
-    height: 100%;
-    width: 100%;
-}
-
-@media (prefers-color-scheme: dark) {
-    .slate-editor {
-        color: white;
-        background-color: #1c1c27;
-    }
-}
-
-.editor-demo-wrapper {
-    display: flex;
-    height: 100%;
-    justify-content: center;
-    width: 100%;
-    flex-direction: column;
-
-    .editor-demo-output {
-        display: none;
-        width: 100%;
-    }
-
-    .editor-demo {
-        display: block;
-        flex: 1;
-        height: 100%;
-        width: 100%;
-        position: relative;
-
-        .editor-demo-editor {
-            display: flex;
-            height: 100%;
-            position: relative;
-            width: 100%;
-            padding-top: 40px;
-
-            &.container {
-                display: flex;
-                flex: 1;
-                justify-content: center;
-                min-width: 100%;
-                min-height: 100%;
-                position: relative;
-
-                &.block-editor-wrapper {
-                    flex-grow: 1;
-                    //max-width: 703px;
-                    //width: 703px; // contentful editor default width
-                }
-            }
-
-            &.value {
-                textarea {
-                    max-height: 50px;
-                }
-            }
-        }
-    }
-}
-
-.test-block {
-    background-color: #fefefe;
-    border: 1px solid black;
-    color: black;
-    padding: 5px;
-}
-
-.block-editor-content {
-    font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
-    line-height: 1em;
-}
-
-.block-editor-content p {
-    margin-bottom: 20px;
-}
-
-.block-editor-content h1 {
-    font-size: 2em;
-    margin-bottom: 2em;
-}
-
-.block-editor-content h2 {
-    font-size: 1.5em;
-    margin-bottom: 1em;
-}
-
-.block-editor-content h3 {
-    font-size: 1.3em;
-    margin-bottom: 1em;
-}
-
-.block-editor-content h4 {
-    font-size: 1.1em;
-    margin-bottom: 1em;
-}
-
-.block-editor-content h5,
-.block-editor-content h6 {
-    font-size: 1em;
-    margin-bottom: 1em;
-}
-
-.block-editor-content ul, .block-editor-content ol {
-    margin-block-start: 1em;
-    margin-block-end: 1em;
-    margin-inline-start: 0px;
-    margin-inline-end: 0px;
-    padding-inline-start: 40px;
-}
-
-.block-editor-content ul {
-    list-style-type: disc;
-}
-
-.block-editor-content ol {
-    list-style-type: decimal;
-}
-
-.block-editor-content blockquote {
-    display: block;
-    background-color: grey;
-    padding: 1em;
-}
-
-.block-editor-content a,
-.block-editor-content a:visited {
-    color: blue;
-    cursor: pointer;
-}
-
-
-.block-editor-content a:hover {
-    text-decoration: underline;
-}
-
-.editor-mt-16  {
-    @apply pt-16 block;
-}
-.editor-mr-16  {
-    @apply md:pr-16 block;
-}
-.editor-mb-16  {
-    @apply pb-16 block;
-}
-.editor-ml-16  {
-    @apply md:pl-16 block;
+html, body, #root {
+    height: 100%;
+    width: 100%;
+}
+
+@media (prefers-color-scheme: dark) {
+    .slate-editor {
+        color: white;
+        background-color: #1c1c27;
+    }
+}
+
+.editor-demo-wrapper {
+    display: flex;
+    height: 100%;
+    justify-content: center;
+    width: 100%;
+    flex-direction: column;
+
+    .editor-demo-output {
+        display: none;
+        width: 100%;
+    }
+
+    .editor-demo {
+        display: block;
+        flex: 1;
+        height: 100%;
+        width: 100%;
+        position: relative;
+
+        .editor-demo-editor {
+            display: flex;
+            height: 100%;
+            position: relative;
+            width: 100%;
+            padding-top: 40px;
+
+            &.container {
+                display: flex;
+                flex: 1;
+                justify-content: center;
+                min-width: 100%;
+                min-height: 100%;
+                position: relative;
+
+                &.block-editor-wrapper {
+                    flex-grow: 1;
+                    //max-width: 703px;
+                    //width: 703px; // contentful editor default width
+                }
+            }
+
+            &.value {
+                textarea {
+                    max-height: 50px;
+                }
+            }
+        }
+    }
+}
+
+.test-block {
+    background-color: #fefefe;
+    border: 1px solid black;
+    color: black;
+    padding: 5px;
+}
+
+.block-editor-content {
+    font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
+    line-height: 1em;
+}
+
+.block-editor-content p {
+    margin-bottom: 20px;
+}
+
+.block-editor-content h1 {
+    font-size: 2em;
+    margin-bottom: 2em;
+}
+
+.block-editor-content h2 {
+    font-size: 1.5em;
+    margin-bottom: 1em;
+}
+
+.block-editor-content h3 {
+    font-size: 1.3em;
+    margin-bottom: 1em;
+}
+
+.block-editor-content h4 {
+    font-size: 1.1em;
+    margin-bottom: 1em;
+}
+
+.block-editor-content h5,
+.block-editor-content h6 {
+    font-size: 1em;
+    margin-bottom: 1em;
+}
+
+.block-editor-content ul, .block-editor-content ol {
+    margin-block-start: 1em;
+    margin-block-end: 1em;
+    margin-inline-start: 0px;
+    margin-inline-end: 0px;
+    padding-inline-start: 40px;
+}
+
+.block-editor-content ul {
+    list-style-type: disc;
+}
+
+.block-editor-content ol {
+    list-style-type: decimal;
+}
+
+.block-editor-content blockquote {
+    display: block;
+    background-color: grey;
+    padding: 1em;
+}
+
+.block-editor-content a,
+.block-editor-content a:visited {
+    color: blue;
+    cursor: pointer;
+}
+
+
+.block-editor-content a:hover {
+    text-decoration: underline;
+}
+
+.editor-mt-16  {
+    @apply pt-16 block;
+}
+.editor-mr-16  {
+    @apply md:pr-16 block;
+}
+.editor-mb-16  {
+    @apply pb-16 block;
+}
+.editor-ml-16  {
+    @apply md:pl-16 block;
 }