Merge pull request #5 from mostafaznv/dev

Support Nova 4

.gitignore

@@ -5,5 +5,4 @@ yarn-error.log
 public/hot
 composer.lock
 package-lock.json
-/webpack.mix.js
 .idea

README.md

@@ -184,6 +184,7 @@ $this->app->bind('ckeditor-image-storage', MyImageStorage::class);
 |------------------|---------|------------------|-----------------------------------------------------------------------------------------------|
 | toolbar          | Array   | from config file | Set toolbar items                                                                             |
 | height           | Integer | from config file | Set editor's height                                                                           |
+| limitOnIndex     | Integer | 85               | Set character limit on index                                                                  |
 | contentLanguage  | Integer | from config file | Language of editor's content. if you want to change text-direction (RTL, LTR), you need this  |
 | imageBrowser     | Boolean | from config file | Enable/Disable image picker                                                                   |
 | videoBrowser     | Boolean | from config file | Enable/Disable video picker                                                                   |

composer.json

@@ -19,6 +19,7 @@
         "intervention/image": "^2.5",
         "mostafaznv/nova-video": "^2.0",
         "laravel/framework": "^8.40.0|^9.0",
+        "laravel/nova": "^4.0",
         "spatie/laravel-image-optimizer": "^1.6"
     },
     "autoload": {

dist/js/field.js.LICENSE.txt

@@ -15,17 +15,6 @@
  */
 
 /**
- * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
+ * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
-
-/**
- * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
- * For licensing, see LICENSE.md.
- */
-
-/**
- * v-lazy-image v1.4.0
- * (c) 2020 Alex Jover Morales <[email protected]>
- * @license MIT
- */

package.json

@@ -1,53 +1,55 @@
 {
     "private": true,
     "scripts": {
-        "dev": "npm run development",
-        "prod": "npm run production",
-        "watch-poll": "npm run watch -- --watch-poll",
-        "build": "webpack --mode production --config=resources/js/ckeditor/webpack.config.js",
-        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --disable-host-check  --config=node_modules/laravel-mix/setup/webpack.config.js",
-        "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
-        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
-        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
+        "dev": "mix",
+        "watch": "mix watch",
+        "watch-poll": "mix watch -- --watch-options-poll=1000",
+        "hot": "mix watch --hot",
+        "prod": "mix --production"
     },
     "devDependencies": {
-        "@ckeditor/ckeditor5-alignment": "^29.1.0",
-        "@ckeditor/ckeditor5-autoformat": "^29.1.0",
-        "@ckeditor/ckeditor5-basic-styles": "^29.1.0",
-        "@ckeditor/ckeditor5-block-quote": "^29.1.0",
-        "@ckeditor/ckeditor5-code-block": "^29.1.0",
-        "@ckeditor/ckeditor5-dev-utils": "^25.3.1",
-        "@ckeditor/ckeditor5-dev-webpack-plugin": "^25.3.1",
-        "@ckeditor/ckeditor5-editor-classic": "^29.1.0",
-        "@ckeditor/ckeditor5-essentials": "^29.1.0",
-        "@ckeditor/ckeditor5-font": "^29.1.0",
-        "@ckeditor/ckeditor5-heading": "^29.1.0",
-        "@ckeditor/ckeditor5-horizontal-line": "^29.1.0",
-        "@ckeditor/ckeditor5-html-embed": "^29.1.0",
-        "@ckeditor/ckeditor5-image": "^29.1.0",
-        "@ckeditor/ckeditor5-indent": "^29.1.0",
-        "@ckeditor/ckeditor5-link": "^29.1.0",
-        "@ckeditor/ckeditor5-list": "^29.1.0",
-        "@ckeditor/ckeditor5-media-embed": "^29.1.0",
-        "@ckeditor/ckeditor5-paragraph": "^29.1.0",
-        "@ckeditor/ckeditor5-paste-from-office": "^29.1.0",
-        "@ckeditor/ckeditor5-source-editing": "^29.1.0",
-        "@ckeditor/ckeditor5-table": "^29.1.0",
-        "@ckeditor/ckeditor5-theme-lark": "^29.1.0",
-        "@ckeditor/ckeditor5-ui": "^29.1.0",
+        "@ckeditor/ckeditor5-alignment": "^34.0.0",
+        "@ckeditor/ckeditor5-autoformat": "^34.0.0",
+        "@ckeditor/ckeditor5-basic-styles": "^34.0.0",
+        "@ckeditor/ckeditor5-block-quote": "^34.0.0",
+        "@ckeditor/ckeditor5-code-block": "^34.0.0",
+        "@ckeditor/ckeditor5-dev-utils": "^30.1.4",
+        "@ckeditor/ckeditor5-dev-webpack-plugin": "^30.1.4",
+        "@ckeditor/ckeditor5-editor-classic": "^34.0.0",
+        "@ckeditor/ckeditor5-essentials": "^34.0.0",
+        "@ckeditor/ckeditor5-font": "^34.0.0",
+        "@ckeditor/ckeditor5-heading": "^34.0.0",
+        "@ckeditor/ckeditor5-horizontal-line": "^34.0.0",
+        "@ckeditor/ckeditor5-html-embed": "^34.0.0",
+        "@ckeditor/ckeditor5-image": "^34.0.0",
+        "@ckeditor/ckeditor5-indent": "^34.0.0",
+        "@ckeditor/ckeditor5-link": "^34.0.0",
+        "@ckeditor/ckeditor5-list": "^34.0.0",
+        "@ckeditor/ckeditor5-media-embed": "^34.0.0",
+        "@ckeditor/ckeditor5-paragraph": "^34.0.0",
+        "@ckeditor/ckeditor5-paste-from-office": "^34.0.0",
+        "@ckeditor/ckeditor5-source-editing": "^34.0.0",
+        "@ckeditor/ckeditor5-table": "^34.0.0",
+        "@ckeditor/ckeditor5-theme-lark": "^34.0.0",
+        "@ckeditor/ckeditor5-ui": "^34.0.0",
+        "@vue/compiler-sfc": "^3.2.33",
         "cross-env": "^7.0.2",
         "drag-drop": "^6.0.0",
-        "laravel-mix": "^5.0.4",
-        "laravel-nova": "^1.2.2",
-        "postcss-loader": "^3.0.0",
+        "laravel-mix": "^6.0",
+        "laravel-nova": "^1.12.3",
+        "postcss-loader": "^4.0.0",
         "raw-loader": "^4.0.1",
-        "resolve-url-loader": "^3.1.1",
+        "resolve-url-loader": "^5.0.0",
         "sass": "^1.26.5",
         "sass-loader": "^8.0.2",
-        "style-loader": "^1.1.3",
-        "v-lazy-image": "^1.4.0",
-        "vue": "^2.6.11",
-        "vue-template-compiler": "^2.6.11"
+        "style-loader": "^2.0.0",
+        "v-lazy-image": "^2.1.1",
+        "vue-loader": "^16.2.0",
+        "vue-template-compiler": "^2.6.11",
+        "webpack": "^5.9.0"
     },
-    "dependencies": {}
+    "dependencies": {
+        "postcss-scss": "^4.0.4",
+        "vue": "^2.6.11"
+    }
 }

resources/js/components/editor-detail.vue

@@ -1,6 +1,6 @@
 <template>
     <panel-item :field="field">
-        <template slot="value">
+        <template #value>
             <div class="ckeditor_content">
                 <excerpt :content="field.value" :should-show="field.shouldShow" :plain-text="false" />
             </div>