Merge pull request #40 from beromir/feat/inertia-v1

[TASK] Upgrade Inertia to v1.0

package.json

@@ -5,11 +5,10 @@
         "build": "vite build"
     },
     "devDependencies": {
-        "@inertiajs/inertia": "^0.11",
-        "@inertiajs/inertia-svelte": "^0.8",
-        "@inertiajs/progress": "^0.2.7",
+        "@sveltejs/vite-plugin-svelte": "^1.4.0",
         "@tailwindcss/forms": "^0.5.2",
         "@tailwindcss/typography": "^0.5.2",
+        "autoprefixer": "^10.4.13",
         "axios": "^0.27.2",
         "inter-ui": "^3.19.3",
         "laravel-vite-plugin": "^0.7.1",
@@ -20,8 +19,9 @@
         "svelte-loader": "^3.1.2",
         "swagger-ui": "^4.15.5",
         "tailwindcss": "^3.0.24",
-        "vite": "^3.2.5",
-        "@sveltejs/vite-plugin-svelte": "^1.4.0",
-        "autoprefixer": "^10.4.13"
+        "vite": "^3.2.5"
+    },
+    "dependencies": {
+        "@inertiajs/svelte": "^1.0.0"
     }
 }

resources/js/Components/BreadcrumbNavigation/BreadcrumbNavContainer.svelte

@@ -1,6 +1,5 @@
 <script>
-    import {inertia} from '@inertiajs/inertia-svelte';
-    import {route} from "@/utils";
+    import {inertia} from '@inertiajs/svelte';
     import BreadcrumbNavItem from "@/Components/BreadcrumbNavigation/BreadcrumbNavItem.svelte";
 
     export let navigationNameForSr = '';

resources/js/Components/BreadcrumbNavigation/BreadcrumbNavItem.svelte

@@ -1,5 +1,5 @@
 <script>
-    import {inertia} from "@inertiajs/inertia-svelte";
+    import {inertia} from "@inertiajs/svelte";
 
     export let link = '';
     export let title = '';

resources/js/Components/LinkList/ListItem.svelte

@@ -1,6 +1,6 @@
 <script>
     import {route} from "@/utils";
-    import {inertia} from "@inertiajs/inertia-svelte";
+    import {inertia} from "@inertiajs/svelte";
 
     export let link = {};
     export let withShadow = true;

resources/js/Components/Navigation/DesktopMenuItem.svelte

@@ -1,6 +1,6 @@
 <script>
-    import {inertia} from "@inertiajs/inertia-svelte";
-    import {page} from '@inertiajs/inertia-svelte';
+    import {inertia} from "@inertiajs/svelte";
+    import {page} from '@inertiajs/svelte';
 
     export let title;
     export let url;

resources/js/Components/Navigation/MobileMenuItem.svelte

@@ -1,6 +1,6 @@
 <script>
-    import {inertia} from "@inertiajs/inertia-svelte";
-    import {page} from '@inertiajs/inertia-svelte';
+    import {inertia} from "@inertiajs/svelte";
+    import {page} from '@inertiajs/svelte';
     import {createEventDispatcher} from "svelte";
 
     const dispatch = createEventDispatcher();

resources/js/Components/Pagination.svelte

@@ -1,5 +1,5 @@
 <script>
-    import { inertia } from '@inertiajs/inertia-svelte';
+    import { inertia } from '@inertiajs/svelte';
 
     export let links = [];
 </script>

resources/js/Jetstream/AuthenticationCardLogo.svelte

@@ -1,5 +1,5 @@
 <script>
-    import {inertia} from '@inertiajs/inertia-svelte';
+    import {inertia} from '@inertiajs/svelte';
 </script>
 
 <a href="/" use:inertia>

resources/js/Jetstream/ConfirmsPassword.svelte

@@ -5,7 +5,7 @@
     import JetInput from './Input.svelte';
     import JetInputError from './InputError.svelte';
     import JetSecondaryButton from './SecondaryButton.svelte';
-    import {useForm} from "@inertiajs/inertia-svelte";
+    import {useForm} from "@inertiajs/svelte";
     import {route} from "@/utils";
 
     const dispatch = createEventDispatcher();

resources/js/Jetstream/DropdownLink.svelte

@@ -1,5 +1,5 @@
 <script>
-    import {inertia} from '@inertiajs/inertia-svelte';
+    import {inertia} from '@inertiajs/svelte';
 
     export let href;
     export let type = 'button';

resources/js/Jetstream/NavLink.svelte

@@ -1,5 +1,5 @@
 <script>
-    import {inertia} from '@inertiajs/inertia-svelte';
+    import {inertia} from '@inertiajs/svelte';
 
     export let href;
     export let active;

