npm - @solidjs/vite-plugin - Versions diffs - 3.0.0-next.30 → 3.0.0-next.32 - Mend

@solidjs/vite-plugin 3.0.0-next.30 → 3.0.0-next.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/README.md +77 -10
package/dist/cjs/index.cjs +269 -119
package/dist/cjs/index.cjs.map +1 -1
package/dist/esm/index.mjs +269 -119
package/dist/esm/index.mjs.map +1 -1
package/dist/types/src/dev-manifest.d.ts +4 -3
package/dist/types/src/devtools/index.d.ts +3 -0
package/dist/types/src/environment.d.ts +5 -1
package/dist/types/src/ssr/index.d.ts +42 -1
package/package.json +13 -5

package/dist/types/src/dev-manifest.d.ts CHANGED Viewed

@@ -23,6 +23,7 @@ export type DevStyleSource = {
     id: string;
     url: string;
 };
+export type DevStyleFilter = (id: string) => boolean;
 export type ResolvedAssets = {
     js: string[];
     css: (string | DevStyleDescriptor)[];
@@ -98,7 +99,7 @@ export declare function devManifestBridgeUrl(server: ViteDevServer): string | nu
  */
 export declare const devStylePatch: string;
 /** Discovers ambient CSS in an entry graph without choosing how it is transported. */
-export declare function collectDevStyleSources(env: DevEnvironment, files: string[], onFile?: (file: string) => void): Promise<DevStyleSource[]>;
+export declare function collectDevStyleSources(env: DevEnvironment, files: string[], onFile?: (file: string) => void, filter?: DevStyleFilter): Promise<DevStyleSource[]>;
 /**
  * Walks the SSR module graph from `files` (root-relative or absolute) and
  * returns inline-style descriptors for every transitively imported CSS
@@ -107,7 +108,7 @@ export declare function collectDevStyleSources(env: DevEnvironment, files: strin
  * CSS into `<head>` so server-painted content is styled from the first byte
  * (no FOUC while waiting for Vite's client-side style injection).
  */
-export declare function collectDevStyles(server: ViteDevServer, files: string[]): Promise<DevStyleDescriptor[]>;
+export declare function collectDevStyles(server: ViteDevServer, files: string[], filter?: DevStyleFilter): Promise<DevStyleDescriptor[]>;
 /**
  * Serializes a dev style descriptor to the exact tag shape the SSR runtime
  * emits for lazy-registered assets (`data-asset` marks the SSR'd copy so
@@ -125,4 +126,4 @@ export declare function renderDevStyleTag(desc: DevStyleDescriptor): string;
  * `devManifestCode` (src/index.ts) — keep the two in sync.
  */
 export declare function devModuleUrl(root: string, base: string, key: string): string;
-export declare function createDevAssetResolver(server: ViteDevServer): DevAssetResolver;
+export declare function createDevAssetResolver(server: ViteDevServer, filter?: DevStyleFilter): DevAssetResolver;

package/dist/types/src/devtools/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export declare const DEVTOOLS_PACKAGE = "@solidjs/start-devtools";
+export declare const DEVTOOLS_MOUNT_ID = "virtual:solid-devtools/mount";
+export declare function devtoolsMountModuleCode(): string;

package/dist/types/src/environment.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import type { RunnableDevEnvironment } from 'vite';
 /**
  * Cross-instance-safe stand-in for vite's `isRunnableDevEnvironment`.
  *
@@ -10,4 +11,7 @@
  * member (`RunnableDevEnvironment` is exactly "a DevEnvironment with a
  * runner"), so presence-check it instead of trusting class identity.
  */
-export declare function isRunnableEnvironment(environment: unknown): boolean;
+export declare function isRunnableEnvironment(environment: unknown): environment is RunnableDevEnvironment;
+export declare function getEnvironmentConsumer(environment: unknown, options?: {
+    ssr?: boolean;
+}): 'client' | 'server';

package/dist/types/src/ssr/index.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
-import { type Plugin } from 'vite';
+import { type FilterPattern, type Plugin } from 'vite';
+import { type DevStyleFilter } from '../dev-manifest.js';
 /**
  * Options for the main plugin's `start` option (`start: true` is
  * sugar for the empty bag). One bag serves both modes — the plugin's `ssr`
@@ -16,6 +17,29 @@ export interface StartOptions {
      * @default "src/App.{tsx,jsx,ts,js}" (also probes lowercase "src/app.*")
      */
     app?: string;
+    /** Options for development CSS crawling. */
+    css?: {
+        /**
+         * Filter for the modules traversed while collecting the CSS that dev
+         * SSR inlines into `<head>`. Patterns are
+         * [picomatch](https://github.com/micromatch/picomatch) globs or regexes;
+         * relative globs resolve against the Vite root. CSS files themselves
+         * and virtual modules always pass — the filter decides which module
+         * graphs are crawled, not which stylesheets are kept.
+         *
+         * `exclude` prunes matching graphs and defaults to `/node_modules/`
+         * (providing your own replaces the default). `include` opts matching
+         * files back in on top of that baseline — typically a package whose
+         * CSS should be server-inlined to avoid a development FOUC, e.g.
+         * `{ include: /node_modules\/some-ui-lib/ }`. A file matching both
+         * stays excluded. Development only: production CSS always comes from
+         * the built assets.
+         */
+        filter?: {
+            include?: FilterPattern;
+            exclude?: FilterPattern;
+        };
+    };
     /**
      * Server entry module. Must export `render(request?, context?)` returning
      * a `renderToStream` result, an HTML string, or a `Response`.
@@ -132,6 +156,22 @@ export interface StartOptions {
      * @default undefined (probe env.ts / env.js; off when absent)
      */
     env?: boolean | string;
+    /**
+     * Enable the development toolbar. By default it is enabled when
+     * `@solidjs/start-devtools` is installed. Setting this to `true` requires
+     * the package, while `false` disables it.
+     *
+     * @default undefined
+     */
+    devtools?: boolean;
+    /**
+     * Add the default production error boundary to generated entries.
+     * Disable this when application middleware owns error handling. Authored
+     * entries are unaffected.
+     *
+     * @default true
+     */
+    errorBoundary?: boolean;
     /**
      * Let a host integration own the server environment — build wiring and
      * HTTP serving alike. The plugin skips its start-mode server-build config and
@@ -164,4 +204,5 @@ export declare function startServe(options: StartOptions, internal?: {
     serverFunctions?: boolean;
     serverComponents?: boolean;
     ssr?: boolean;
+    styleFilter?: DevStyleFilter;
 }): Plugin[];

package/package.json CHANGED Viewed

@@ -1,8 +1,11 @@
 {
   "name": "@solidjs/vite-plugin",
-  "version": "3.0.0-next.30",
-  "description": "solid-js integration plugin for vite 6/7/8",
+  "version": "3.0.0-next.32",
+  "description": "solid-js integration plugin for Vite",
   "type": "module",
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
   "files": [
     "dist",
     "virtual-solid-manifest.d.ts",
@@ -64,7 +67,8 @@
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@skypack/package-check": "^0.2.2",
-    "@types/node": "^18.18.4",
+    "@solidjs/start-devtools": "^1.0.0-next.3",
+    "@types/node": "^24.0.0",
     "cypress": "^14.0.0",
     "cypress-visual-regression": "^5.2.2",
     "cypress-vite": "^1.6.0",
@@ -74,15 +78,19 @@
     "rollup-plugin-cleaner": "^1.0.0",
     "solid-js": "^2.0.0-rc.0",
     "typescript": "^5.2.2",
-    "vite": "^7.0.0"
+    "vite": "^8.2.1"
   },
   "peerDependencies": {
+    "@solidjs/start-devtools": "^1.0.0-next.2",
     "@solidjs/web": "^2.0.0-rc.0",
     "@testing-library/jest-dom": "^5.16.6 || ^5.17.0 || ^6.*",
     "solid-js": "^2.0.0-rc.0",
-    "vite": "^6.0.0 || ^7.0.0 || ^8.0.0"
+    "vite": "^8.0.0 || ^9.0.0"
   },
   "peerDependenciesMeta": {
+    "@solidjs/start-devtools": {
+      "optional": true
+    },
     "@testing-library/jest-dom": {
       "optional": true
     }