reinstate mix for editor js

Author: johnpuddephatt

app/Nova/Post.php

@@ -126,8 +126,10 @@ public function fields(NovaRequest $request)
                     ->asHtml()
                     ->onlyOnDetail(),
             ]),
-            URL::make("URL", fn() => $this->slug ? $this->url : "#")
-            ->displayUsing(fn() => $this->slug ? "Visit" : "–"),
+            URL::make(
+                "URL",
+                fn() => $this->slug ? $this->url : "#"
+            )->displayUsing(fn() => $this->slug ? "Visit" : "–"),
         ];
     }
 

app/Providers/NovaServiceProvider.php

@@ -11,6 +11,7 @@
 use Spatie\Image\Manipulations;
 use Illuminate\Http\Request;
 use Advoor\NovaEditorJs\NovaEditorJs;
+use Illuminate\Support\Facades\Storage;
 use Illuminate\Support\Facades\Vite;
 use Laravel\Nova\Fields\Number;
 use Laravel\Nova\Fields\Text;
@@ -50,7 +51,8 @@ public function boot()
         Nova::serving(function () {
             Nova::script(
                 "editorjs-plugins",
-                Vite::asset("resources/js/editorjs-plugins.js")
+                // Vite::asset("resources/js/editorjs-plugins.js")
+                asset("editorjs-plugins.js")
             );
         });
 

package-lock.json

@@ -3,6 +3,7 @@
     "scripts": {
         "dev": "vite",
         "build": "vite build && npm run spektrixcss",
+        "build:mix": "npx mix",
         "spektrixcss": "find ./public/build/assets -name 'spektrix.*.css' -execdir mv {} spektrix.css \\;",
         "build-preview": "cd nova-components/Preview && npm run dev",
         "build-preview-prod": "cd nova-components/Preview && npm run prod"
@@ -15,6 +16,7 @@
         "autoprefixer": "^10.4.4",
         "axios": "^0.21",
         "editorjs-toggle-block": "^0.2.5",
+        "laravel-mix": "^6.0.49",
         "laravel-vite-plugin": "^0.2.4",
         "lodash": "^4.17.19",
         "postcss": "^8.4.12",
@@ -26,7 +28,6 @@
         "@alpinejs/intersect": "^3.10.2",
         "@editorjs/attaches": "^1.2.3",
         "@editorjs/image": "^2.6.2",
-        "@lottiefiles/lottie-interactivity": "^1.6.2",
         "@vtchinh/gallery-editorjs": "^1.2.3",
         "alpinejs": "^3.10.3",
         "date-fns": "^2.28.0",

package.json

@@ -1,26 +1,12 @@
 {
   "resources/js/app.js": {
-    "file": "assets/app.b2d0556e.js",
+    "file": "assets/app.9fe0a3c8.js",
     "src": "resources/js/app.js",
     "isEntry": true,
-    "imports": [
-      "__commonjsHelpers.b8add541.js"
-    ],
     "css": [
       "assets/app.2b86e033.css"
     ]
   },
-  "resources/js/editorjs-plugins.js": {
-    "file": "assets/editorjs-plugins.6e455156.js",
-    "src": "resources/js/editorjs-plugins.js",
-    "isEntry": true,
-    "imports": [
-      "__commonjsHelpers.b8add541.js"
-    ]
-  },
-  "__commonjsHelpers.b8add541.js": {
-    "file": "assets/_commonjsHelpers.b8add541.js"
-  },
   "resources/css/app.css": {
     "file": "assets/app.9184e987.css",
     "src": "resources/css/app.css",

public/build/assets/_commonjsHelpers.b8add541.js

@@ -1,4 +1,3 @@
 {
-    "/js/app.js": "/js/app.js",
-    "/css/app.css": "/css/app.css"
+    "/editorjs-plugins.js": "/editorjs-plugins.js"
 }

public/build/assets/app.9fe0a3c8.js

@@ -10,10 +10,8 @@ import "swiper/css";
 window.Swiper = Swiper;
 
 import lottie from "lottie-web";
-import { create } from "@lottiefiles/lottie-interactivity";
 
 window.lottie = lottie;
-window.create = create;
 
 Alpine.plugin(intersect);
 

public/build/assets/app.b2d0556e.js

@@ -26,7 +26,7 @@ class="absolute h-full inset-0 bg-white object-cover object-center block w-full
                      @endif
 
                      @if ($strand->logo)
-                         @icon($strand->logo, ' group-hover:delay-[0ms] delay-100 lg:group-hover:opacity-0 lg:group-hover:-translate-y-full absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-10 mx-auto w-64 lg:w-72  max-w-full px-8')
+                         @icon($strand->logo, ' group-hover:delay-[0ms] delay-100 lg:group-hover:opacity-0 lg:group-hover:-translate-y-full absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-10 mx-auto w-64 lg:w-72 max-w-full px-8')
                      @else
                          <h3
                              class="type-h4 lg:group-hover:opacity-0 lg:group-hover:-translate-y-full absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-10 mx-auto w-72 max-w-full px-8">

public/build/assets/editorjs-plugins.6e455156.js

@@ -16,7 +16,6 @@ export default defineConfig({
             "resources/css/app.css",
             "resources/css/spektrix.css",
             "resources/js/app.js",
-            "resources/js/editorjs-plugins.js",
         ]),
         {
             name: "blade",

public/build/manifest.json

@@ -0,0 +1,3 @@
+let mix = require("laravel-mix");
+
+mix.js("resources/js/editorjs-plugins.js", "public").setPublicPath("public");