Release v1.2.0

- Fixed Livewire's HMR issue
  - Downgraded related packages
- Added PX-REM converter extension
- Added VSC keybindings to version-control
- Integrated Good Night package
- Added new environment variables at the bottom!
- Updated [README]

Author: GoodM4ven

.devcontainer/devcontainer.json

@@ -56,6 +56,7 @@
 		"deanhjjiang.split-line",
 		"wwm.better-align",
 		"cshum.convert-newline-list-to-array",
+		"sainoba.px-to-rem",
 		// Recommended
 		"Gruntfuggly.todo-tree",
 		"aaron-bond.better-comments",

.env.example

@@ -69,6 +69,11 @@ VITE_PUSHER_PORT="${PUSHER_PORT}"
 VITE_PUSHER_SCHEME="${PUSHER_SCHEME}"
 VITE_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}"
 
+GOOD_LOADER_FONT='Mulish'
+GOOD_LOADER_SENTENCE='Loading...'
+GOOD_NIGHT_ENABLED=false
+GOOD_NIGHT_POSITION='top-right'
+
 WWWGROUP=1000
 WWWUSER=1000
 SAIL_XDEBUG_MODE=develop,debug,coverage

.env.production

@@ -69,3 +69,8 @@ VITE_PUSHER_HOST="${PUSHER_HOST}"
 VITE_PUSHER_PORT="${PUSHER_PORT}"
 VITE_PUSHER_SCHEME="${PUSHER_SCHEME}"
 VITE_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}"
+
+GOOD_LOADER_FONT='Mulish'
+GOOD_LOADER_SENTENCE='Loading...'
+GOOD_NIGHT_ENABLED=false
+GOOD_NIGHT_POSITION='top-right'

.gitignore

@@ -14,12 +14,13 @@ yarn-error.log
 /.idea
 /.vscode
 
-# VSC Settings
+# VSC Settings & Bindings
 !/.vscode
 /.vscode/*
 !/.vscode/settings.json
+!/.vscode/keybindings.json
 
-# Xdebug
+# VSC Debug Settings (Xdebug)
 !/.vscode/launch.json
 
 # Laravel Sail

.vscode/keybindings.json

@@ -0,0 +1,11 @@
+[
+    // Unassignments
+    {
+        "key": "alt+s",
+        "command": "-extension.pxPerRem"
+    },
+    {
+        "key": "alt+z",
+        "command": "-extension.pxToremAndRemToPx"
+    }
+]

README.md

@@ -29,7 +29,9 @@ Until the customization feature is ready, this preset is clearly *opinionated*.
 - [Alpine.js](https://alpinejs.dev) v3.10.2 ([Focus](https://alpinejs.dev/plugins/focus) Plugin Installed)
 - [Livewire](https://laravel-livewire.com) v2.10.6
 - [Laravel](https://laravel.com) v9.20.0
-- [Vite.js](https://vitejs.dev/guide/why.html#the-problems) v3.0.2 (**Livewire Supportive**)
+- [Vite.js](https://vitejs.dev/guide/why.html#the-problems) v2.9.14
+  - [Laravel Plugin](https://github.com/laravel/vite-plugin) v0.2.4
+  - [Livewire Plugin](@defstudio/vite-livewire-plugin@) v0.1.15
 - [TALL Stack Builder](https://github.com/GoodM4ven/tall-stack-builder) v1.0.0
 
 ### Opinionated (To Be Optional)
@@ -41,6 +43,7 @@ Until the customization feature is ready, this preset is clearly *opinionated*.
 - [Filament](https://filamentphp.com) v2.0.0 ([Admin](https://filamentphp.com/docs/admin), [Forms](https://filamentphp.com/docs/forms) and [Tables](https://filamentphp.com/docs/tables))
   - Including Spatie's [Media-Library](https://filamentphp.com/docs/2.x/spatie-laravel-media-library-plugin/installation) Plugin
 - [Good Loader](https://github.com/GoodM4ven/good-loader) v1.1.1
+- [Good Night](https://github.com/GoodM4ven/good-night) v1.0.0
 
 ### Modifications
 
@@ -60,6 +63,8 @@ Until the customization feature is ready, this preset is clearly *opinionated*.
 
       - You should check them out. Especially the HTML attribute wrapping strategy, `wrapAttribute`, used by Blade Formatter extension.
 
+    - A bit of essential [keybindings](.vscode/keybindings.json) too.
+
     - Laravel Sail package in order for this whole thing to work **with only Docker installed**.
 
     - Xdebug dev-container VSC settings to start debugging easily.
@@ -246,6 +251,8 @@ Most of the following process is done with [VSC](https://code.visualstudio.com/)
 
     > **[Warning](www.google.com)**: You must ensure that Vite is running throughout development; an exception will be thrown for loading without it!
 
+    - Remember that, when you're tired of it, you can disable the VSC notification - that appreas after running this command - from the cog in its corner!
+
 Now you can visit **[`http://localhost`](http://localhost)** and build something tall! 🙂
 
    - If you close the running VSC window, it will gracefully close down the container with it; after 10 seconds.

composer.json

@@ -25,6 +25,7 @@
         "filament/spatie-laravel-media-library-plugin": "^2.0",
         "filament/tables": "^2.0",
         "goodm4ven/good-loader": "^1.1",
+        "goodm4ven/good-night": "^1.0",
         "goodm4ven/tall-stack-builder": "^1.0.0",
         "guzzlehttp/guzzle": "^7.2",
         "laravel/framework": "^9.21",

composer.lock

@@ -0,0 +1,46 @@
+<?php
+
+return [
+
+    /*
+     |--------------------------------------------------------------------------
+     | Default Mode
+     |--------------------------------------------------------------------------
+     |
+     | Determine the default dark/light mode that the app will start with.
+     |
+     | The default is `light` and is stored in `$store.goodNightMode`.
+     |
+     */
+
+    'default-mode' => env('GOOD_NIGHT_DEFAULT', 'light'),
+
+
+    /*
+     |--------------------------------------------------------------------------
+     | Switcher Enabled
+     |--------------------------------------------------------------------------
+     |
+     | Decide whether to show or hide the corner dark-mode switcher in the page.
+     |
+     | Either way, the package won't work without `@goodNight` directive.
+     |
+     */
+
+    'switcher-enabled' => env('GOOD_NIGHT_ENABLED', true),
+
+
+    /*
+     |--------------------------------------------------------------------------
+     | Switcher Position
+     |--------------------------------------------------------------------------
+     |
+     | Determine the position of the corner switcher button when shown in the page.
+     |
+     | Available positions are: top-right, top-left, bottom-left, bottom-right.
+     |
+     */
+
+    'switcher-position' => env('GOOD_NIGHT_POSITION', 'top-right'),
+
+];