@gjsify/vite-plugin-gjsify 0.16.1 → 0.16.2

package/lib/index.d.ts

@@ -19,6 +19,23 @@ export interface GjsifyBrowserOptions {
      * is always excluded.
      */
     optimizeDepsExclude?: string[];
+    /**
+     * Resolve `.css` imports to their CSS **string** (default export) instead of
+     * routing them through Vite's native CSS pipeline (auto-injected `<link>` /
+     * HMR). OFF by default — a browser-native app wants Vite's pipeline.
+     *
+     * Turn this ON to UNIFY styling with the native (`--app gjs`) target, where
+     * CSS is authored in real `.css` files and consumed as a string
+     * (`import css from './x.css'` → `Gtk.CssProvider.load_from_string(css)`).
+     * With it on, `gjsify build --app browser` (which always applies
+     * css-as-string) and this Vite dev preset agree: `import css from './x.css'`
+     * yields the identical CSS string on BOTH, so a cross-platform app can share
+     * one authoring pattern (real `.css` file + import-as-string + a per-target
+     * apply step: `Gtk.CssProvider` on GJS, a `<style>` element on the browser).
+     * The app owns injection, mirroring how `@gjsify/adwaita-web` self-injects
+     * its skin. Trades away Vite CSS HMR / `<link>` extraction for that parity.
+     */
+    cssAsString?: boolean;
 }
 /**
  * Returns the Vite plugin array that brings `gjsify build --app browser`'s

package/lib/index.js

@@ -31,7 +31,7 @@
 import { createRequire } from 'node:module';
 import { existsSync, readdirSync, readFileSync, statSync } from 'node:fs';
 import * as nodePath from 'node:path';
-import { gjsImportsEmptyPlugin, platformResolvePlugin, detectNativescriptPlatform, nativescriptPlatformDefines, } from '@gjsify/rolldown-plugin-gjsify';
+import { gjsImportsEmptyPlugin, platformResolvePlugin, detectNativescriptPlatform, nativescriptPlatformDefines, cssAsStringPlugin, } from '@gjsify/rolldown-plugin-gjsify';
 import blueprintPlugin from '@gjsify/vite-plugin-blueprint';
 import { deepkitPlugin } from '@gjsify/rolldown-plugin-deepkit';
 import { ALIASES_NODE_FOR_NATIVESCRIPT } from '@gjsify/resolve-npm';
@@ -98,6 +98,11 @@ export function gjsifyBrowser(options = {}) {
         gjsImportsEmptyPlugin(),
         blueprintPlugin(),
         deepkitPlugin({ reflection: options.reflection }),
+        // Opt-in: mirror `--app browser`'s css-as-string so `import css from
+        // './x.css'` yields the CSS string in dev too (unify with the native
+        // `--app gjs` target). `enforce: 'pre'` so this `load` fires before
+        // Vite's built-in CSS transform claims the `.css` id.
+        ...(options.cssAsString ? [{ ...cssAsStringPlugin(), enforce: 'pre' }] : []),
         configPlugin,
     ];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gjsify/vite-plugin-gjsify",
-    "version": "0.16.1",
+    "version": "0.16.2",
     "description": "Vite plugin presets mirroring `gjsify build --app browser` / `--app nativescript` — dev (Vite/HMR) parity with the gjsify CLI targets.",
     "type": "module",
     "main": "lib/index.js",
@@ -39,11 +39,11 @@
     ],
     "license": "MIT",
     "dependencies": {
-        "@gjsify/empty": "^0.16.1",
-        "@gjsify/resolve-npm": "^0.16.1",
-        "@gjsify/rolldown-plugin-deepkit": "^0.16.1",
-        "@gjsify/rolldown-plugin-gjsify": "^0.16.1",
-        "@gjsify/vite-plugin-blueprint": "^0.16.1"
+        "@gjsify/empty": "^0.16.2",
+        "@gjsify/resolve-npm": "^0.16.2",
+        "@gjsify/rolldown-plugin-deepkit": "^0.16.2",
+        "@gjsify/rolldown-plugin-gjsify": "^0.16.2",
+        "@gjsify/vite-plugin-blueprint": "^0.16.2"
     },
     "peerDependencies": {
         "vite": "^8.1.3"