@zipify/wysiwyg 3.4.1-dev → 3.4.1

package/lib/components/toolbar/Toolbar.vue

@@ -63,6 +63,7 @@ export default {
 
 <style scoped>
 .zw-toolbar {
+    border: 1px solid rgba(var(--zw-color-white), 0.2);
     border-radius: 2px;
     background-color: rgb(var(--zw-color-n15));
     color: rgb(var(--zw-color-n70));

package/lib/components/toolbar/controls/AlignmentControl.vue

@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import { inject, computed, unref } from 'vue';
+import { inject } from 'vue';
 import { InjectionTokens } from '../../../injectionTokens';
 import { Alignments } from '../../../enums';
 import { ButtonToggle, Button, Icon } from '../../base';
@@ -56,8 +56,7 @@ export default {
 
     setup(_, { emit }) {
         const editor = inject(InjectionTokens.EDITOR);
-        const alignment = editor.commands.getAlignment();
-        const currentValue = computed(() => unref(alignment));
+        const currentValue = editor.commands.getAlignment();
 
         function toggle(value) {
             editor.chain().focus().applyAlignment(value).run();

package/package.json

@@ -1,13 +1,8 @@
 {
   "name": "@zipify/wysiwyg",
-  "version": "3.4.1-dev",
+  "version": "3.4.1",
   "description": "Zipify modification of TipTap text editor",
-  "exports": {
-    ".": {
-      "node": "./dist/wysiwyg.cjs",
-      "default": "./dist/wysiwyg.mjs"
-    }
-  },
+  "main": "dist/wysiwyg.mjs",
   "bin": {
     "zipify-wysiwyg": "bin/cli"
   },
@@ -26,32 +21,30 @@
     "lib:release": "export $(cat ./.env | xargs) && release-it",
     "cli:build": "NODE_ENV=production rollup --config config/build/cli.config.js --bundleConfigAsCjs",
     "cli:dev": "NODE_ENV=development rollup --config config/build/cli.config.js --bundleConfigAsCjs --watch",
-    "node:build": "NODE_ENV=production rollup --config config/build/node.config.js --bundleConfigAsCjs",
     "example:start": "NODE_ENV=development vite serve --config config/build/example.config.js",
     "example:build": "NODE_ENV=production vite build --config config/build/example.config.js",
     "test:unit": "jest .",
     "lint:js": "eslint ./lib",
     "lint:css": "stylelint ./lib/**/*.{css,vue}",
     "optimize-svg": "svgo --config ./config/svgo.js",
-    "gzip": "gzipper compress",
     "prepare": "husky install"
   },
   "dependencies": {
-    "@popperjs/core": "^2.11.6",
-    "@tiptap/core": "2.0.0-beta.215",
-    "@tiptap/extension-document": "2.0.0-beta.215",
-    "@tiptap/extension-heading": "2.0.0-beta.215",
-    "@tiptap/extension-history": "2.0.0-beta.215",
-    "@tiptap/extension-link": "2.0.0-beta.215",
-    "@tiptap/extension-list-item": "2.0.0-beta.215",
-    "@tiptap/extension-paragraph": "2.0.0-beta.215",
-    "@tiptap/extension-text": "2.0.0-beta.215",
-    "@tiptap/pm": "^2.0.0-beta.215",
-    "@tiptap/vue-2": "2.0.0-beta.215",
+    "@popperjs/core": "^2.11.7",
+    "@tiptap/core": "^2.0.0",
+    "@tiptap/extension-document": "^2.0.0",
+    "@tiptap/extension-heading": "^2.0.0",
+    "@tiptap/extension-history": "^2.0.0",
+    "@tiptap/extension-link": "^2.0.0",
+    "@tiptap/extension-list-item": "^2.0.0",
+    "@tiptap/extension-paragraph": "^2.0.0",
+    "@tiptap/extension-text": "^2.0.0",
+    "@tiptap/pm": "^2.0.0",
+    "@tiptap/vue-2": "^2.0.0",
     "commander": "^10.0.0",
-    "jsdom": "^21.1.0",
+    "jsdom": "^21.1.1",
     "lodash": "^4.17.21",
-    "simplebar": "^6.2.0"
+    "simplebar": "^6.2.4"
   },
   "peerDependencies": {
     "@zipify/colorpicker": "^2.2",
@@ -66,11 +59,11 @@
     }
   },
   "devDependencies": {
-    "@babel/core": "^7.20.12",
-    "@babel/eslint-parser": "^7.19.1",
-    "@babel/plugin-transform-runtime": "^7.19.6",
+    "@babel/core": "^7.21.3",
+    "@babel/eslint-parser": "^7.21.3",
+    "@babel/plugin-transform-runtime": "^7.21.0",
     "@babel/preset-env": "^7.20.2",
-    "@babel/runtime": "^7.20.13",
+    "@babel/runtime": "^7.21.0",
     "@optimize-lodash/rollup-plugin": "^4.0.3",
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-commonjs": "^24.0.1",
@@ -79,25 +72,24 @@
     "@rollup/plugin-replace": "^5.0.2",
     "@rollup/plugin-terser": "^0.4.0",
     "@vue/test-utils": "^1.3.4",
-    "@vue/vue2-jest": "^29.2.2",
-    "@zipify/colorpicker": "^2.2.2",
-    "@zipify/eslint-config": "^1.1.2",
-    "babel-jest": "^29.4.2",
-    "eslint": "8.33.0",
+    "@vue/vue2-jest": "^29.2.3",
+    "@zipify/colorpicker": "^2.3",
+    "@zipify/eslint-config": "^1.2.0",
+    "babel-jest": "^29.5.0",
+    "eslint": "8.37.0",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-jest": "^27.2.1",
-    "eslint-plugin-vue": "^9.9.0",
-    "gzipper": "^7.2.0",
+    "eslint-plugin-vue": "^9.10.0",
     "husky": "^8.0.3",
-    "jest": "^29.4.2",
-    "jest-environment-jsdom": "^29.4.2",
-    "lint-staged": "^13.1.1",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
+    "lint-staged": "^13.2.0",
     "postcss-html": "^1.5.0",
-    "release-it": "^15.6.0",
-    "rollup": "^3.14.0",
+    "release-it": "^15.9.3",
+    "rollup": "^3.20.2",
     "stylelint": "^14.16.1",
     "svgo": "^3.0.2",
-    "vite": "^4.1.1",
+    "vite": "^4.2.1",
     "vite-plugin-vue2": "^2.0.3",
     "vue": "^2.7.14",
     "vue-template-compiler": "^2.7.14"

package/ci/example/deploy.sh

@@ -1,25 +0,0 @@
-#!/usr/bin/env bash
-
-export AWS_CONFIG_FILE=./ci/example/.aws-credentials
-
-function throw_error() {
-    echo -e "\033[0;31m \n\n$1\n\n";
-    exit;
-}
-
-if ! command -v aws &> /dev/null; then
-  throw_error 'AWS CLI not found. Download from https://aws.amazon.com/cli/'
-fi;
-
-if [ ! -f "$AWS_CONFIG_FILE" ]; then
-  throw_error 'AWS credentials config not found'
-fi;
-
-echo Building... && \
-rm -rf ./example/dist && \
-npm run example:build > /dev/null && \
-npx --yes gzipper compress ./example/dist > /dev/null && \
-echo Uploading... && \
-BRANCH_NAME=$(git branch --show-current) && \
-aws s3 sync --acl public-read --cache-control 'max-age=0,no-cache,no-store,must-revalidate' "./example/dist" "s3://zipify-wysiwyg/$BRANCH_NAME" > /dev/null && \
-echo "on https://zipify-wysiwyg.s3.eu-central-1.amazonaws.com/$BRANCH_NAME/index.html"

package/config/build/node.config.js

@@ -1,38 +0,0 @@
-import { nodeResolve } from '@rollup/plugin-node-resolve';
-import { getBabelOutputPlugin } from '@rollup/plugin-babel';
-import terser from '@rollup/plugin-terser';
-import commonjs from '@rollup/plugin-commonjs';
-import replace from '@rollup/plugin-replace';
-import json from '@rollup/plugin-json';
-import { resolvePath } from './settings';
-
-export default {
-    input: resolvePath('./lib/entryNode.js'),
-    output: {
-        file: resolvePath('./dist/wysiwyg.cjs'),
-        format: 'cjs',
-        plugins: [
-            getBabelOutputPlugin({
-                presets: [
-                    ['@babel/preset-env', { targets: { node: 18 } }]
-                ]
-            }),
-            terser({ toplevel: true })
-        ]
-    },
-
-    plugins: [
-        replace({
-            preventAssignment: true,
-            values: { 'import.meta.glob': '(() => ({}))' }
-        }),
-        nodeResolve({
-            extensions: ['*', '.js', '.json'],
-            preferBuiltins: true
-        }),
-        commonjs({ ignore: ['canvas'] }),
-        json()
-    ],
-
-    external: ['jsdom']
-};