Wipe files

Signed-off-by: Kevin Ullyott <[email protected]>
canyongbs · Jul 26, 2023 · 08aa1ed · 08aa1ed
1 parent 2e5875b
commit 08aa1ed
Show file tree

Hide file tree

Showing 8 changed files with 54 additions and 267 deletions.
diff --git a/package.json b/package.json
@@ -5,21 +5,20 @@
         "build": "vite build"
     },
     "devDependencies": {
-	    "@shufo/prettier-plugin-blade": "^1.9.2",
+        "@shufo/prettier-plugin-blade": "^1.9.2",
         "@tailwindcss/forms": "^0.5.3",
+        "@tailwindcss/typography": "^0.5.4",
         "autoprefixer": "^10.2.5",
-        "axios": "^0.21.1",
         "browser-sync": "^2.26.14",
         "browser-sync-webpack-plugin": "^2.3.0",
         "cross-env": "^7.0.3",
         "dropzone": "^5.9.2",
         "flatpickr": "^4.6.9",
         "jquery": "^3.2",
         "laravel-vite-plugin": "^0.7.8",
-        "lodash": "^4.17.19",
         "postcss": "^8.4.25",
-	    "prettier": "^3.0.0",
         "postcss-import": "^15.1.0",
+        "prettier": "^3.0.0",
         "resolve-url-loader": "^5.0.0",
         "select2": "^4.0.13",
         "tailwindcss": "^3.3.2",

diff --git a/postcss.config.js b/postcss.config.js
@@ -3,4 +3,4 @@ export default {
         tailwindcss: {},
         autoprefixer: {},
     },
-};
+}
diff --git a/resources/css/app.css b/resources/css/app.css
@@ -1,9 +1,3 @@
-@import 'tailwindcss/base';
-@import 'tailwindcss/components';
-@import 'tailwindcss/utilities';
-
-@import 'theme.css';
-@import 'select2/dist/css/select2.min.css';
-@import 'select.css';
-@import 'dropzone/dist/dropzone.css';
-@import 'flatpickr/dist/flatpickr.min.css';
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/resources/js/app.js b/resources/js/app.js
@@ -1,47 +0,0 @@
-/**
- * First we will load all of this project's JavaScript dependencies which
- * includes Vue and other libraries. It is a great starting point when
- * building robust, powerful web applications using Vue and Laravel.
- */
-
-import './bootstrap';
-
-/* Sidebar - Side navigation menu on mobile/responsive mode */
-window.toggleNavbar = function (collapseID) {
-    document.getElementById(collapseID).classList.toggle('hidden');
-    document.getElementById(collapseID).classList.toggle('bg-white');
-    document.getElementById(collapseID).classList.toggle('m-2');
-    document.getElementById(collapseID).classList.toggle('py-3');
-    document.getElementById(collapseID).classList.toggle('px-6');
-};
-
-/* Opens sidebar navigation that contains sub-items */
-window.openSubNav = function (el) {
-    el.nextElementSibling.classList.toggle('hidden');
-};
-
-window.initialSubNavLoad = function () {
-    document.getElementsByClassName('has-sub sidebar-nav-active').forEach(function (el) {
-        window.openSubNav(el);
-    });
-};
-
-/* Opens sidebar navigation that contains sub-items */
-initialSubNavLoad();
-
-/* Function for dropdowns */
-window.openDropdown = function openDropdown(event, dropdownID) {
-    let element = event.target;
-    while (element.nodeName !== 'A') {
-        element = element.parentNode;
-    }
-    Popper.createPopper(element, document.getElementById(dropdownID), {
-        placement: 'bottom-start',
-    });
-    document.getElementById(dropdownID).classList.toggle('hidden');
-    document.getElementById(dropdownID).classList.toggle('block');
-
-    if (dropdownID == 'nav-notification-dropdown') {
-        fetch('/admin/user-alerts/seen');
-    }
-};