resources/js/Layouts/AppLayout/AppLayout.svelte

@@ -6,7 +6,7 @@
 </script>
 
 <script>
-    import {inertia, page} from '@inertiajs/inertia-svelte';
+    import {inertia, page} from '@inertiajs/svelte';
     import LinkModal from "@/Partials/LinkModal.svelte";
     import DeleteLinkModal from "@/Partials/DeleteLinkModal.svelte";
     import {route, dispatchCustomEvent, clickOutside} from '@/utils';

resources/js/Layouts/GuestLayout.svelte

@@ -5,7 +5,7 @@
 </script>
 
 <script>
-    import {page} from '@inertiajs/inertia-svelte';
+    import {page} from '@inertiajs/svelte';
 
     let appName = $page.props.appName;
 </script>

resources/js/Pages/API/Partials/ApiTokenManager.svelte

@@ -12,7 +12,7 @@
     import JetLabel from '@/Jetstream/Label.svelte';
     import JetSecondaryButton from '@/Jetstream/SecondaryButton.svelte';
     import JetSectionBorder from '@/Jetstream/SectionBorder.svelte';
-    import {page, useForm} from "@inertiajs/inertia-svelte";
+    import {page, useForm} from "@inertiajs/svelte";
     import {route} from "@/utils";
 
     export let tokens;

resources/js/Pages/Auth/ConfirmPassword.svelte

@@ -11,7 +11,7 @@
     import JetInput from '@/Jetstream/Input.svelte';
     import JetLabel from '@/Jetstream/Label.svelte';
     import JetValidationErrors from '@/Jetstream/ValidationErrors.svelte';
-    import {useForm} from "@inertiajs/inertia-svelte";
+    import {useForm} from "@inertiajs/svelte";
     import {route} from "@/utils";
 
     $title = 'Secure Area';

resources/js/Pages/Auth/ForgotPassword.svelte

@@ -11,7 +11,7 @@
     import JetInput from '@/Jetstream/Input.svelte';
     import JetLabel from '@/Jetstream/Label.svelte';
     import JetValidationErrors from '@/Jetstream/ValidationErrors.svelte';
-    import {useForm} from "@inertiajs/inertia-svelte";
+    import {useForm} from "@inertiajs/svelte";
     import {route} from "@/utils";
 
     $title = 'Forgot Password';

resources/js/Pages/Auth/Login.svelte

@@ -5,7 +5,7 @@
 </script>
 
 <script>
-    import {inertia, useForm} from '@inertiajs/inertia-svelte';
+    import {inertia, useForm} from '@inertiajs/svelte';
     import JetAuthenticationCard from '@/Jetstream/AuthenticationCard.svelte'
     import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo.svelte'
     import JetButton from '@/Jetstream/Button.svelte'

resources/js/Pages/Auth/Register.svelte

@@ -5,7 +5,7 @@
 </script>
 
 <script>
-    import {inertia, useForm} from '@inertiajs/inertia-svelte';
+    import {inertia, useForm} from '@inertiajs/svelte';
     import JetAuthenticationCard from '@/Jetstream/AuthenticationCard.svelte'
     import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo.svelte'
     import JetButton from '@/Jetstream/Button.svelte'

resources/js/Pages/Auth/ResetPassword.svelte

@@ -11,7 +11,7 @@
     import JetInput from '@/Jetstream/Input.svelte';
     import JetLabel from '@/Jetstream/Label.svelte';
     import JetValidationErrors from '@/Jetstream/ValidationErrors.svelte';
-    import {useForm} from "@inertiajs/inertia-svelte";
+    import {useForm} from "@inertiajs/svelte";
     import {route} from "@/utils";
 
     export let email = '';

resources/js/Pages/Auth/TwoFactorChallenge.svelte

@@ -11,7 +11,7 @@
     import JetInput from '@/Jetstream/Input.svelte';
     import JetLabel from '@/Jetstream/Label.svelte';
     import JetInputError from '@/Jetstream/InputError.svelte';
-    import {useForm} from "@inertiajs/inertia-svelte";
+    import {useForm} from "@inertiajs/svelte";
     import {tick} from 'svelte';
     import {route} from "@/utils";
 

resources/js/Pages/Auth/VerifyEmail.svelte

@@ -8,9 +8,8 @@
     import JetAuthenticationCard from '@/Jetstream/AuthenticationCard.svelte';
     import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo.svelte';
     import JetButton from '@/Jetstream/Button.svelte';
-    import {useForm} from "@inertiajs/inertia-svelte";
+    import {useForm, inertia} from "@inertiajs/svelte";
     import {route} from "@/utils";
