wildpig 1.0.9 → 1.0.11

package/scripts/WildPig.ts

@@ -1,9 +1,11 @@
 import chalk from "chalk";
 import { htmlString } from "./htmlString";
 import { routes, metaRoutes } from "./prepareRoutes";
+import { readFileSync } from "node:fs";
 
 const env = process.env;
 
+
 export const startServer = () => {
     Bun.serve({
         port: env.PORT || 3000,
@@ -16,8 +18,9 @@ export const startServer = () => {
                     "content-type": "image/x-icon",
                 }
             }),
-            "/render.js": () => new Response(Bun.file("./public/render.js"), {
+            "/render.js": () => new Response((readFileSync("./public/render.js.br")), {
                 headers: {
+                    "Content-Encoding": "br",
                     "content-type": "text/javascript; charset=utf-8",
                 }
             }),
@@ -39,6 +42,7 @@ export const startServer = () => {
                 })
             },
         },
+        development: false,
     })
     console.clear();
 console.log(` __        __ _  _      _   ____   _        

package/scripts/genRoutes.ts

@@ -94,6 +94,6 @@ export const genMetaRoutes = async () => {
     for(const route in routeScripts) {
         text += `    "${route}": require("${routeScripts[route]}").getMeta, \n`;
     }
-    text += "},";
+    text += "}";
     writeFileSync("./build/built-meta-routes.ts", text);
 }

package/scripts/packageStatic.ts

@@ -1,5 +1,6 @@
 import Bun from "bun";
-import fs from "node:fs";
+import fs, { readFileSync, writeFileSync } from "node:fs";
+import { brotliCompressSync } from "node:zlib";
 
 
 export const packageStatic = async () => {
@@ -10,6 +11,9 @@ export const packageStatic = async () => {
         format: "esm",
         minify: true,
     });
+    // 将 ./public/render.js 转为 ./public/render.br
+    writeFileSync("./dist/public/render.js.br", brotliCompressSync(Buffer.from(readFileSync("./dist/public/render.js"))));
+
     /** 打包ico */
     fs.copyFileSync("./public/favicon.ico", "./dist/public/favicon.ico");
 }

package/scripts/prepareRoutes.ts

@@ -1,4 +1,6 @@
+import { readFileSync, writeFileSync } from "node:fs";
 import { scanMetaRoutes, scanRoutes } from "./genRoutes";
+import { brotliCompressSync } from "node:zlib";
 
 const isDev = process.env.NODE_ENV === "development";
 
@@ -14,9 +16,11 @@ if(isDev){
     await Bun.build({
         entrypoints: ["./public/render.tsx"],
         outdir: "./public",
-        format: "esm",
+        format: "iife",
         minify: true,
     });
+    // 将 ./public/render.js 转为 ./public/render.br
+    writeFileSync("./public/render.js.br", brotliCompressSync(Buffer.from(readFileSync("./public/render.js"))));
 }else{
     routes = require("#/build/built-routes.ts").default;
     metaRoutes = require("#/build/built-meta-routes.ts").default;

package/src/App.tsx

@@ -1,8 +1,7 @@
 import { RouterProvider } from "react-router";
 import { browserRouter } from "./router";
 import { RouterGuard } from "./router/guard";
-RouterGuard();
-
+RouterGuard(browserRouter);
 
 
 export const App = () => <RouterProvider router={browserRouter} />;

package/src/page/layout.tsx

@@ -4,7 +4,7 @@ import { Outlet } from "react-router";
 
 export const MainLayout = () => {
     return <div>
-        MainLayout
+        Main5567
         <Outlet />
     </div>
 }

package/src/router/guard.tsx

@@ -1,6 +1,6 @@
-import { browserRouter } from ".";
+import type { BrowserRouter } from "."
 
-export const RouterGuard = () => {
+export const RouterGuard = (browserRouter: BrowserRouter) => {
     // 每次跳转都会触发，包括 <Link>/navigate/前进后退
     browserRouter.subscribe(({ location }) => {
         // navigationType 值：'PUSH' | 'POP' | 'REPLACE'

package/src/router/index.tsx

@@ -1,5 +1,3 @@
-import { Index } from "@/page";
-import { Home } from "@/page/home/index";
 import { MainLayout } from "@/page/layout";
 import { createBrowserRouter } from "react-router";
 
@@ -7,15 +5,7 @@ export const browserRouter = createBrowserRouter([
     {
         path: "/",
         Component: MainLayout,
-        children:[
-            {
-                path: "",
-                Component: Index
-            },
-            {
-                path: "home",
-                Component: Home
-            }
-        ]
     },
-]);
+]);
+
+export type BrowserRouter = typeof browserRouter;