fix: upgrade @tiptap/extension-image from 2.1.16 to 2.2.4

Snyk has created this PR to upgrade @tiptap/extension-image from 2.1.16 to 2.2.4.

See this package in npm:
https://www.npmjs.com/package/@tiptap/extension-image

See this project in Snyk:
https://app.snyk.io/org/nomadjimbob/project/66c7b29c-3171-4fcc-b6f1-0bc65698880c?utm_source=github&utm_medium=referral&page=upgrade-pr

composer.json

@@ -8,25 +8,30 @@
     ],
     "license": "MIT",
     "require": {
-        "php": "^8.2",
+        "php": "^8.1",
         "doctrine/dbal": "^3.5",
-        "inertiajs/inertia-laravel": "^0.6.11",
-        "laravel/framework": "^10.10",
-        "laravel/sanctum": "^3.3",
+        "guzzlehttp/guzzle": "^7.2",
+        "intervention/image": "*",
+        "laravel/framework": "^10.12",
+        "laravel/sanctum": "^3.2",
         "laravel/tinker": "^2.8",
-        "owen-it/laravel-auditing": "^13.5",
-        "spatie/image": "^2.2",
-        "spatie/laravel-permission": "^6.2",
-        "tightenco/ziggy": "^1.8"
+        "league/flysystem-aws-s3-v3": "^3.12",
+        "owen-it/laravel-auditing": "^13.1",
+        "php-ffmpeg/php-ffmpeg": "^1.1",
+        "square/square": "34.0.1.20240118",
+        "sunspikes/clamav-validator": "*",
+        "thiagoalessio/tesseract_ocr": "^2.12",
+        "vlucas/phpdotenv": "^5.5"
     },
     "require-dev": {
         "barryvdh/laravel-ide-helper": "^2.13",
         "fakerphp/faker": "^1.9.1",
+        "itsgoingd/clockwork": "^5.1",
         "laravel/pint": "^1.0",
         "laravel/sail": "^1.18",
         "mockery/mockery": "^1.4.4",
-        "nunomaduro/collision": "^7.0",
-        "phpunit/phpunit": "^10.1",
+        "nunomaduro/collision": "^7.1",
+        "phpunit/phpunit": "^10.1.3",
         "spatie/laravel-ignition": "^2.0"
     },
     "autoload": {
@@ -38,12 +43,14 @@
         "psr-4": {
             "App\\": "app/",
             "Database\\Factories\\": "database/factories/",
-            "Database\\Seeders\\": "database/seeders/"
+            "Database\\Seeders\\": "database/seeders/",
+            "Faker\\Provider\\": "faker/provider/"
         }
     },
     "autoload-dev": {
         "psr-4": {
-            "Tests\\": "tests/"
+            "Tests\\": "tests/",
+            "Faker\\Provider\\": "faker/provider/"
         }
     },
     "scripts": {
@@ -71,8 +78,7 @@
         "preferred-install": "dist",
         "sort-packages": true,
         "allow-plugins": {
-            "pestphp/pest-plugin": true,
-            "php-http/discovery": true
+            "pestphp/pest-plugin": true
         }
     },
     "minimum-stability": "stable",

config/app.php

@@ -159,7 +159,7 @@ return [
         /*
          * Package Service Providers...
          */
-        Intervention\Image\ImageServiceProvider::class,
+        // Intervention\Image\ImageServiceProvider::class,
         OwenIt\Auditing\AuditingServiceProvider::class,
 
         /*

package.json

@@ -1,24 +1,40 @@
 {
     "private": true,
-    "type": "module",
     "scripts": {
         "dev": "vite",
-        "build": "vite build"
+        "build": "vite build",
+        "lint": "eslint \"**/*.{js,jsx,.vue}\" --ignore-path .gitignore",
+        "format": "prettier .  --write",
+        "test": "vitest",
+        "knip": "knip",
+        "ls-lint": "npx @ls-lint/ls-lint"
     },
     "devDependencies": {
-        "autoprefixer": "^10.4.16",
-        "axios": "^1.6.1",
+        "@ls-lint/ls-lint": "^2.2.2",
+        "@typescript-eslint/eslint-plugin": "^6.19.1",
+        "@typescript-eslint/parser": "^6.19.1",
+        "eslint": "^8.52.0",
+        "eslint-config-prettier": "^9.0.0",
+        "eslint-plugin-jsdoc": "^48.0.2",
+        "eslint-plugin-vue": "^9.18.1",
+        "knip": "^4.2.1",
         "laravel-vite-plugin": "^0.8.0",
-        "postcss": "^8.4.31",
-        "precss": "^4.0.0",
-        "tailwindcss": "^3.3.5",
-        "vite": "^4.0.0"
+        "lodash": "^4.17.19",
+        "postcss": "^8.4.27",
+        "prettier": "3.2.4",
+        "rollup-plugin-analyzer": "^4.0.0",
+        "ts-node": "^10.9.1",
+        "typescript": "^5.0.4",
+        "unocss": "^0.58.3",
+        "vite": "^4.5.3",
+        "vite-plugin-compression2": "^0.11.0",
+        "vitest": "^1.2.1"
     },
     "dependencies": {
         "@inertiajs/progress": "^0.2.7",
         "@inertiajs/vue3": "^1.0.14",
         "@tiptap/extension-highlight": "^2.1.8",
-        "@tiptap/extension-image": "^2.0.3",
+        "@tiptap/extension-image": "^2.2.4",
         "@tiptap/extension-link": "^2.0.3",
         "@tiptap/extension-subscript": "^2.0.3",
         "@tiptap/extension-superscript": "^2.1.8",
@@ -27,12 +43,14 @@
         "@tiptap/pm": "^2.0.3",
         "@tiptap/starter-kit": "^2.1.8",
         "@tiptap/vue-3": "^2.0.3",
-        "@vitejs/plugin-vue": "^4.4.0",
+        "@vitejs/plugin-vue": "^4.6.2",
         "dompurify": "^3.0.4",
-        "primevue": "^3.46.0",
+        "dotenv": "^16.4.1",
+        "pinia": "^2.0.28",
+        "pinia-plugin-persistedstate": "^3.2.0",
+        "sass": "^1.69.5",
         "vue": "^3.3.7",
-        "vue-loader": "^17.4.2",
-        "vue-toastification": "^2.0.0-rc.5",
+        "vue-router": "^4.2.2",
         "ziggy-js": "^1.8.1"
     }
 }

