#20 Update assets to support Nova v4

Author: alies-dev

.editorconfig

@@ -0,0 +1,14 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+indent_style = space
+indent_size = 4
+trim_trailing_whitespace = true
+max_line_length = 120
+tab_width = 4
+
+[*.{yml,yaml}]
+indent_size = 2

.github/workflows/run-tests.yml

@@ -10,11 +10,13 @@ jobs:
       matrix:
         os: [ ubuntu-latest ]
         php: [ 8.0, 8.1 ]
-        laravel: [ 8.* ]
+        laravel: [ 8.*, 9.* ]
         dependency-version: [ prefer-stable ]
         include:
           - laravel: 8.*
             testbench: 6.*
+          - laravel: 9.*
+            testbench: 7.*
 
     name: P${{ matrix.php }} - L${{ matrix.laravel }} - ${{ matrix.dependency-version }} - ${{ matrix.os }}
 
@@ -36,7 +38,7 @@ jobs:
 
       - name: Install dependencies
         run: |
-          composer config "http-basic.nova.laravel.com" "${{ secrets.NOVA_USERNAME }}" "${{ secrets.NOVA_PASSWORD }}"
+          composer config "http-basic.nova.laravel.com" "${{ secrets.NOVA_USERNAME }}" "${{ secrets.NOVA_4_LICENSE_KEY }}"
           composer require "laravel/framework:${{ matrix.laravel }}" "orchestra/testbench:${{ matrix.testbench }}" --no-interaction --no-update
           composer update --${{ matrix.dependency-version }} --prefer-dist --no-interaction
         env:

README.md

@@ -43,9 +43,11 @@ To access it, please use `savingCallback()` method (see an extended example belo
 Basic field config:
 
 ```php
+use  \InteractionDesignFoundation\NovaUnlayerField\Unlayer;
+
 public function fields()
 {
-    return [ 
+    return [
         Unlayer::make('Content', 'design')->config([
             'projectId' => config('unlayer.project_id'),
 

composer.json

@@ -10,15 +10,16 @@
     "require": {
         "php": ">=8.0",
         "ext-json": "*",
-        "laravel/nova": "^3.0"
+        "laravel/nova": "^4.0"
     },
     "require-dev": {
-        "orchestra/testbench": "^6.0",
+        "orchestra/testbench": "^7.0",
         "phpunit/phpunit": "^9.5"
     },
     "repositories": [
         {
-            "type": "composer", "url": "https://nova.laravel.com"
+            "type": "composer",
+            "url": "https://nova.laravel.com"
         }
     ],
     "autoload": {
@@ -44,6 +45,6 @@
     "minimum-stability": "dev",
     "prefer-stable": true,
     "scripts": {
-        "test": "phpunit"
+        "test": "phpunit --colors=always"
     }
 }

dist/js/field.js

@@ -1,15 +1,5 @@
 /*!
- * Determine if an object is a Buffer
- *
- * @author   Feross Aboukhadijeh <https://feross.org>
- * @license  MIT
- */
-
-/**
- * @license
- * Lodash <https://lodash.com/>
- * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
- * Released under MIT license <https://lodash.com/license>
- * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
- * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+ * vuex v4.0.2
+ * (c) 2021 Evan You
+ * @license MIT
  */

dist/js/field.js.LICENSE.txt

@@ -1,3 +1,3 @@
 {
-    "/js/field.js": "/js/field.js?id=91285b3fc9d7bd26b92f"
+    "/js/field.js": "/js/field.js?id=7f5d3737502d8dbd08b746be701720e6"
 }

dist/mix-manifest.json

@@ -0,0 +1,40 @@
+const mix = require('laravel-mix')
+const webpack = require('webpack')
+const path = require('path')
+
+class NovaExtension {
+  name() {
+    return 'nova-extension'
+  }
+
+  register(name) {
+    this.name = name
+  }
+
+  webpackPlugins() {
+    return new webpack.ProvidePlugin({
+      _: 'lodash',
+      Errors: 'form-backend-validation',
+    })
+  }
+
+  webpackConfig(webpackConfig) {
+    webpackConfig.externals = {
+      vue: 'Vue',
+    }
+
+    webpackConfig.resolve.alias = {
+      ...(webpackConfig.resolve.alias || {}),
+      'laravel-nova': path.join(
+        __dirname,
+        '../../vendor/laravel/nova/resources/js/mixins/packages.js'
+      ),
+    }
+
+    webpackConfig.output = {
+      uniqueName: this.name,
+    }
+  }
+}
+
+mix.extend('nova', new NovaExtension())

nova.mix.js

@@ -1,23 +1,25 @@
 {
-    "private": false,
+    "private": true,
     "engines": {
-        "node": "^14.0"
+        "node": ">=16.0"
     },
     "scripts": {
         "dev": "npm run development",
         "development": "mix",
         "watch": "mix watch",
+        "watch-poll": "mix watch -- --watch-options-poll=1000",
         "hot": "mix watch --hot",
         "prod": "npm run production",
-        "production": "mix --production"
+        "production": "mix --production",
+        "nova:install": "npm --prefix='../../vendor/laravel/nova' ci"
     },
     "devDependencies": {
+        "@vue/compiler-sfc": "^3.2.22",
+        "form-backend-validation": "^2.3.3",
         "laravel-mix": "^6.0.41",
-        "laravel-nova": "^1.0",
-        "vue-loader": "^15.9.8",
-        "vue-template-compiler": "^2.6.14"
+        "lodash": "^4.17.21",
+        "postcss": "^8.3.11",
+        "vue-loader": "^16.8.3"
     },
-    "dependencies": {
-        "vue": "^2.5.0"
-    }
+    "dependencies": {}
 }

package.json

@@ -1,11 +1,11 @@
 <template>
-    <panel-item :field="field">
+    <PanelItem :field="field">
         <template slot="value">
             <div class="overflow-hidden">
                 <iframe :id="iframeId" sandbox="allow-scripts allow-same-origin" importance="low" width="100%"></iframe>
             </div>
         </template>
-    </panel-item>
+    </PanelItem>
 </template>
 
 <script>