Fix frontend setup

filamentphp · Nov 30, 2023 · 038a222 · 038a222
1 parent 5ff5c26
commit 038a222
Show file tree

Hide file tree

Showing 8 changed files with 295 additions and 1,372 deletions.
diff --git a/app/Livewire/Form.php b/app/Livewire/Form.php
@@ -13,8 +13,6 @@ class Form extends Component implements HasForms
 
     public $data = [];
 
-    public $foo = null;
-
     public function mount()
     {
         if (! app()->environment('local')) {
@@ -27,7 +25,17 @@ public function mount()
     protected function getFormSchema(): array
     {
         return [
-            Forms\Components\DateTimePicker::make('date')->native(false),
+            Forms\Components\Builder::make('test')
+                ->blocks([
+                    Forms\Components\Builder\Block::make('one')
+                        ->schema([
+                            Forms\Components\TextInput::make('one'),
+                        ]),
+                    Forms\Components\Builder\Block::make('two')
+                        ->schema([
+                            Forms\Components\TextInput::make('two'),
+                        ]),
+                ])
         ];
     }
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,5 +1,6 @@
 {
     "private": true,
+    "type": "module",
     "scripts": {
         "dev": "vite",
         "build": "vite build"

diff --git a/postcss.config.js b/postcss.config.js
@@ -1,4 +1,4 @@
-module.exports = {
+export default {
     plugins: {
         tailwindcss: {},
         autoprefixer: {},

diff --git a/resources/css/app.css b/resources/css/app.css
@@ -1,5 +1,3 @@
-@import '../../vendor/filament/forms/dist/index.css';
-
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
diff --git a/resources/views/components/layouts/app.blade.php b/resources/views/components/layouts/app.blade.php
@@ -1,28 +1,28 @@
 <!DOCTYPE html>
 <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
     <head>
-        <meta charset="utf-8">
+        <meta charset="utf-8" />
 
-        <meta name="application-name" content="{{ config('app.name') }}">
-        <meta name="csrf-token" content="{{ csrf_token() }}">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="application-name" content="{{ config('app.name') }}" />
+        <meta name="csrf-token" content="{{ csrf_token() }}" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
 
         <title>{{ config('app.name') }}</title>
 
-        <style>[x-cloak] { display: none !important; }</style>
-        @livewireStyles
+        <style>
+            [x-cloak] {
+                display: none !important;
+            }
+        </style>
+
         @filamentStyles
         @vite('resources/css/app.css')
     </head>
 
     <body class="antialiased">
         {{ $slot }}
 
-        @livewire('notifications')
-
-        @livewireScripts
         @filamentScripts
         @vite('resources/js/app.js')
-        <script src="//unpkg.com/alpinejs" defer></script>
     </body>
 </html>
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,21 +1,10 @@
-const colors = require('tailwindcss/colors')
+import preset from './vendor/filament/support/tailwind.config.preset'
 
-module.exports = {
-    content: ['./resources/**/*.blade.php', './vendor/filament/**/*.blade.php'],
-    darkMode: 'class',
-    theme: {
-        extend: {
-            colors: {
-                danger: colors.rose,
-                primary: colors.blue,
-                secondary: colors.gray,
-                success: colors.green,
-                warning: colors.yellow,
-            },
-        },
-    },
-    plugins: [
-        require('@tailwindcss/forms'),
-        require('@tailwindcss/typography'),
+export default {
+    presets: [preset],
+    content: [
+        './app/Filament/**/*.php',
+        './resources/views/**/*.blade.php',
+        './vendor/filament/**/*.blade.php',
     ],
 }
diff --git a/vite.config.js b/vite.config.js
@@ -3,12 +3,15 @@ import laravel, { refreshPaths } from 'laravel-vite-plugin'
 
 export default defineConfig({
     plugins: [
-        laravel({
+        laravel.default({
             input: ['resources/css/app.css', 'resources/js/app.js'],
             refresh: [
                 ...refreshPaths,
-                'app/Http/Livewire/**',
+                'app/Filament/**',
                 'app/Forms/Components/**',
+                'app/Livewire/**',
+                'app/Infolists/Components/**',
+                'app/Providers/Filament/**',
                 'app/Tables/Columns/**',
             ],
         }),