resources/js/main.js

@@ -1,39 +1,12 @@
-import { createInertiaApp } from "@inertiajs/vue3";
-import Toast, { POSITION } from "vue-toastification";
-import "vue-toastification/dist/index.css";
-import { createApp, h } from "vue/dist/vue.esm-bundler.js";
-import "./bootstrap";
+import Router from "@/router";
+import { createPinia } from "pinia";
+import piniaPluginPersistedstate from "pinia-plugin-persistedstate";
+import { createApp } from "vue";
+import App from "./views/App.vue";
+import "uno.css";
+import "../css/app.scss";
 
-createInertiaApp({
-    title: (title) => `${title} - STEMMechanics`,
-    progress: {
-        delay: 250,
-        color: "#22C55E",
-        includeCSS: true,
-        showSpinner: false,
-    },
-    resolve: (name) => {
-        const pages = import.meta.glob("./Pages/**/*.vue", { eager: true });
-        return pages[`./Pages/${name}.vue`];
-    },
-    setup({ el, App, props, plugin }) {
-        createApp({ render: () => h(App, props) })
-            .use(plugin)
-            .use(Toast, {
-                position: POSITION.TOP_CENTER,
-                toastClassName: "stemmechanics-toast",
-                transition: "toast",
-                hideProgressBar: true,
-            })
-            .mixin({ methods: { route } })
-            .directive("inject-svg", {
-                mounted(el) {
-                    window.SVGInject(el);
-                },
-                updated(el) {
-                    window.SVGInject(el);
-                },
-            })
-            .mount(el);
-    },
-});
+const pinia = createPinia();
+pinia.use(piniaPluginPersistedstate);
+
+createApp(App).use(pinia).use(Router).mount("#app");

vite.config.ts

@@ -1,14 +1,52 @@
-import { defineConfig } from "vite";
-import laravel from "laravel-vite-plugin";
-
 import vue from "@vitejs/plugin-vue";
+import laravel from "laravel-vite-plugin";
+import analyzer from "rollup-plugin-analyzer";
+import { compression } from "vite-plugin-compression2";
+import { defineConfig } from "vite";
+import Unocss from "unocss/vite";
 
 export default defineConfig({
     plugins: [
-        vue(),
+        vue({
+            template: {
+                compilerOptions: {
+                    isCustomElement: (tag) => ["ion-icon"].includes(tag),
+                },
+                transformAssetUrls: {
+                    base: null,
+                    includeAbsolute: false,
+                },
+            },
+        }),
+        Unocss({}),
         laravel({
-            input: ["resources/css/main.css", "resources/js/main.js"],
+            input: ["resources/css/app.scss", "resources/js/main.js"],
             refresh: true,
         }),
+        analyzer({ summaryOnly: true }),
+        compression({
+            include: [/\.(js)$/, /\.(css)$/],
+            // deleteOriginalAssets: true,
+        }),
     ],
+    css: {
+        preprocessorOptions: {
+            scss: {
+                // additionalData: `@import "./resources/css/variables.scss";`,
+            },
+        },
+    },
+    envPrefix: ["VITE_", "APP_URL"],
+    resolve: {
+        alias: {
+            vue: "vue/dist/vue.esm-bundler.js",
+        },
+    },
+    build: {
+        chunkSizeWarningLimit: 500,
+        rollupOptions: {
+            output: {},
+        },
+    },
+    base: "",
 });