diff --git a/resources/js/bootstrap.js b/resources/js/bootstrap.js
diff --git a/resources/views/components/layouts/app.blade.php b/resources/views/components/layouts/app.blade.php
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+    <head>
+        <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" />
+
+        <title>{{ config('app.name') }}</title>
+
+        <style>
+            [x-cloak] {
+                display: none !important;
+            }
+        </style>
+
+        @filamentStyles
+        @vite('resources/css/app.css')
+    </head>
+
+    <body class="antialiased">
+        {{ $slot }}
+
+        @filamentScripts
+        @vite('resources/js/app.js')
+    </body>
+</html>
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,128 +1,10 @@
-import plugin from 'tailwindcss/plugin';
-import colors from 'tailwindcss/colors';
-import forms from '@tailwindcss/forms';
+import preset from './vendor/filament/support/tailwind.config.preset'
 
 export default {
-  content: [
-      './resources/views/**/*.blade.php',
-      './safelist.txt'
-  ],
-  theme: {
-    extend: {
-      colors: {
-        current: 'currentColor',
-        indigo: colors.indigo,
-        rose: colors.rose,
-        blueGray: colors.slate,
-        lightBlue: colors.sky,
-        orange: colors.orange,
-        red: colors.red,
-        green: colors.emerald,
-        yellow: colors.amber,
-        purple: colors.violet,
-      },
-      minHeight: {
-        'screen-75': '75vh'
-      },
-      fontSize: {
-        '55': '55rem'
-      },
-      opacity: {
-        '80': '.8'
-      },
-      zIndex: {
-        '2': 2,
-        '3': 3
-      },
-      inset: {
-        '-100': '-100%',
-        '-225-px': '-225px',
-        '-160-px': '-160px',
-        '-150-px': '-150px',
-        '-94-px': '-94px',
-        '-50-px': '-50px',
-        '-29-px': '-29px',
-        '-20-px': '-20px',
-        '25-px': '25px',
-        '40-px': '40px',
-        '95-px': '95px',
-        '145-px': '145px',
-        '195-px': '195px',
-        '210-px': '210px',
-        '260-px': '260px'
-      },
-      height: {
-        '95-px': '95px',
-        '70-px': '70px',
-        '350-px': '350px',
-        '500-px': '500px',
-        '600-px': '600px'
-      },
-      maxHeight: {
-        '860-px': '860px'
-      },
-      maxWidth: {
-        '100-px': '100px',
-        '120-px': '120px',
-        '150-px': '150px',
-        '180-px': '180px',
-        '200-px': '200px',
-        '210-px': '210px',
-        '580-px': '580px'
-      },
-      minWidth: {
-        '140-px': '140px',
-        '48': '12rem'
-      },
-      backgroundSize: {
-        full: '100$'
-      }
-    }
-  },
-  plugins: [
-    forms,
-    plugin(function ({ addComponents, theme }) {
-      const screens = theme("screens", {});
-      addComponents([
-        {
-          ".container": { width: "100%" },
-        },
-        {
-          [`@media (min-width: ${screens.sm})`]: {
-            ".container": {
-              "max-width": "640px",
-            },
-          },
-        },
-        {
-          [`@media (min-width: ${screens.md})`]: {
-            ".container": {
-              "max-width": "768px",
-            },
-          },
-        },
-        {
-          [`@media (min-width: ${screens.lg})`]: {
-            ".container": {
-              "max-width": "1024px",
-            },
-          },
-        },
-        {
-          [`@media (min-width: ${screens.xl})`]: {
-            ".container": {
-              "max-width": "1280px",
-            },
-          },
-        },
-        {
-          [`@media (min-width: ${screens["2xl"]})`]: {
-            ".container": {
-              "max-width": "1280px",
-            },
-          },
-        },
-      ]);
-    })
-  ]
+    presets: [preset],
+    content: [
+        './app/Filament/**/*.php',
+        './resources/views/**/*.blade.php',
+        './vendor/filament/**/*.blade.php',
+    ],
 }
diff --git a/vite.config.js b/vite.config.js
@@ -1,38 +1,19 @@
-import { defineConfig } from 'vite';
-import laravel from 'laravel-vite-plugin';
-import path from 'path';
-// import livewire from '@defstudio/vite-livewire-plugin';
+import { defineConfig } from 'vite'
+import laravel, { refreshPaths } from 'laravel-vite-plugin'
 
 export default defineConfig({
     plugins: [
         laravel({
-            input: [
-                'resources/css/app.css',
-                // TODO: Will need this when we start using filament
-                // 'resources/css/filament.css',
-                'resources/js/app.js',
+            input: ['resources/css/app.css', 'resources/js/app.js'],
+            refresh: [
+                ...refreshPaths,
+                'app/Filament/**',
+                'app/Forms/Components/**',
+                'app/Livewire/**',
+                'app/Infolists/Components/**',
+                'app/Providers/Filament/**',
+                'app/Tables/Columns/**',
             ],
-            refresh: true,
         }),
-        {
-            name: 'blade',
-            handleHotUpdate({ file, server }) {
-                if (file.endsWith('.blade.php')) {
-                    server.ws.send({
-                        type: 'full-reload',
-                        path: '*',
-                    });
-                }
-            },
-        }
-        // livewire({
-        //     refresh: ['resources/css/filament.css'],
-        // }),
     ],
-    resolve: {
-        alias: {
-            '@': '/resources/js',
-            '~bootstrap': path.resolve(__dirname, 'node_modules/bootstrap'),
-        }
-    }
-});
+})
-Original file line number
+Diff line change
@@ Expand Up / @@ -3,4 +3,4 @@ export default { @@
             tailwindcss: {},
             autoprefixer: {},
         },
-    };
+    }