-    import {inertia} from '@inertiajs/inertia-svelte';
 
     export let status = '';
 

resources/js/Pages/Groups/Partials/GroupsGrid.svelte

@@ -1,6 +1,6 @@
 <script>
     import {route} from "@/utils";
-    import {inertia} from '@inertiajs/inertia-svelte';
+    import {inertia} from '@inertiajs/svelte';
 
     export let groups = [];
 </script>

resources/js/Pages/Groups/Partials/NewGroup.svelte

@@ -2,8 +2,8 @@
     import {createEventDispatcher} from 'svelte';
     import Button from "@/Components/Buttons/Button.svelte";
     import Input from '@/Components/Inputs/Input.svelte';
-    import {useForm} from "@inertiajs/inertia-svelte";
-    import {route, dispatchCustomEvent} from "@/utils";
+    import {useForm} from "@inertiajs/svelte";
+    import {route} from "@/utils";
     import {refreshGroups} from "@/stores";
     import GroupSelectMenu from "@/Partials/GroupSelectMenu.svelte";
 

resources/js/Pages/Links/Index.svelte

@@ -5,9 +5,9 @@
 </script>
 
 <script>
-    import {inertia} from '@inertiajs/inertia-svelte';
+    import {inertia} from '@inertiajs/svelte';
     import Pagination from "@/Components/Pagination.svelte";
-    import {Inertia} from "@inertiajs/inertia";
+    import {router} from '@inertiajs/svelte';
     import {dispatchCustomEvent, route, toggleValueInArray} from "@/utils";
     import Badge from "@/Components/Badge.svelte";
     import Main from "@/Layouts/AppLayout/Partials/Main.svelte";
@@ -66,7 +66,7 @@
             searchString = null;
         }
 
