@gusnips/vite 0.8.24 → 0.8.25

package/README.md

@@ -163,7 +163,8 @@ Writes `assets/theme-<hash>.js` and one `<script src>` at the end of `<head>`, s
 painted in the reader's theme before anything else runs. The file is the source of `startTheme`
 from `@gusnips/react/theme`, so the script before paint and the controller the app uses are
 the same function. It is a file rather than an inline script so a `script-src 'self'` policy
-lets it run. Pass it the same options you pass `createTheme`; see that package's README.
+lets it run. Pass it the same options you pass `createTheme`; see that package's README. On
+[the preset](#the-vite-preset), put it in `plugins`.
 
 `themeScript` is built on `prePaintScript`, which takes any script that has to run before the
 page shows. `@gusnips/locale`'s `localeGateScript` is the other one:
@@ -258,10 +259,21 @@ top-level key, so that is refused.
 
 ```ts
 import { webPreset } from "@gusnips/vite/preset";
+import { defineConfig } from "vite";
 
-export default defineConfig(webPreset({/* … */}));
+export default defineConfig(webPreset({ root: import.meta.dirname, port: 5173 }));
 ```
 
-Its own subpath too, since it pulls in the React and Tailwind plugins.
+It adds the React and Tailwind plugins, points `@` at `src`, and runs `vite preview` on the port
+minus 1000. `root` is required: it is the folder that holds `index.html`. Its own subpath too,
+since it pulls in those two plugins.
+
+Pass more plugins in `plugins`. They run after the preset's own:
+
+```ts
+export default defineConfig(
+  webPreset({ root: import.meta.dirname, port: 5173, plugins: [themeScript(THEME)] }),
+);
+```
 
 MIT · part of [frontkit](https://github.com/gusnips/frontkit)

package/dist/preset.d.ts

@@ -1,4 +1,4 @@
-import type { Plugin, UserConfig } from "vite";
+import type { Plugin, PluginOption, UserConfig } from "vite";
 /**
  * Substitute `%NAME%` placeholders in `index.html`.
  *
@@ -32,6 +32,8 @@ export interface WebPresetOptions {
      * Vite-only semantics in them (aliases, `?raw`, `define`) if that behaviour ever changed.
      */
     ssrScope?: string;
+    /** More plugins, after the preset's own: `[themeScript(THEME)]`. */
+    plugins?: PluginOption[];
 }
-export declare function webPreset({ root, port, previewPort, placeholders, ssrScope, }: WebPresetOptions): UserConfig;
+export declare function webPreset({ root, port, previewPort, placeholders, ssrScope, plugins, }: WebPresetOptions): UserConfig;
 //# sourceMappingURL=preset.d.ts.map

package/dist/preset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAE/C;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAWjF;AAED,MAAM,WAAW,gBAAgB;IAC/B;+DAC2D;IAC3D,IAAI,EAAE,MAAM,CAAC;IACb;qCACiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;kCAC8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wEAAwE;IACxE,YAAY,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAChD;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,QAAQ,GACT,EAAE,gBAAgB,GAAG,UAAU,CAa/B"}
+{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAE7D;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAWjF;AAED,MAAM,WAAW,gBAAgB;IAC/B;+DAC2D;IAC3D,IAAI,EAAE,MAAM,CAAC;IACb;qCACiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;kCAC8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wEAAwE;IACxE,YAAY,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAChD;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;CAC1B;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,OAAY,GACb,EAAE,gBAAgB,GAAG,UAAU,CAkB/B"}

package/dist/preset.js

@@ -28,10 +28,15 @@ export function htmlPlaceholders(values) {
         },
     };
 }
