Update list package

.github/workflows/npm-publish.yml

@@ -6,26 +6,8 @@ on:
       - master
 
 jobs:
-  publish:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v1
-        with:
-          node-version: 12
-          registry-url: https://registry.npmjs.org/ 
-      - run: yarn
-      - run: yarn build
-      - run: yarn publish --access=public
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-  notify:
-    needs: publish
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-      - run: echo ::set-env name=EMOJI_PACKAGE::$'\xf0\x9f\x93\xa6'
-      - run: echo ::set-env name=PACKAGE_NAME::$(node -p "require('./package.json').name")
-      - run: echo ::set-env name=PACKAGE_VERSION::$(node -p "require('./package.json').version")
-      - run: echo ::set-env name=MESSAGE::"$EMOJI_PACKAGE [$PACKAGE_NAME](https://npmjs.com/package/$PACKAGE_NAME) $PACKAGE_VERSION was published"
-      - run: curl -X POST ${{ secrets.CODEX_BOT_NOTIFY_EDITORJS_PUBLIC_CHAT }} -d "message=$MESSAGE" -d parse_mode=Markdown -d disable_web_page_preview=true
+  publish-and-notify:
+    uses: codex-team/github-workflows/.github/workflows/npm-publish-and-notify-reusable.yml@main
+    secrets:
+      NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+      CODEX_BOT_NOTIFY_EDITORJS_PUBLIC_CHAT: ${{ secrets.CODEX_BOT_NOTIFY_EDITORJS_PUBLIC_CHAT }}

.gitignore

@@ -2,3 +2,4 @@ node_modules/*
 npm-debug.log
 .idea/
 .DS_Store
+dist

.npmignore

@@ -1,5 +1,6 @@
 .idea/
 assets/
 src/
-webpack.config.js
+vite.config.js
+postcss.config.js
 yarn.lock

README.md

@@ -8,35 +8,19 @@ This Tool for the [Editor.js](https://editorjs.io) allows you to add ordered or
 
 ## Installation
 
-### Install via NPM
-
 Get the package
 
-```shell
-npm i --save @editorjs/list
-```
 ```shell
 yarn add @editorjs/list
 ```
 
 Include module at your application
 
 ```javascript
-import List from '@editorjs/list';
+import List from "@editorjs/list";
 ```
 
-### Download to your project's source dir
-
-1. Upload folder `dist` from repository
-2. Add `dist/bundle.js` file to your page.
-
-### Load from CDN
-
-Load the script from [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@editorjs/list) and connect to your page.
-
-```html
-<script src="https://cdn.jsdelivr.net/npm/@editorjs/list@latest"></script>
-```
+Optionally, you can load this tool from CDN [JsDelivr CDN](https://cdn.jsdelivr.net/npm/@editorjs/list@latest)
 
 ## Usage
 
@@ -53,14 +37,19 @@ var editor = EditorJS({
     list: {
       class: List,
       inlineToolbar: true,
+      config: {
+        defaultStyle: 'unordered'
+      }
     },
   },
 });
 ```
 
 ## Config Params
 
-This Tool has no config params
+| Field        | Type     | Description                                                    |
+| ------------ | -------- | -------------------------------------------------------------- |
+| defaultStyle | `string` | type of a list: `ordered` or `unordered`, default is `ordered` |
 
 ## Tool's settings
 
@@ -70,11 +59,10 @@ You can choose list`s type.
 
 ## Output data
 
-| Field | Type       | Description                            |
-| ----- | ---------- | -------------------------------------- |
+| Field | Type       | Description                              |
+| ----- | ---------- | ---------------------------------------- |
 | style | `string`   | type of a list: `ordered` or `unordered` |
-| items | `string[]` | the array of list's items              |
-
+| items | `string[]` | the array of list's items                |
 
 ```json
 {

package.json

@@ -1,35 +1,45 @@
 {
   "name": "@editorjs/list",
-  "version": "1.6.0",
+  "version": "1.10.0",
   "keywords": [
     "codex editor",
     "list",
-    "tool",
     "editor.js",
     "editorjs"
   ],
   "description": "List Tool for Editor.js",
   "license": "MIT",
   "repository": "https://github.com/editor-js/list",
-  "main": "./dist/bundle.js",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/list.umd.js",
+  "module": "./dist/list.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/list.mjs",
+      "require": "./dist/list.umd.js",
+      "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",
-    "postcss-loader": "^3.0.0",
     "postcss-nested": "^4.2.1",
     "postcss-nested-ancestors": "^2.0.0",
-    "style-loader": "^1.2.1",
-    "webpack": "^4.43.0",
-    "webpack-cli": "^3.3.11"
+    "typescript": "^5.5.3",
+    "vite": "^4.5.0",
+    "vite-plugin-css-injected-by-js": "^3.3.0",
+    "vite-plugin-dts": "^3.9.1"
+  },
+  "dependencies": {
+    "@codexteam/icons": "^0.0.4"
   }
 }

postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: [
+    require('postcss-nested-ancestors'),
+    require('postcss-nested'),
+  ],
+};