Add extension directory dist building

.github/workflows/publish.yml

@@ -0,0 +1,35 @@
+name: Publish Release Packages
+
+on:
+  release:
+    types: [created]
+
+jobs:
+  build-and-publish:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v2
+      - run: npm ci
+      - run: npm run dist
+      - run: npm pack
+      - name: Upload Artifacts
+        uses: softprops/action-gh-release@v1
+        with:
+          files: |
+            editorjs.zip
+            directus-extension-editorjs*.tgz
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+  publish-npm:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v2
+        with:
+          node-version: 14
+          registry-url: https://registry.npmjs.org/
+      - run: npm ci
+      - run: npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.npm_token}}

.gitignore

@@ -1,3 +1,5 @@
 node_modules
+/editorjs
+/dist
 /*.tgz
-/index.js
+/*.zip

.npmignore

@@ -1,2 +1,2 @@
 *
-!/index.js
+!/dist/index.js

README.md

@@ -12,9 +12,9 @@ More info at https://editorjs.io/
 If using Directus as npm package, you can include the extension as package in your `package.json` file as:
 
 ```json
-	"dependencies": {
-		"directus-extension-editorjs": "latest"
-	}
+"dependencies": {
+	"directus-extension-editorjs": "latest"
+}
 ```
 
 ### Docker installation / extensions directory
@@ -24,9 +24,8 @@ manualy from the package tar
 
 ```bash
 cd <your directus extensions directory>/interfaces
-curl -LO directus-extension-editorjs-interface.tgz
-tar xvf directus-extension-editorjs*.tgz
-mv package editorjs
+curl -LO https://github.com/dimitrov-adrian/directus-extension-editorjs-interface/releases/latest/download/editorjs.zip
+unzip editorjs.zip
 ```
 
 ### Build by yourself
@@ -41,21 +40,21 @@ To use this custom interface into a data model, you have to:
 - In the **Interface** section on the left choose **Editor.js**
 - Enjoy ! 🎉
 
-### Output
+### Example output of the interface
 
-```javascript
+```json
 {
-    "version": "2.19.0", // block editor version,
-    "time": 1607174917790, // timestamp of content change>,
-    "blocks": [
-        // ...
-        {
-            "type" : "paragraph",
-            "data" : {
-                "text" : "Paragraph from editorjs interface in Directus."
-            }
-        },
-        // ...
-    ]
+	"version": "2.19.0",
+	"time": 1607174917790,
+	"blocks": [
+		{
+			"type": "paragraph",
+			"data": {
+				"text": "Paragraph from editorjs interface in Directus."
+			}
+		}
+	]
 }
 ```
+
+For more info check https://editorjs.io/base-concepts#what-is-clean-data

package.json

@@ -15,17 +15,18 @@
   ],
   "directus:extension": {
     "type": "interface",
-    "path": "index.js",
+    "path": "dist/index.js",
     "source": "src/index.js",
     "host": "v9.0.0-rc.85",
     "hidden": false
   },
   "scripts": {
-    "build": "directus-extension build",
-    "prepack": "npm run build"
+    "dist": "directus-extension build && mv dist editorjs && zip -r editorjs.zip editorjs",
+    "prepack": "directus-extension build"
   },
   "devDependencies": {
     "@canburaks/text-align-editorjs": "^1.0.4",
+    "@directus/extension-sdk": "^9.0.0-rc.85",
     "@editorjs/attaches": "^1.1.0",
     "@editorjs/checklist": "^1.3.0",
     "@editorjs/code": "^2.7.0",
@@ -47,7 +48,6 @@
     "@itech-indrustries/editorjs-strikethrough": "^1.0.0",
     "debounce": "^1.2.1",
     "editorjs-alert": "^1.0.3",
-    "editorjs-list": "^2.1.4",
-    "@directus/extension-sdk": "*"
+    "editorjs-list": "^2.1.4"
   }
 }