Merge pull request #55 from webard/main

Introduce nova-kit/nova-packages-tool

Author: Muetze42

.gitignore

@@ -8,3 +8,4 @@ phpunit.xml
 .phpunit.result.cache
 .DS_Store
 Thumbs.db
+auth.json

composer.json

@@ -15,7 +15,14 @@
     "require": {
         "php": "^8.0",
         "laravel/nova": "^4.27.14",
-        "norman-huth/nova-basic-package": "^1.2.6"
+        "norman-huth/nova-basic-package": "^1.2.6",
+        "nova-kit/nova-packages-tool": "^1.17"
+    },
+    "repositories": {
+        "nova": {
+            "type": "composer",
+            "url": "https://nova.laravel.com"
+        }
     },
     "autoload": {
         "psr-4": {

dist/js/tool.js

@@ -1,3 +1,3 @@
 {
-    "/js/tool.js": "/js/tool.js?id=f784f5ef8bff673d4c91433f754f9c9b"
+    "/js/tool.js": "/js/tool.js?id=6d2963b95b1029c41300eba98761f83a"
 }

dist/mix-manifest.json

@@ -13,15 +13,9 @@ class NovaExtension {
 
   webpackConfig(webpackConfig) {
     webpackConfig.externals = {
-      vue: 'Vue'
-    }
-
-    webpackConfig.resolve.alias = {
-      ...(webpackConfig.resolve.alias || {}),
-      'laravel-nova': path.join(
-        __dirname,
-        '../../nova/resources/js/mixins/packages.js'
-      )
+      vue: 'Vue',
+      'laravel-nova': 'LaravelNova',
+      'laravel-nova-ui': 'LaravelNovaUi'
     }
 
     webpackConfig.output = {

nova.mix.js

@@ -1,43 +1,28 @@
 <template>
   <div v-if="item.items.length > 0" :class="item.classes.filterClass">
-    <h4
-      @click.prevent="handleClick"
-      class="flex items-center px-1 py-1 rounded text-left text-gray-500"
-      :class="[{
-        'cursor-pointer hover:bg-gray-200 dark:hover:bg-gray-800':
-          displayAsButton,
-        'font-bold text-primary-500 dark:text-primary-500': item.active,
-      }, item.icons.classes.elem, { 'cursor-pointer menu-iframe-group': item.iframe.target }]"
-      v-tooltip.click="item.tooltip"
-      @click="item.iframe.target ? open = true : null"
-    >
+    <h4 @click.prevent="handleClick" class="flex items-center px-1 py-1 rounded text-left text-gray-500" :class="[{
+      'cursor-pointer hover:bg-gray-200 dark:hover:bg-gray-800':
+        displayAsButton,
+      'font-bold text-primary-500 dark:text-primary-500': item.active,
+    }, item.icons.classes.elem, { 'cursor-pointer menu-iframe-group': item.iframe.target }]"
+      v-tooltip.click="item.tooltip" @click="item.iframe.target ? open = true : null">
       <span class="inline-block shrink-0 w-6 h-6">
-        <NHMenuIcon :icons="item.icons" v-if="!item.icons.asLabel"/>
+        <NHMenuIcon :icons="item.icons" v-if="!item.icons.asLabel" />
       </span>
 
-      <span
-        class="flex-1 flex items-center w-full tracking-wide uppercase font-bold text-left text-xs px-3 py-1"
-        :class="'gap-x-'+item.icons.labelGap"
-      >
-        <NHMenuIcon :icons="item.icons" v-if="item.icons.asLabel" class="inline-block"/>
+      <span class="flex-1 flex items-center w-full tracking-wide uppercase font-bold text-left text-xs px-3 py-1"
+        :class="'gap-x-' + item.icons.labelGap">
+        <NHMenuIcon :icons="item.icons" v-if="item.icons.asLabel" class="inline-block" />
         {{ item.name }}
       </span>
 
-      <span
-        v-if="item.collapsable"
-        class="inline-flex items-center justify-center shrink-0 w-6 h-6"
-      >
-        <CollapseButton :collapsed="collapsed" :to="item.path"/>
+      <span v-if="item.collapsable" class="inline-flex items-center justify-center shrink-0 w-6 h-6">
+        <CollapseButton :collapsed="collapsed" :to="item.path" />
       </span>
     </h4>
 
     <div v-if="!collapsed && !item.iframe.target">
-      <component
-        :key="item.name"
-        v-for="item in item.items"
-        :is="item.component"
-        :item="item"
-      />
+      <component :key="item.name" v-for="item in item.items" :is="item.component" :item="item" />
     </div>
   </div>
   <div :class="item.iframe.wrapper.classes" :style="item.iframe.wrapper.styles" @click="open = false" v-if="open">
@@ -46,7 +31,7 @@
 </template>
 
 <script>
-import Collapsable from './../../../../../laravel/nova/resources/js/mixins/Collapsable.js'
+import Collapsable from './../../../vendor/laravel/nova/resources/js/mixins/Collapsable.js'
 
 export default {
   mixins: [Collapsable],

package-lock.json

@@ -1,27 +1,20 @@
 <template>
   <div class="relative" v-if="item.path || item.items.length > 0" :class="item.classes.filterClass">
-    <component
-      :is="component"
-      :href="item.path ?? null"
-      @click.prevent="handleClick"
+    <component :is="component" :href="item.path ?? null" @click.prevent="handleClick"
       :tabindex="displayAsButton ? 0 : null"
       class="w-full flex items-start px-1 py-1 rounded text-left text-gray-500 dark:text-gray-500 focus:outline-none focus:ring focus:ring-primary-200 dark:focus:ring-gray-600"
       :class="[{
         'cursor-pointer hover:bg-gray-200 dark:hover:bg-gray-800':
           displayAsButton,
         'font-bold text-primary-500 dark:text-primary-500': item.active,
-      },item.icons.classes.elem,{ 'cursor-pointer menu-iframe-section': item.iframe.target }]"
-      v-tooltip.click="item.tooltip"
-      @click="item.iframe.target ? open = true : null"
-    >
+      }, item.icons.classes.elem, { 'cursor-pointer menu-iframe-section': item.iframe.target }]"
+      v-tooltip.click="item.tooltip" @click="item.iframe.target ? open = true : null">
       <span class="inline-block shrink-0 w-6 h-6">
         <NHMenuIcon :icons="item.icons" />
       </span>
 