-        Inertia.get(route(route().current(), {
+        router.get(route(route().current(), {
             tags: filteredTags,
             search: searchString,
         }), {}, {
@@ -76,7 +76,7 @@
     }
 
     function bulkEditLinks(action) {
-        Inertia.post('/bulk-edit-links', {
+        router.post('/bulk-edit-links', {
             action: action,
             links: selectedLinks,
             groups: selectedGroups,

resources/js/Pages/Profile/Partials/DeleteUserForm.svelte

@@ -5,7 +5,7 @@
     import JetInput from '@/Jetstream/Input.svelte'
     import JetInputError from '@/Jetstream/InputError.svelte'
     import JetSecondaryButton from '@/Jetstream/SecondaryButton.svelte'
-    import {useForm} from "@inertiajs/inertia-svelte";
+    import {useForm} from "@inertiajs/svelte";
     import {route} from "@/utils";
 
     let confirmingUserDeletion = false;

resources/js/Pages/Profile/Partials/LogoutOtherBrowserSessionsForm.svelte

@@ -6,7 +6,7 @@
     import JetInput from '@/Jetstream/Input.svelte'
     import JetInputError from '@/Jetstream/InputError.svelte'
     import JetSecondaryButton from '@/Jetstream/SecondaryButton.svelte'
-    import {useForm} from "@inertiajs/inertia-svelte";
+    import {useForm} from "@inertiajs/svelte";
     import {route} from "@/utils";
 
     export let sessions;

resources/js/Pages/Profile/Partials/TwoFactorAuthenticationForm.svelte

@@ -7,8 +7,7 @@
     import JetInput from '@/Jetstream/Input.svelte';
     import JetInputError from '@/Jetstream/InputError.svelte';
     import JetLabel from '@/Jetstream/Label.svelte';
-    import {page, useForm} from "@inertiajs/inertia-svelte";
-    import {Inertia} from "@inertiajs/inertia";
+    import {page, useForm, router} from "@inertiajs/svelte";
 
     export let requiresConfirmation;
 
@@ -29,7 +28,7 @@
     function enableTwoFactorAuthentication() {
         enabling = true
 
-        Inertia.post('/user/two-factor-authentication', {}, {
+        router.post('/user/two-factor-authentication', {}, {
             preserveScroll: true,
             onSuccess: () => Promise.all([
                 showQrCode(),
@@ -87,7 +86,7 @@
     function disableTwoFactorAuthentication() {
         disabling = true
 
-        Inertia.delete('/user/two-factor-authentication', {
+        router.delete('/user/two-factor-authentication', {
             preserveScroll: true,
             onSuccess: () => {
                 disabling = false;

resources/js/Pages/Profile/Partials/UpdatePasswordForm.svelte

@@ -5,7 +5,7 @@
     import JetInput from '@/Jetstream/Input.svelte';
     import JetInputError from '@/Jetstream/InputError.svelte';
     import JetLabel from '@/Jetstream/Label.svelte';
-    import {useForm} from "@inertiajs/inertia-svelte";
+    import {useForm} from "@inertiajs/svelte";
     import {route} from "@/utils";
 
     let passwordInput;

resources/js/Pages/Profile/Partials/UpdateProfileInformationForm.svelte

@@ -5,9 +5,8 @@
     import JetInputError from '@/Jetstream/InputError.svelte';
     import JetLabel from '@/Jetstream/Label.svelte';
     import JetSecondaryButton from '@/Jetstream/SecondaryButton.svelte';
-    import {page, useForm} from "@inertiajs/inertia-svelte";
+    import {page, useForm, router} from "@inertiajs/svelte";
     import {route} from "@/utils";
-    import {Inertia} from "@inertiajs/inertia";
     // import JetActionMessage from '@/Jetstream/ActionMessage.vue';
 
     export let user = {};
@@ -53,7 +52,7 @@
     }
 
     function deletePhoto() {
-        Inertia.delete(route('current-user-photo.destroy'), {
+        router.delete(route('current-user-photo.destroy'), {
             preserveScroll: true,
             onSuccess: () => {
                 photoPreview = null;

resources/js/Pages/Profile/Show.svelte

@@ -12,7 +12,7 @@
     import UpdatePasswordForm from '@/Pages/Profile/Partials/UpdatePasswordForm.svelte'
     import UpdateProfileInformationForm from '@/Pages/Profile/Partials/UpdateProfileInformationForm.svelte'
     import Main from "@/Layouts/AppLayout/Partials/Main.svelte";
-    import {page} from "@inertiajs/inertia-svelte";
+    import {page} from "@inertiajs/svelte";
 
     export let confirmsTwoFactorAuthentication;
     export let sessions;

resources/js/Pages/SingleGroup/Partials/LinkList.svelte

@@ -1,6 +1,6 @@
 <script>
     import {route} from "@/utils";
-    import {inertia} from '@inertiajs/inertia-svelte';
+    import {inertia} from '@inertiajs/svelte';
 
     export let links = [];
 </script>

resources/js/Pages/SingleLink/Index.svelte

@@ -9,8 +9,7 @@
     import {dispatchCustomEvent, route} from "@/utils";
     import Main from "@/Layouts/AppLayout/Partials/Main.svelte";
     import Badge from "@/Components/Badge.svelte";
-    import {Inertia} from "@inertiajs/inertia";
-    import {inertia} from "@inertiajs/inertia-svelte";
+    import {inertia, router} from "@inertiajs/svelte";
 
     export let link = {};
 
@@ -31,7 +30,7 @@
     }
 
     function toggleLinkOnLaterList() {
-        Inertia.post(route('later.toggle-link'), {
+        router.post(route('later.toggle-link'), {
             linkId: link.id,
         })
     }

resources/js/Pages/Tags/Partials/NewTag.svelte

@@ -2,7 +2,7 @@
     import {createEventDispatcher} from 'svelte';
     import Button from "@/Components/Buttons/Button.svelte";
     import Input from '@/Components/Inputs/Input.svelte';
-    import {useForm} from "@inertiajs/inertia-svelte";
+    import {useForm} from "@inertiajs/svelte";
     import {route, dispatchCustomEvent} from "@/utils";
     import {refreshTags} from "@/stores";
 

resources/js/Partials/CommandPalette.svelte

@@ -1,5 +1,5 @@
 <script>
-    import {Inertia} from '@inertiajs/inertia'
+    import {router} from '@inertiajs/svelte'
     import {fade, scale} from 'svelte/transition';
     import {backIn, backOut} from 'svelte/easing';
     import {delay} from "lodash";
@@ -50,7 +50,7 @@
     function openSingleLinkPage() {
         if (selectedLink) {
             closeCommandPalette();
-            Inertia.get(route('links.show', selectedLink));
+            router.get(route('links.show', selectedLink));
         }
     }
 

resources/js/Partials/DeleteGroupModal.svelte

@@ -1,7 +1,7 @@
 <script>
     import Modal from "@/Components/Modals/Modal.svelte";
     import Button from "@/Components/Buttons/Button.svelte";
-    import {Inertia} from '@inertiajs/inertia';
+    import {router} from '@inertiajs/svelte';
     import {route} from '@/utils';
     import {refreshGroups} from "@/stores";
 
@@ -15,7 +15,7 @@
     }
 
     function deleteGroup() {
-        Inertia.delete(route('groups.destroy', group.id), {
+        router.delete(route('groups.destroy', group.id), {
             preserveScroll: true,
             onSuccess: () => {
                 showModal = false;