Is there a package for the Inertia Jetstream Stack ?

[sscotti]

Is there a package for the Inertia Jetstream Stack ?

[sscotti]

I think maybe just installing the package and then extending it with a Vue.js Component might be the easiest approach for Intertia, e.g. sample Yes, No, although it could be modified pretty easily:

resources/js/Components/CookieConsentBanner.vue

<template>
  <div v-if="showBanner" class="fixed top-0 left-0 w-full bg-gray-200 p-4 z-50">
    <div class="flex items-center justify-between">
      <p>This site uses cookies to improve your experience. Accept or Reject?</p>
      <div>
        <button @click="rejectCookies" class="ml-2 px-4 py-2 bg-red-500 text-white rounded">
          Reject
        </button>
        <button @click="acceptCookies" class="ml-2 px-4 py-2 bg-blue-500 text-white rounded">
          Accept
        </button>
      </div>
    </div>
  </div>
</template>

<script setup>
import { ref, onMounted } from 'vue'
import { usePage } from '@inertiajs/vue3'
import axios from 'axios'
const page = usePage()
const showBanner = ref(!page.props.hasCookieConsent)

onMounted(() => {
  // Option 1: Check the cookie from server or config
  // For simplicity, let's always show until user clicks Accept.
})

function acceptCookies() {
  axios.post('/cookie-consent') // or your custom route
    .then(() => {
      showBanner.value = false
    })
    .catch((error) => {
      console.error(error)
    })
}

function rejectCookies() {
  axios.post('/cookie-consent', { action: 'rejected' })
    .then(() => {
      showBanner.value = false
    })
    .catch(error => console.error(error))
}
</script>

You can decide whether or not you want to encrypt the cookie, and disable that in bootstrap/app.php:

        $middleware->encryptCookies(except: [
            'epic_access_token',
            'cookie_consent'
        ]);

In /app/Http/Middleware/HandleInertiaRequests.php:

'hasCookieConsent' => $request->hasCookie('cookie_consent'),

and maybe additionally the value if you want that.

and then in the web.php routes:

``
Route::post('/cookie-consent', function (Request $request) {
$action = $request->input('action');

if ($action === 'accepted') {
    // Store a cookie with “accepted” status
    Cookie::queue('cookie_consent', 'accepted', 60 * 24 * 365);
} else {
    // Store a cookie with “rejected” status
    Cookie::queue('cookie_consent', 'rejected', 60 * 24 * 365);
}

return response()->json(['message' => 'Cookie consent recorded.']);

})->name('cookie-consent');