-      <span
-        class="flex-1 flex items-center w-full px-3 text-base"
-        :class="[{'font-bold inertia-link-active': item.active}, item.icons.classes.label]"
-      >
+      <span class="flex-1 flex items-center w-full px-3 text-base"
+        :class="[{ 'font-bold inertia-link-active': item.active }, item.icons.classes.label]">
         {{ item.name }}
       </span>
 
@@ -31,21 +24,13 @@
         </Badge>
       </span>
 
-      <span
-        v-if="item.collapsable"
-        class="inline-flex items-center justify-center shrink-0 w-6 h-6"
-      >
+      <span v-if="item.collapsable" class="inline-flex items-center justify-center shrink-0 w-6 h-6">
         <CollapseButton :collapsed="collapsed" :to="item.path" />
       </span>
     </component>
 
     <div v-if="!item.iframe.target && item.items.length > 0 && !collapsed" class="mt-1 space-y-1">
-      <component
-        :is="item.component"
-        v-for="item in item.items"
-        :key="item.name"
-        :item="item"
-      />
+      <component :is="item.component" v-for="item in item.items" :key="item.name" :item="item" />
     </div>
   </div>
   <div :class="item.iframe.wrapper.classes" :style="item.iframe.wrapper.styles" @click="open = false" v-if="open">
@@ -54,7 +39,7 @@
 </template>
 
 <script>
-import Collapsable from './../../../../../laravel/nova/resources/js/mixins/Collapsable.js'
+import Collapsable from './../../../vendor/laravel/nova/resources/js/mixins/Collapsable.js'
 import { mapGetters, mapMutations } from 'vuex'
 
 export default {