editor-js · ilyamore88 · Jan 13, 2023 · Jan 13, 2023 · Jan 13, 2023 · Jan 13, 2023
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,7 @@
+[*]
+charset = utf-8
+indent_style = space
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+indent_size = 2
diff --git a/.gitignore b/.gitignore
@@ -1,4 +1,5 @@
-node_modules/*
-npm-debug.log
-.idea/
+.idea
 .DS_Store
+node_modules
+*.log
+dist
diff --git a/.npmignore b/.npmignore
@@ -1,4 +1,5 @@
 .idea/
 src/
-webpack.config.js
 yarn.lock
+vite.config.ts
+index.html
diff --git a/.nvmrc b/.nvmrc
@@ -0,0 +1 @@
+v18.13.0
diff --git a/LICENSE b/LICENSE
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2018 CodeX
+Copyright (c) 2023 CodeX
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/dist/bundle.js b/dist/bundle.js
diff --git a/index.html b/index.html
@@ -0,0 +1,51 @@
+<html>
+<head>
+    <title>Editor.js example page</title>
+
+    <style>
+        body {
+            font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+        }
+    </style>
+</head>
+<body>
+<div id="editorjs"></div>
+
+<button id="save-button">Save</button>
+<pre id="output"></pre>
+
+<script type="module">
+    import EditorJS from '@editorjs/editorjs';
+    import paragraph from './src/index.ts';
+
+    const editor = new EditorJS({
+        tools: {
+            paragraph: {
+                class: paragraph,
+                // inlineToolbar: ['marker', 'link'],
+                // shortcut: 'CMD+SHIFT+H',
+                // config: {},
+            }
+        },
+
+        data: {
+            blocks: [
+                {
+                    type: 'paragraph',
+                    data: {},
+                }
+            ],
+        },
+    });
+
+    const saveButton = document.getElementById('save-button');
+    const output = document.getElementById('output');
+
+    saveButton.addEventListener('click', () => {
+        editor.save().then( savedData => {
+            output.innerHTML = JSON.stringify(savedData, null, 4);
+        })
+    })
+</script>
+</body>
+</html>
diff --git a/package.json b/package.json
@@ -11,26 +11,24 @@
   "description": "Paragraph Tool for Editor.js",
   "license": "MIT",
   "repository": "https://github.com/editor-js/paragraph",
-  "main": "./dist/bundle.js",
+  "main": "dist/paragraph.umd.js",
+  "module": "dist/paragraph.mjs",
+  "types": "dist/index.d.ts",
   "scripts": {
-    "build": "webpack --mode production",
-    "build:dev": "webpack --mode development --watch"
+    "dev": "vite",
+    "build": "vite build"
   },
   "author": {
     "name": "CodeX",
     "email": "[email protected]"
   },
   "devDependencies": {
-    "@babel/core": "^7.10.2",
-    "@babel/preset-env": "^7.10.2",
-    "babel-loader": "^8.1.0",
-    "css-loader": "^3.5.3",
-    "raw-loader": "^4.0.1",
-    "style-loader": "^1.2.1",
-    "webpack": "^4.43.0",
-    "webpack-cli": "^3.3.11"
-  },
-  "dependencies": {
-    "@codexteam/icons": "^0.0.4"
+    "@codexteam/icons": "^0.2.0",
+    "@editorjs/editorjs": "^2.26.4",
+    "@types/node": "^18.11.18",
+    "typescript": "^4.9.4",
+    "vite": "^4.0.4",
+    "vite-plugin-css-injected-by-js": "^2.3.1",
+    "vite-plugin-dts": "^1.7.1"
   }
 }
diff --git a/src/index.css b/src/index.css
@@ -1,9 +1,9 @@
 .ce-paragraph {
-    line-height: 1.6em;
-    outline: none;
+  line-height: 1.6em;
+  outline: none;
 }
 
-.ce-paragraph[data-placeholder]:empty::before{
+.ce-paragraph[data-placeholder]:empty::before {
   content: attr(data-placeholder);
   color: #707684;
   font-weight: normal;
@@ -20,10 +20,10 @@
   opacity: 0;
 }
 
-.ce-paragraph p:first-of-type{
-    margin-top: 0;
+.ce-paragraph p:first-of-type {
+  margin-top: 0;
 }
 
-.ce-paragraph p:last-of-type{
-    margin-bottom: 0;
+.ce-paragraph p:last-of-type {
+  margin-bottom: 0;
 }