Skip to content

Instantly share code, notes, and snippets.

View connecteev's full-sized avatar

Connecteev connecteev

View GitHub Profile
@connecteev
connecteev / error_moving_laravel_spark_from_webpack_to_vite.md
Last active July 18, 2023 12:50
Error Moving the Spark Billing Portal (using Laravel Spark/Stripe version 4.x) from Webpack to Vite

Background

  • I've been trying to customize the UI of the laravel/spark-stripe v 4.1.2 package
  • I've been trying to move the package from vue2 to vue3, and from Webpack (Laravel mix) to Vite.
  • Later, I will want to customize part of the billing portal to look more like this.
  • But right now, I am encountering a build / front-end error that I don't know how to debug.

Here are the steps I have taken so far to move from Laravel Mix to Vite:

  1. Installed Laravel 10.x
  2. installed Laravel Breeze for Authentication, with Inertia + Vue.js (my tech stack of choice is Vue+Inertia+Laravel+TailwindCSS with Inertia SSR enabled)
  3. Installed Laravel Spark-Stripe, per the official instructions, and got it working. I installed the laravel/spark-stripe package locally in my laravel application's root directory, under {APP_URL}/_LOCAL_PACKAGES/spark-stripe_4.1.2_modified

Direct copy of pre-encoded file:

$ ffmpeg -i filename.mp4 -codec: copy -start_number 0 -hls_time 10 -hls_list_size 0 -f hls filename.m3u8