feat: env-based notification

xHeaven · xHeaven · commit 75a0743e4f1c · 2025-04-07T11:59:24.000+02:00
diff --git a/resources/js/main.development.tsx b/resources/js/main.development.tsx
@@ -0,0 +1,13 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App.tsx';
+import '../css/index.css';
+
+const root = document.getElementById('root');
+const path = root?.dataset.path || '';
+
+ReactDOM.createRoot(root!).render(
+    <React.StrictMode>
+        <App path={path} />
+    </React.StrictMode>
+);
diff --git a/resources/js/main.production.tsx b/resources/js/main.production.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App.tsx';
+import '../css/index.css';
+
+const root = document.getElementById('root');
+const path = root?.dataset.path || '';
+
+ReactDOM.createRoot(root!).render(
+    <App path={path} />
+);
diff --git a/resources/views/web-tinker.blade.php b/resources/views/web-tinker.blade.php
@@ -1 +1,17 @@
-<?php include base_path('/vendor/luminarix/laravel-web-tinker/dist/index.html'); ?>
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" href="{{ asset('vendor/web-tinker/img/favicon.png') }}" />
+    <title>Tinker</title>
+  </head>
+  <body>
+    <div id="root" data-path="/tinker"></div>
+    @if(app()->environment('production'))
+      <script src="{{ asset('vendor/web-tinker/production.js') }}"></script>
+    @else
+      <script src="{{ asset('vendor/web-tinker/development.js') }}"></script>
+    @endif
+  </body>
+</html>
diff --git a/vite.config.ts b/vite.config.ts
@@ -4,21 +4,33 @@ import react from "@vitejs/plugin-react";
 import { viteStaticCopy } from "vite-plugin-static-copy";
 
 export default defineConfig({
-    plugins: [
-        react(),
-        viteStaticCopy({
-            targets: [
-                {
-                    src: "resources/img",
-                    dest: "",
-                },
-            ],
-        }),
-    ],
-    base: "/vendor/web-tinker/",
-    resolve: {
-        alias: {
-            "@": path.resolve(__dirname, "./resources/js"),
+  plugins: [
+    react(),
+    viteStaticCopy({
+      targets: [
+        {
+          src: "resources/img",
+          dest: "",
         },
+      ],
+    }),
+  ],
+  base: "/vendor/web-tinker/",
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./resources/js"),
     },
-});
+  },
+  build: {
+    outDir: "dist",
+    rollupOptions: {
+      input: {
+        production: path.resolve(__dirname, "resources/js/main.production.tsx"),
+        development: path.resolve(__dirname, "resources/js/main.development.tsx"),
+      },
+      output: {
+        entryFileNames: "[name].js",
+      },
+    },
+  },
+});
