Merge pull request #53 from crynobone/nova5

Nova 5 Integration

Author: leandrogehlen

.gitattributes

@@ -0,0 +1,9 @@
+* text=auto
+
+# Ignore following folder/file.
+/.github export-ignore
+/tests export-ignore
+/workbench export-ignore
+/.gitattributes export-ignore
+/.gitignore export-ignore
+/testbench.yaml export-ignore

composer.json

@@ -16,21 +16,31 @@
         }
     ],
     "repositories": [
-      {
-          "type": "composer",
-          "url": "https://nova.laravel.com"
-      }
+        {
+            "type": "composer",
+            "url": "https://nova.laravel.com"
+        }
     ],
     "require": {
         "php": "^8.1",
         "laravel/nova": "^5.0",
         "spatie/laravel-permission": "^6.0"
     },
+    "require-dev": {
+        "laravel/nova-devtool": "^1.2"
+    },
     "autoload": {
         "psr-4": {
             "Sereny\\NovaPermissions\\": "src/"
         }
     },
+    "autoload-dev": {
+        "psr-4": {
+            "Workbench\\App\\": "workbench/app/",
+            "Workbench\\Database\\Factories\\": "workbench/database/factories/",
+            "Workbench\\Database\\Seeders\\": "workbench/database/seeders/"
+        }
+    },
     "extra": {
         "laravel": {
             "providers": [
@@ -43,5 +53,19 @@
     },
     "config": {
         "sort-packages": true
+    },
+    "scripts": {
+        "post-autoload-dump": [
+            "@clear",
+            "@prepare"
+        ],
+        "clear": "@php vendor/bin/testbench package:purge-skeleton --ansi",
+        "prepare": "@php vendor/bin/testbench package:discover --ansi",
+        "build": "@php vendor/bin/testbench workbench:build --ansi",
+        "serve": [
+            "Composer\\Config::disableProcessTimeout",
+            "@build",
+            "@php vendor/bin/testbench serve --ansi"
+        ]
     }
 }

dist/js/tool.js

@@ -1,18 +1,3 @@
-/*!
- * The buffer module from node.js, for the browser.
- *
- * @author   Feross Aboukhadijeh <http://feross.org>
- * @license  MIT
- */
-
-/*!
- * vuex v4.1.0
- * (c) 2022 Evan You
- * @license MIT
- */
-
-/*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */
-
 /**
  * @license
  * Lodash <https://lodash.com/>

dist/js/tool.js.LICENSE.txt

@@ -7,18 +7,14 @@
     "watch-poll": "mix watch -- --watch-options-poll=1000",
     "hot": "mix watch --hot",
     "prod": "npm run production",
-    "production": "mix --production",
-    "nova:install": "npm --prefix='../../vendor/laravel/nova' ci"
+    "production": "mix --production"
   },
   "devDependencies": {
-    "@inertiajs/inertia": "^0.11.1",
-    "@vue/babel-plugin-jsx": "^1.2.5",
-    "@vue/compiler-sfc": "^3.5.13",
-    "axios": "^1.7.9",
-    "laravel-mix": "^6.0.49",
+    "laravel-nova-devtool": "file:vendor/laravel/nova-devtool",
+    "vue-loader": "^16.8.3"
+  },
+  "dependencies": {
     "lodash": "^4.17.21",
-    "postcss": "^8.4.49",
-    "vue-loader": "^17.4.2",
-    "vuex": "^4.1.0"
+    "vue": "^3.5.13"
   }
 }

nova.mix.js

@@ -7,13 +7,11 @@
             {{ __(group) }}
           </h1>
           <div class="grid grid-cols-4 gap-4">
-            <div v-for="(permission, option) in permissions" :key="option">
+            <div v-for="(permission, option) in permissions" :key="option" class="flex items-center">
               <Icon
-                viewBox="0 0 24 24"
-                width="24"
-                height="24"
-                :type="hasPermission(permission.option) ? 'check-circle' : 'x-circle'"
+                :name="hasPermission(permission.option) ? 'check-circle' : 'x-circle'"
                 :class="hasPermission(permission.option) ? 'text-green-500' : 'text-red-500'"
+                class="inline-block"
               />
               <span class="ml-1">{{ permission.label }}</span>
             </div>
@@ -25,7 +23,10 @@
 </template>
 
 <script>
+import { Icon } from 'laravel-nova-ui';
+
 export default {
+  components: { Icon },
   props: [
     'resource',
     'resourceName',

package.json

@@ -10,7 +10,7 @@
 </template>
 
 <script>
-import { flatMap } from 'lodash';
+import flatMap from 'lodash/flatMap';
 
 export default {
   props: [

resources/js/components/DetailField.vue

@@ -64,8 +64,7 @@ public function boot()
         Gate::policy(config('permission.models.permission'), $this->permissionPolicy);
         Gate::policy(config('permission.models.role'), $this->rolePolicy);
 
-        Nova::script('nova-permissions', __DIR__.'/../dist/js/tool.js');
-        Nova::style('nova-permissions', __DIR__.'/../dist/css/tool.css');
+        Nova::mix('nova-permissions', __DIR__.'/../dist/mix-manifest.json');
     }
 
     /**

resources/js/components/IndexField.vue

@@ -0,0 +1,33 @@
+laravel: '@testbench'
+
+providers:
+  - Laravel\Nova\NovaServiceProvider
+  - Laravel\Nova\NovaCoreServiceProvider
+  - Workbench\App\Providers\NovaServiceProvider
+  - Spatie\Permission\PermissionServiceProvider
+  - Sereny\NovaPermissions\ToolServiceProvider
+  # - Workbench\App\Providers\WorkbenchServiceProvider
+
+migrations: true
+
+seeders:
+  - Workbench\Database\Seeders\DatabaseSeeder
+  - Workbench\Database\Seeders\RolesAndPermissionsSeeder
+
+workbench:
+  start: /nova
+  build:
+    - package:discover
+    - asset-publish
+    - create-sqlite-db
+    - db:wipe
+    - migrate:refresh
+  assets:
+    - migrations
+    - nova-assets
+  sync: []
+
+purge:
+  directories:
+    - lang/*
+    - public/vendor/*