-export function webPreset({ root, port, previewPort, placeholders, ssrScope, }) {
+export function webPreset({ root, port, previewPort, placeholders, ssrScope, plugins = [], }) {
     const preview = previewPort ?? (port === undefined ? undefined : port - 1000);
     return {
-        plugins: [react(), tailwindcss(), ...(placeholders ? [htmlPlaceholders(placeholders)] : [])],
+        plugins: [
+            react(),
+            tailwindcss(),
+            ...(placeholders ? [htmlPlaceholders(placeholders)] : []),
+            ...plugins,
+        ],
         resolve: {
             alias: { "@": path.resolve(root, "src") },
         },

package/dist/preset.js.map

@@ -1 +1 @@
-{"version":3,"file":"preset.js","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAC5C,OAAO,KAAK,MAAM,sBAAsB,CAAC;AACzC,OAAO,IAAI,MAAM,WAAW,CAAC;AAG7B;;;;;;;;;GASG;AACH,MAAM,UAAU,gBAAgB,CAAC,MAAwC;IACvE,OAAO;QACL,IAAI,EAAE,4BAA4B;QAClC,kBAAkB,CAAC,IAAY;YAC7B,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM;YAClC,kFAAkF;YAClF,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,IAAI,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,EAChE,IAAI,CACL,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC;AA0BD,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,QAAQ,GACS;IACjB,MAAM,OAAO,GAAG,WAAW,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IAC9E,OAAO;QACL,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,EAAE,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAC5F,OAAO,EAAE;YACP,KAAK,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE;SAC1C;QACD,GAAG,CAAC,QAAQ,IAAI;YACd,GAAG,EAAE,EAAE,UAAU,EAAE,CAAC,IAAI,MAAM,CAAC,IAAI,QAAQ,CAAC,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE;SAC1F,CAAC;QACF,GAAG,CAAC,IAAI,KAAK,SAAS,IAAI,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC;QAC/C,GAAG,CAAC,OAAO,KAAK,SAAS,IAAI,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC;KAC7D,CAAC;AACJ,CAAC"}
+{"version":3,"file":"preset.js","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAC5C,OAAO,KAAK,MAAM,sBAAsB,CAAC;AACzC,OAAO,IAAI,MAAM,WAAW,CAAC;AAG7B;;;;;;;;;GASG;AACH,MAAM,UAAU,gBAAgB,CAAC,MAAwC;IACvE,OAAO;QACL,IAAI,EAAE,4BAA4B;QAClC,kBAAkB,CAAC,IAAY;YAC7B,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM;YAClC,kFAAkF;YAClF,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,IAAI,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,EAChE,IAAI,CACL,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC;AA4BD,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,OAAO,GAAG,EAAE,GACK;IACjB,MAAM,OAAO,GAAG,WAAW,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IAC9E,OAAO;QACL,OAAO,EAAE;YACP,KAAK,EAAE;YACP,WAAW,EAAE;YACb,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YACzD,GAAG,OAAO;SACX;QACD,OAAO,EAAE;YACP,KAAK,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE;SAC1C;QACD,GAAG,CAAC,QAAQ,IAAI;YACd,GAAG,EAAE,EAAE,UAAU,EAAE,CAAC,IAAI,MAAM,CAAC,IAAI,QAAQ,CAAC,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE;SAC1F,CAAC;QACF,GAAG,CAAC,IAAI,KAAK,SAAS,IAAI,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC;QAC/C,GAAG,CAAC,OAAO,KAAK,SAAS,IAAI,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC;KAC7D,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gusnips/vite",
-  "version": "0.8.24",
+  "version": "0.8.25",
   "description": "The build-time half of a prerendered Vite SPA: head baking, sitemap, robots, the prerender driver, a shared vite preset, and the translation catalog check.",
   "type": "module",
   "license": "MIT",
@@ -69,7 +69,7 @@
     "release:major": "bun pm version major && bun publish --access public"
   },
   "dependencies": {
-    "@gusnips/react": "0.9.15"
+    "@gusnips/react": "0.9.16"
   },
   "peerDependencies": {
     "@tailwindcss/vite": "^4",

package/src/preset.ts

@@ -8,7 +8,7 @@
 import tailwindcss from "@tailwindcss/vite";
 import react from "@vitejs/plugin-react";
 import path from "node:path";
-import type { Plugin, UserConfig } from "vite";
+import type { Plugin, PluginOption, UserConfig } from "vite";
 
 /**
  * Substitute `%NAME%` placeholders in `index.html`.
@@ -55,6 +55,8 @@ export interface WebPresetOptions {
    * Vite-only semantics in them (aliases, `?raw`, `define`) if that behaviour ever changed.
    */
   ssrScope?: string;
+  /** More plugins, after the preset's own: `[themeScript(THEME)]`. */
+  plugins?: PluginOption[];
 }
 
 export function webPreset({
@@ -63,10 +65,16 @@ export function webPreset({
   previewPort,
   placeholders,
   ssrScope,
+  plugins = [],
 }: WebPresetOptions): UserConfig {
   const preview = previewPort ?? (port === undefined ? undefined : port - 1000);
   return {
-    plugins: [react(), tailwindcss(), ...(placeholders ? [htmlPlaceholders(placeholders)] : [])],
+    plugins: [
+      react(),
+      tailwindcss(),
+      ...(placeholders ? [htmlPlaceholders(placeholders)] : []),
+      ...plugins,
+    ],
     resolve: {
       alias: { "@": path.resolve(root, "src") },
     },