@sveltejs/vite-plugin-svelte 1.3.1 → 1.4.0

package/dist/preprocess.cjs

@@ -0,0 +1,127 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/preprocess.ts
+var preprocess_exports = {};
+__export(preprocess_exports, {
+  vitePreprocess: () => vitePreprocess
+});
+module.exports = __toCommonJS(preprocess_exports);
+var import_path = __toESM(require("path"), 1);
+var vite = __toESM(require("vite"), 1);
+var supportedStyleLangs = ["css", "less", "sass", "scss", "styl", "stylus", "postcss", "sss"];
+var supportedScriptLangs = ["ts"];
+function vitePreprocess(opts) {
+  const preprocessor = {};
+  if (opts?.script !== false) {
+    preprocessor.script = viteScript().script;
+  }
+  if (opts?.style !== false) {
+    const styleOpts = typeof opts?.style == "object" ? opts?.style : void 0;
+    preprocessor.style = viteStyle(styleOpts).style;
+  }
+  return preprocessor;
+}
+function viteScript() {
+  return {
+    async script({ attributes, content, filename = "" }) {
+      const lang = attributes.lang;
+      if (!supportedScriptLangs.includes(lang))
+        return;
+      const transformResult = await vite.transformWithEsbuild(content, filename, {
+        loader: lang,
+        target: "esnext",
+        tsconfigRaw: {
+          compilerOptions: {
+            importsNotUsedAsValues: "preserve",
+            preserveValueImports: true
+          }
+        }
+      });
+      return {
+        code: transformResult.code,
+        map: transformResult.map
+      };
+    }
+  };
+}
+function viteStyle(config = {}) {
+  let transform;
+  const style = async ({ attributes, content, filename = "" }) => {
+    const lang = attributes.lang;
+    if (!supportedStyleLangs.includes(lang))
+      return;
+    if (!transform) {
+      let resolvedConfig;
+      if (style.__resolvedConfig) {
+        resolvedConfig = style.__resolvedConfig;
+      } else if (isResolvedConfig(config)) {
+        resolvedConfig = config;
+      } else {
+        resolvedConfig = await vite.resolveConfig(
+          config,
+          process.env.NODE_ENV === "production" ? "build" : "serve"
+        );
+      }
+      transform = getCssTransformFn(resolvedConfig);
+    }
+    const moduleId = `${filename}.${lang}`;
+    const result = await transform(content, moduleId);
+    if (result.map?.sources?.[0] === moduleId) {
+      result.map.sources[0] = import_path.default.basename(filename);
+    }
+    return {
+      code: result.code,
+      map: result.map ?? void 0
+    };
+  };
+  style.__resolvedConfig = null;
+  return { style };
+}
+function getCssTransformFn(config) {
+  if (vite.preprocessCSS) {
+    return async (code, filename) => {
+      return vite.preprocessCSS(code, filename, config);
+    };
+  } else {
+    const pluginName = "vite:css";
+    const plugin = config.plugins.find((p) => p.name === pluginName);
+    if (!plugin) {
+      throw new Error(`failed to find plugin ${pluginName}`);
+    }
+    if (!plugin.transform) {
+      throw new Error(`plugin ${pluginName} has no transform`);
+    }
+    return plugin.transform.bind(null);
+  }
+}
+function isResolvedConfig(config) {
+  return !!config.inlineConfig;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  vitePreprocess
+});
+//# sourceMappingURL=preprocess.cjs.map

package/dist/preprocess.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/preprocess.ts"],"sourcesContent":["import path from 'path';\nimport * as vite from 'vite';\nimport type { ESBuildOptions, ResolvedConfig } from 'vite';\n// eslint-disable-next-line node/no-missing-import\nimport type { Preprocessor, PreprocessorGroup } from 'svelte/types/compiler/preprocess';\n\nconst supportedStyleLangs = ['css', 'less', 'sass', 'scss', 'styl', 'stylus', 'postcss', 'sss'];\nconst supportedScriptLangs = ['ts'];\n\nexport function vitePreprocess(opts?: {\n\tscript?: boolean;\n\tstyle?: boolean | vite.InlineConfig | vite.ResolvedConfig;\n}) {\n\tconst preprocessor: PreprocessorGroup = {};\n\tif (opts?.script !== false) {\n\t\tpreprocessor.script = viteScript().script;\n\t}\n\tif (opts?.style !== false) {\n\t\tconst styleOpts = typeof opts?.style == 'object' ? opts?.style : undefined;\n\t\tpreprocessor.style = viteStyle(styleOpts).style;\n\t}\n\treturn preprocessor;\n}\n\nfunction viteScript(): { script: Preprocessor } {\n\treturn {\n\t\tasync script({ attributes, content, filename = '' }) {\n\t\t\tconst lang = attributes.lang as string;\n\t\t\tif (!supportedScriptLangs.includes(lang)) return;\n\t\t\tconst transformResult = await vite.transformWithEsbuild(content, filename, {\n\t\t\t\tloader: lang as ESBuildOptions['loader'],\n\t\t\t\ttarget: 'esnext',\n\t\t\t\ttsconfigRaw: {\n\t\t\t\t\tcompilerOptions: {\n\t\t\t\t\t\t// svelte typescript needs this flag to work with type imports\n\t\t\t\t\t\timportsNotUsedAsValues: 'preserve',\n\t\t\t\t\t\tpreserveValueImports: true\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t\treturn {\n\t\t\t\tcode: transformResult.code,\n\t\t\t\tmap: transformResult.map\n\t\t\t};\n\t\t}\n\t};\n}\n\nfunction viteStyle(config: vite.InlineConfig | vite.ResolvedConfig = {}): {\n\tstyle: Preprocessor;\n} {\n\tlet transform: CssTransform;\n\tconst style: Preprocessor = async ({ attributes, content, filename = '' }) => {\n\t\tconst lang = attributes.lang as string;\n\t\tif (!supportedStyleLangs.includes(lang)) return;\n\t\tif (!transform) {\n\t\t\tlet resolvedConfig: vite.ResolvedConfig;\n\t\t\t// @ts-expect-error special prop added if running in v-p-s\n\t\t\tif (style.__resolvedConfig) {\n\t\t\t\t// @ts-expect-error\n\t\t\t\tresolvedConfig = style.__resolvedConfig;\n\t\t\t} else if (isResolvedConfig(config)) {\n\t\t\t\tresolvedConfig = config;\n\t\t\t} else {\n\t\t\t\tresolvedConfig = await vite.resolveConfig(\n\t\t\t\t\tconfig,\n\t\t\t\t\tprocess.env.NODE_ENV === 'production' ? 'build' : 'serve'\n\t\t\t\t);\n\t\t\t}\n\t\t\ttransform = getCssTransformFn(resolvedConfig);\n\t\t}\n\t\tconst moduleId = `${filename}.${lang}`;\n\t\tconst result = await transform(content, moduleId);\n\t\t// patch sourcemap source to point back to original filename\n\t\tif (result.map?.sources?.[0] === moduleId) {\n\t\t\tresult.map.sources[0] = path.basename(filename);\n\t\t}\n\t\treturn {\n\t\t\tcode: result.code,\n\t\t\tmap: result.map ?? undefined\n\t\t};\n\t};\n\t// @ts-expect-error tag so can be found by v-p-s\n\tstyle.__resolvedConfig = null;\n\treturn { style };\n}\n\n// eslint-disable-next-line no-unused-vars\ntype CssTransform = (code: string, filename: string) => Promise<{ code: string; map?: any }>;\n\nfunction getCssTransformFn(config: ResolvedConfig): CssTransform {\n\t// API is only available in Vite 3.2 and above\n\t// TODO: Remove Vite plugin hack when bump peer dep to Vite 3.2\n\tif (vite.preprocessCSS) {\n\t\treturn async (code, filename) => {\n\t\t\treturn vite.preprocessCSS(code, filename, config);\n\t\t};\n\t} else {\n\t\tconst pluginName = 'vite:css';\n\t\tconst plugin = config.plugins.find((p) => p.name === pluginName);\n\t\tif (!plugin) {\n\t\t\tthrow new Error(`failed to find plugin ${pluginName}`);\n\t\t}\n\t\tif (!plugin.transform) {\n\t\t\tthrow new Error(`plugin ${pluginName} has no transform`);\n\t\t}\n\t\t// @ts-expect-error\n\t\treturn plugin.transform.bind(null);\n\t}\n}\n\nfunction isResolvedConfig(config: any): config is vite.ResolvedConfig {\n\treturn !!config.inlineConfig;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AACjB,WAAsB;AAKtB,IAAM,sBAAsB,CAAC,OAAO,QAAQ,QAAQ,QAAQ,QAAQ,UAAU,WAAW,KAAK;AAC9F,IAAM,uBAAuB,CAAC,IAAI;AAE3B,SAAS,eAAe,MAG5B;AACF,QAAM,eAAkC,CAAC;AACzC,MAAI,MAAM,WAAW,OAAO;AAC3B,iBAAa,SAAS,WAAW,EAAE;AAAA,EACpC;AACA,MAAI,MAAM,UAAU,OAAO;AAC1B,UAAM,YAAY,OAAO,MAAM,SAAS,WAAW,MAAM,QAAQ;AACjE,iBAAa,QAAQ,UAAU,SAAS,EAAE;AAAA,EAC3C;AACA,SAAO;AACR;AAEA,SAAS,aAAuC;AAC/C,SAAO;AAAA,IACN,MAAM,OAAO,EAAE,YAAY,SAAS,WAAW,GAAG,GAAG;AACpD,YAAM,OAAO,WAAW;AACxB,UAAI,CAAC,qBAAqB,SAAS,IAAI;AAAG;AAC1C,YAAM,kBAAkB,MAAW,0BAAqB,SAAS,UAAU;AAAA,QAC1E,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,aAAa;AAAA,UACZ,iBAAiB;AAAA,YAEhB,wBAAwB;AAAA,YACxB,sBAAsB;AAAA,UACvB;AAAA,QACD;AAAA,MACD,CAAC;AACD,aAAO;AAAA,QACN,MAAM,gBAAgB;AAAA,QACtB,KAAK,gBAAgB;AAAA,MACtB;AAAA,IACD;AAAA,EACD;AACD;AAEA,SAAS,UAAU,SAAkD,CAAC,GAEpE;AACD,MAAI;AACJ,QAAM,QAAsB,OAAO,EAAE,YAAY,SAAS,WAAW,GAAG,MAAM;AAC7E,UAAM,OAAO,WAAW;AACxB,QAAI,CAAC,oBAAoB,SAAS,IAAI;AAAG;AACzC,QAAI,CAAC,WAAW;AACf,UAAI;AAEJ,UAAI,MAAM,kBAAkB;AAE3B,yBAAiB,MAAM;AAAA,MACxB,WAAW,iBAAiB,MAAM,GAAG;AACpC,yBAAiB;AAAA,MAClB,OAAO;AACN,yBAAiB,MAAW;AAAA,UAC3B;AAAA,UACA,QAAQ,IAAI,aAAa,eAAe,UAAU;AAAA,QACnD;AAAA,MACD;AACA,kBAAY,kBAAkB,cAAc;AAAA,IAC7C;AACA,UAAM,WAAW,GAAG,YAAY;AAChC,UAAM,SAAS,MAAM,UAAU,SAAS,QAAQ;AAEhD,QAAI,OAAO,KAAK,UAAU,OAAO,UAAU;AAC1C,aAAO,IAAI,QAAQ,KAAK,YAAAA,QAAK,SAAS,QAAQ;AAAA,IAC/C;AACA,WAAO;AAAA,MACN,MAAM,OAAO;AAAA,MACb,KAAK,OAAO,OAAO;AAAA,IACpB;AAAA,EACD;AAEA,QAAM,mBAAmB;AACzB,SAAO,EAAE,MAAM;AAChB;AAKA,SAAS,kBAAkB,QAAsC;AAGhE,MAAS,oBAAe;AACvB,WAAO,OAAO,MAAM,aAAa;AAChC,aAAY,mBAAc,MAAM,UAAU,MAAM;AAAA,IACjD;AAAA,EACD,OAAO;AACN,UAAM,aAAa;AACnB,UAAM,SAAS,OAAO,QAAQ,KAAK,CAAC,MAAM,EAAE,SAAS,UAAU;AAC/D,QAAI,CAAC,QAAQ;AACZ,YAAM,IAAI,MAAM,yBAAyB,YAAY;AAAA,IACtD;AACA,QAAI,CAAC,OAAO,WAAW;AACtB,YAAM,IAAI,MAAM,UAAU,6BAA6B;AAAA,IACxD;AAEA,WAAO,OAAO,UAAU,KAAK,IAAI;AAAA,EAClC;AACD;AAEA,SAAS,iBAAiB,QAA4C;AACrE,SAAO,CAAC,CAAC,OAAO;AACjB;","names":["path"]}

package/dist/preprocess.d.ts

@@ -0,0 +1,9 @@
+import * as vite from 'vite';
+import { PreprocessorGroup } from 'svelte/types/compiler/preprocess';
+
+declare function vitePreprocess(opts?: {
+    script?: boolean;
+    style?: boolean | vite.InlineConfig | vite.ResolvedConfig;
+}): PreprocessorGroup;
+
+export { vitePreprocess };

package/dist/preprocess.js

@@ -0,0 +1,96 @@
+// src/preprocess.ts
+import path from "path";
+import * as vite from "vite";
+var supportedStyleLangs = ["css", "less", "sass", "scss", "styl", "stylus", "postcss", "sss"];
+var supportedScriptLangs = ["ts"];
+function vitePreprocess(opts) {
+  const preprocessor = {};
+  if (opts?.script !== false) {
+    preprocessor.script = viteScript().script;
+  }
+  if (opts?.style !== false) {
+    const styleOpts = typeof opts?.style == "object" ? opts?.style : void 0;
+    preprocessor.style = viteStyle(styleOpts).style;
+  }
+  return preprocessor;
+}
+function viteScript() {
+  return {
+    async script({ attributes, content, filename = "" }) {
+      const lang = attributes.lang;
+      if (!supportedScriptLangs.includes(lang))
+        return;
+      const transformResult = await vite.transformWithEsbuild(content, filename, {
+        loader: lang,
+        target: "esnext",
+        tsconfigRaw: {
+          compilerOptions: {
+            importsNotUsedAsValues: "preserve",
+            preserveValueImports: true
+          }
+        }
+      });
+      return {
+        code: transformResult.code,
+        map: transformResult.map
+      };
+    }
+  };
+}
+function viteStyle(config = {}) {
+  let transform;
+  const style = async ({ attributes, content, filename = "" }) => {
+    const lang = attributes.lang;
+    if (!supportedStyleLangs.includes(lang))
+      return;
+    if (!transform) {
+      let resolvedConfig;
+      if (style.__resolvedConfig) {
+        resolvedConfig = style.__resolvedConfig;
+      } else if (isResolvedConfig(config)) {
+        resolvedConfig = config;
+      } else {
+        resolvedConfig = await vite.resolveConfig(
+          config,
+          process.env.NODE_ENV === "production" ? "build" : "serve"
+        );
+      }
+      transform = getCssTransformFn(resolvedConfig);
+    }
+    const moduleId = `${filename}.${lang}`;
+    const result = await transform(content, moduleId);
+    if (result.map?.sources?.[0] === moduleId) {
+      result.map.sources[0] = path.basename(filename);
+    }
+    return {
+      code: result.code,
+      map: result.map ?? void 0
+    };
+  };
+  style.__resolvedConfig = null;
+  return { style };
+}
+function getCssTransformFn(config) {
+  if (vite.preprocessCSS) {
+    return async (code, filename) => {
+      return vite.preprocessCSS(code, filename, config);
+    };
+  } else {
+    const pluginName = "vite:css";
+    const plugin = config.plugins.find((p) => p.name === pluginName);
+    if (!plugin) {
+      throw new Error(`failed to find plugin ${pluginName}`);
+    }
+    if (!plugin.transform) {
+      throw new Error(`plugin ${pluginName} has no transform`);
+    }
+    return plugin.transform.bind(null);
+  }
+}
+function isResolvedConfig(config) {
+  return !!config.inlineConfig;
+}
+export {
+  vitePreprocess
+};
+//# sourceMappingURL=preprocess.js.map

package/dist/preprocess.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/preprocess.ts"],"sourcesContent":["import path from 'path';\nimport * as vite from 'vite';\nimport type { ESBuildOptions, ResolvedConfig } from 'vite';\n// eslint-disable-next-line node/no-missing-import\nimport type { Preprocessor, PreprocessorGroup } from 'svelte/types/compiler/preprocess';\n\nconst supportedStyleLangs = ['css', 'less', 'sass', 'scss', 'styl', 'stylus', 'postcss', 'sss'];\nconst supportedScriptLangs = ['ts'];\n\nexport function vitePreprocess(opts?: {\n\tscript?: boolean;\n\tstyle?: boolean | vite.InlineConfig | vite.ResolvedConfig;\n}) {\n\tconst preprocessor: PreprocessorGroup = {};\n\tif (opts?.script !== false) {\n\t\tpreprocessor.script = viteScript().script;\n\t}\n\tif (opts?.style !== false) {\n\t\tconst styleOpts = typeof opts?.style == 'object' ? opts?.style : undefined;\n\t\tpreprocessor.style = viteStyle(styleOpts).style;\n\t}\n\treturn preprocessor;\n}\n\nfunction viteScript(): { script: Preprocessor } {\n\treturn {\n\t\tasync script({ attributes, content, filename = '' }) {\n\t\t\tconst lang = attributes.lang as string;\n\t\t\tif (!supportedScriptLangs.includes(lang)) return;\n\t\t\tconst transformResult = await vite.transformWithEsbuild(content, filename, {\n\t\t\t\tloader: lang as ESBuildOptions['loader'],\n\t\t\t\ttarget: 'esnext',\n\t\t\t\ttsconfigRaw: {\n\t\t\t\t\tcompilerOptions: {\n\t\t\t\t\t\t// svelte typescript needs this flag to work with type imports\n\t\t\t\t\t\timportsNotUsedAsValues: 'preserve',\n\t\t\t\t\t\tpreserveValueImports: true\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t\treturn {\n\t\t\t\tcode: transformResult.code,\n\t\t\t\tmap: transformResult.map\n\t\t\t};\n\t\t}\n\t};\n}\n\nfunction viteStyle(config: vite.InlineConfig | vite.ResolvedConfig = {}): {\n\tstyle: Preprocessor;\n} {\n\tlet transform: CssTransform;\n\tconst style: Preprocessor = async ({ attributes, content, filename = '' }) => {\n\t\tconst lang = attributes.lang as string;\n\t\tif (!supportedStyleLangs.includes(lang)) return;\n\t\tif (!transform) {\n\t\t\tlet resolvedConfig: vite.ResolvedConfig;\n\t\t\t// @ts-expect-error special prop added if running in v-p-s\n\t\t\tif (style.__resolvedConfig) {\n\t\t\t\t// @ts-expect-error\n\t\t\t\tresolvedConfig = style.__resolvedConfig;\n\t\t\t} else if (isResolvedConfig(config)) {\n\t\t\t\tresolvedConfig = config;\n\t\t\t} else {\n\t\t\t\tresolvedConfig = await vite.resolveConfig(\n\t\t\t\t\tconfig,\n\t\t\t\t\tprocess.env.NODE_ENV === 'production' ? 'build' : 'serve'\n\t\t\t\t);\n\t\t\t}\n\t\t\ttransform = getCssTransformFn(resolvedConfig);\n\t\t}\n\t\tconst moduleId = `${filename}.${lang}`;\n\t\tconst result = await transform(content, moduleId);\n\t\t// patch sourcemap source to point back to original filename\n\t\tif (result.map?.sources?.[0] === moduleId) {\n\t\t\tresult.map.sources[0] = path.basename(filename);\n\t\t}\n\t\treturn {\n\t\t\tcode: result.code,\n\t\t\tmap: result.map ?? undefined\n\t\t};\n\t};\n\t// @ts-expect-error tag so can be found by v-p-s\n\tstyle.__resolvedConfig = null;\n\treturn { style };\n}\n\n// eslint-disable-next-line no-unused-vars\ntype CssTransform = (code: string, filename: string) => Promise<{ code: string; map?: any }>;\n\nfunction getCssTransformFn(config: ResolvedConfig): CssTransform {\n\t// API is only available in Vite 3.2 and above\n\t// TODO: Remove Vite plugin hack when bump peer dep to Vite 3.2\n\tif (vite.preprocessCSS) {\n\t\treturn async (code, filename) => {\n\t\t\treturn vite.preprocessCSS(code, filename, config);\n\t\t};\n\t} else {\n\t\tconst pluginName = 'vite:css';\n\t\tconst plugin = config.plugins.find((p) => p.name === pluginName);\n\t\tif (!plugin) {\n\t\t\tthrow new Error(`failed to find plugin ${pluginName}`);\n\t\t}\n\t\tif (!plugin.transform) {\n\t\t\tthrow new Error(`plugin ${pluginName} has no transform`);\n\t\t}\n\t\t// @ts-expect-error\n\t\treturn plugin.transform.bind(null);\n\t}\n}\n\nfunction isResolvedConfig(config: any): config is vite.ResolvedConfig {\n\treturn !!config.inlineConfig;\n}\n"],"mappings":";AAAA,OAAO,UAAU;AACjB,YAAY,UAAU;AAKtB,IAAM,sBAAsB,CAAC,OAAO,QAAQ,QAAQ,QAAQ,QAAQ,UAAU,WAAW,KAAK;AAC9F,IAAM,uBAAuB,CAAC,IAAI;AAE3B,SAAS,eAAe,MAG5B;AACF,QAAM,eAAkC,CAAC;AACzC,MAAI,MAAM,WAAW,OAAO;AAC3B,iBAAa,SAAS,WAAW,EAAE;AAAA,EACpC;AACA,MAAI,MAAM,UAAU,OAAO;AAC1B,UAAM,YAAY,OAAO,MAAM,SAAS,WAAW,MAAM,QAAQ;AACjE,iBAAa,QAAQ,UAAU,SAAS,EAAE;AAAA,EAC3C;AACA,SAAO;AACR;AAEA,SAAS,aAAuC;AAC/C,SAAO;AAAA,IACN,MAAM,OAAO,EAAE,YAAY,SAAS,WAAW,GAAG,GAAG;AACpD,YAAM,OAAO,WAAW;AACxB,UAAI,CAAC,qBAAqB,SAAS,IAAI;AAAG;AAC1C,YAAM,kBAAkB,MAAW,0BAAqB,SAAS,UAAU;AAAA,QAC1E,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,aAAa;AAAA,UACZ,iBAAiB;AAAA,YAEhB,wBAAwB;AAAA,YACxB,sBAAsB;AAAA,UACvB;AAAA,QACD;AAAA,MACD,CAAC;AACD,aAAO;AAAA,QACN,MAAM,gBAAgB;AAAA,QACtB,KAAK,gBAAgB;AAAA,MACtB;AAAA,IACD;AAAA,EACD;AACD;AAEA,SAAS,UAAU,SAAkD,CAAC,GAEpE;AACD,MAAI;AACJ,QAAM,QAAsB,OAAO,EAAE,YAAY,SAAS,WAAW,GAAG,MAAM;AAC7E,UAAM,OAAO,WAAW;AACxB,QAAI,CAAC,oBAAoB,SAAS,IAAI;AAAG;AACzC,QAAI,CAAC,WAAW;AACf,UAAI;AAEJ,UAAI,MAAM,kBAAkB;AAE3B,yBAAiB,MAAM;AAAA,MACxB,WAAW,iBAAiB,MAAM,GAAG;AACpC,yBAAiB;AAAA,MAClB,OAAO;AACN,yBAAiB,MAAW;AAAA,UAC3B;AAAA,UACA,QAAQ,IAAI,aAAa,eAAe,UAAU;AAAA,QACnD;AAAA,MACD;AACA,kBAAY,kBAAkB,cAAc;AAAA,IAC7C;AACA,UAAM,WAAW,GAAG,YAAY;AAChC,UAAM,SAAS,MAAM,UAAU,SAAS,QAAQ;AAEhD,QAAI,OAAO,KAAK,UAAU,OAAO,UAAU;AAC1C,aAAO,IAAI,QAAQ,KAAK,KAAK,SAAS,QAAQ;AAAA,IAC/C;AACA,WAAO;AAAA,MACN,MAAM,OAAO;AAAA,MACb,KAAK,OAAO,OAAO;AAAA,IACpB;AAAA,EACD;AAEA,QAAM,mBAAmB;AACzB,SAAO,EAAE,MAAM;AAChB;AAKA,SAAS,kBAAkB,QAAsC;AAGhE,MAAS,oBAAe;AACvB,WAAO,OAAO,MAAM,aAAa;AAChC,aAAY,mBAAc,MAAM,UAAU,MAAM;AAAA,IACjD;AAAA,EACD,OAAO;AACN,UAAM,aAAa;AACnB,UAAM,SAAS,OAAO,QAAQ,KAAK,CAAC,MAAM,EAAE,SAAS,UAAU;AAC/D,QAAI,CAAC,QAAQ;AACZ,YAAM,IAAI,MAAM,yBAAyB,YAAY;AAAA,IACtD;AACA,QAAI,CAAC,OAAO,WAAW;AACtB,YAAM,IAAI,MAAM,UAAU,6BAA6B;AAAA,IACxD;AAEA,WAAO,OAAO,UAAU,KAAK,IAAI;AAAA,EAClC;AACD;AAEA,SAAS,iBAAiB,QAA4C;AACrE,SAAO,CAAC,CAAC,OAAO;AACjB;","names":[]}

package/package.json

@@ -1,14 +1,12 @@
 {
   "name": "@sveltejs/vite-plugin-svelte",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "license": "MIT",
   "author": "dominikg",
   "files": [
     "dist",
     "src",
-    "README.md",
-    "LICENSE",
-    "package.json"
+    "*.d.ts"
   ],
   "type": "module",
   "main": "dist/index.cjs",
@@ -50,28 +48,20 @@
     "vitefu": "^0.2.2"
   },
   "peerDependencies": {
-    "diff-match-patch": "^1.0.5",
     "svelte": "^3.44.0",
     "vite": "^3.0.0"
   },
-  "peerDependenciesMeta": {
-    "diff-match-patch": {
-      "optional": true
-    }
-  },
   "devDependencies": {
     "@types/debug": "^4.1.7",
-    "@types/diff-match-patch": "^1.0.32",
-    "diff-match-patch": "^1.0.5",
-    "esbuild": "^0.15.14",
+    "esbuild": "^0.15.16",
     "rollup": "^2.79.1",
     "svelte": "^3.53.1",
     "tsup": "^6.5.0",
-    "vite": "^3.2.3"
+    "vite": "^3.2.4"
   },
   "scripts": {
     "dev": "pnpm build:ci --sourcemap --watch src",
-    "build:ci": "rimraf dist && tsup-node src/index.ts --format esm,cjs --no-splitting --shims",
+    "build:ci": "rimraf dist && tsup-node src/index.ts src/preprocess.ts --format esm,cjs --no-splitting --shims",
     "build": "pnpm build:ci --dts --sourcemap"
   }
 }

package/src/handle-hot-update.ts

@@ -20,7 +20,7 @@ export async function handleHotUpdate(
 		log.debug(`handleHotUpdate called before initial transform for ${svelteRequest.id}`);
 		return;
 	}
-	const { read, server } = ctx;
+	const { read, server, modules } = ctx;
 
 	const cachedJS = cache.getJS(svelteRequest);
 	const cachedCss = cache.getCSS(svelteRequest);
@@ -35,41 +35,41 @@ export async function handleHotUpdate(
 		throw e;
 	}
 
-	const affectedModules = new Set<ModuleNode | undefined>();
+	const affectedModules = [...modules];
 
-	const cssModule = server.moduleGraph.getModuleById(svelteRequest.cssId);
-	const mainModule = server.moduleGraph.getModuleById(svelteRequest.id);
-	const cssUpdated = cssModule && cssChanged(cachedCss, compileData.compiled.css);
-	if (cssUpdated) {
-		log.debug(`handleHotUpdate css changed for ${svelteRequest.cssId}`);
-		affectedModules.add(cssModule);
+	const cssIdx = modules.findIndex((m) => m.id === svelteRequest.cssId);
+	if (cssIdx > -1) {
+		const cssUpdated = cssChanged(cachedCss, compileData.compiled.css);
+		if (!cssUpdated) {
+			log.debug(`skipping unchanged css for ${svelteRequest.cssId}`);
+			affectedModules.splice(cssIdx, 1);
+		}
 	}
-	const jsUpdated =
-		mainModule && jsChanged(cachedJS, compileData.compiled.js, svelteRequest.filename);
-	if (jsUpdated) {
-		log.debug(`handleHotUpdate js changed for ${svelteRequest.id}`);
-		affectedModules.add(mainModule);
+	const jsIdx = modules.findIndex((m) => m.id === svelteRequest.id);
+	if (jsIdx > -1) {
+		const jsUpdated = jsChanged(cachedJS, compileData.compiled.js, svelteRequest.filename);
+		if (!jsUpdated) {
+			log.debug(`skipping unchanged js for ${svelteRequest.id}`);
+			affectedModules.splice(jsIdx, 1);
+			// transform won't be called, log warnings here
+			logCompilerWarnings(svelteRequest, compileData.compiled.warnings, options);
+		}
 	}
 
-	if (!jsUpdated) {
-		// transform won't be called, log warnings here
-		logCompilerWarnings(svelteRequest, compileData.compiled.warnings, options);
-	}
-
-	const result = [...affectedModules].filter(Boolean) as ModuleNode[];
-
 	// TODO is this enough? see also: https://github.com/vitejs/vite/issues/2274
-	const ssrModulesToInvalidate = result.filter((m) => !!m.ssrTransformResult);
+	const ssrModulesToInvalidate = affectedModules.filter((m) => !!m.ssrTransformResult);
 	if (ssrModulesToInvalidate.length > 0) {
 		log.debug(`invalidating modules ${ssrModulesToInvalidate.map((m) => m.id).join(', ')}`);
 		ssrModulesToInvalidate.forEach((moduleNode) => server.moduleGraph.invalidateModule(moduleNode));
 	}
-	if (result.length > 0) {
+	if (affectedModules.length > 0) {
 		log.debug(
-			`handleHotUpdate for ${svelteRequest.id} result: ${result.map((m) => m.id).join(', ')}`
+			`handleHotUpdate for ${svelteRequest.id} result: ${affectedModules
+				.map((m) => m.id)
+				.join(', ')}`
 		);
 	}
-	return result;
+	return affectedModules;
 }
 
 function cssChanged(prev?: Code, next?: Code): boolean {

package/src/index.ts

@@ -4,8 +4,8 @@ import { HmrContext, ModuleNode, Plugin, ResolvedConfig, UserConfig } from 'vite
 import { isDepExcluded } from 'vitefu';
 import { handleHotUpdate } from './handle-hot-update';
 import { log, logCompilerWarnings } from './utils/log';
-import { CompileData, createCompileSvelte } from './utils/compile';
-import { buildIdParser, IdParser, SvelteRequest } from './utils/id';
+import { type CompileSvelte, createCompileSvelte } from './utils/compile';
+import { buildIdParser, IdParser } from './utils/id';
 import {
 	buildExtraViteConfig,
 	validateInlineOptions,
@@ -23,6 +23,7 @@ import { toRollupError } from './utils/error';
 import { saveSvelteMetadata } from './utils/optimizer';
 import { svelteInspector } from './ui/inspector/plugin';
 import { VitePluginSvelteCache } from './utils/vite-plugin-svelte-cache';
+import { loadRaw } from './utils/load-raw';
 
 interface PluginAPI {
 	/**
@@ -45,11 +46,7 @@ export function svelte(inlineOptions?: Partial<Options>): Plugin[] {
 	let options: ResolvedOptions;
 	let viteConfig: ResolvedConfig;
 	/* eslint-disable no-unused-vars */
-	let compileSvelte: (
-		svelteRequest: SvelteRequest,
-		code: string,
-		options: Partial<ResolvedOptions>
-	) => Promise<CompileData>;
+	let compileSvelte: CompileSvelte;
 	/* eslint-enable no-unused-vars */
 
 	let resolvedSvelteSSR: Promise<PartialResolvedId | null>;
@@ -103,23 +100,26 @@ export function svelte(inlineOptions?: Partial<Options>): Plugin[] {
 				setupWatchers(options, cache, requestParser);
 			},
 
-			load(id, opts) {
+			async load(id, opts) {
 				const ssr = !!opts?.ssr;
 				const svelteRequest = requestParser(id, !!ssr);
 				if (svelteRequest) {
-					const { filename, query } = svelteRequest;
-					// virtual css module
-					if (query.svelte && query.type === 'style') {
-						const css = cache.getCSS(svelteRequest);
-						if (css) {
-							log.debug(`load returns css for ${filename}`);
-							return css;
+					const { filename, query, raw } = svelteRequest;
+					if (raw) {
+						return loadRaw(svelteRequest, compileSvelte, options);
+					} else {
+						if (query.svelte && query.type === 'style') {
+							const css = cache.getCSS(svelteRequest);
+							if (css) {
+								log.debug(`load returns css for ${filename}`);
+								return css;
+							}
+						}
+						// prevent vite asset plugin from loading files as url that should be compiled in transform
+						if (viteConfig.assetsInclude(filename)) {
+							log.debug(`load returns raw content for ${filename}`);
+							return fs.readFileSync(filename, 'utf-8');
 						}
-					}
-					// prevent vite asset plugin from loading files as url that should be compiled in transform
-					if (viteConfig.assetsInclude(filename)) {
-						log.debug(`load returns raw content for ${filename}`);
-						return fs.readFileSync(filename, 'utf-8');
 					}
 				}
 			},
@@ -128,14 +128,12 @@ export function svelte(inlineOptions?: Partial<Options>): Plugin[] {
 				const ssr = !!opts?.ssr;
 				const svelteRequest = requestParser(importee, ssr);
 				if (svelteRequest?.query.svelte) {
-					if (svelteRequest.query.type === 'style') {
+					if (svelteRequest.query.type === 'style' && !svelteRequest.raw) {
 						// return cssId with root prefix so postcss pipeline of vite finds the directory correctly
 						// see https://github.com/sveltejs/vite-plugin-svelte/issues/14
 						log.debug(`resolveId resolved virtual css module ${svelteRequest.cssId}`);
 						return svelteRequest.cssId;
 					}
-					log.debug(`resolveId resolved ${importee}`);
-					return importee; // query with svelte tag, an id we generated, no need for further analysis
 				}
 
 				if (ssr && importee === 'svelte') {
@@ -188,7 +186,7 @@ export function svelte(inlineOptions?: Partial<Options>): Plugin[] {
 			async transform(code, id, opts) {
 				const ssr = !!opts?.ssr;
 				const svelteRequest = requestParser(id, ssr);
-				if (!svelteRequest || svelteRequest.query.svelte) {
+				if (!svelteRequest || svelteRequest.query.type === 'style' || svelteRequest.raw) {
 					return;
 				}
 				let compileData;
@@ -238,6 +236,7 @@ export function svelte(inlineOptions?: Partial<Options>): Plugin[] {
 	return plugins.filter(Boolean);
 }
 
+export { vitePreprocess } from './preprocess';
 export { loadSvelteConfig } from './utils/load-svelte-config';
 
 export {

package/src/preprocess.ts

@@ -0,0 +1,114 @@
+import path from 'path';
+import * as vite from 'vite';
+import type { ESBuildOptions, ResolvedConfig } from 'vite';
+// eslint-disable-next-line node/no-missing-import
+import type { Preprocessor, PreprocessorGroup } from 'svelte/types/compiler/preprocess';
+
+const supportedStyleLangs = ['css', 'less', 'sass', 'scss', 'styl', 'stylus', 'postcss', 'sss'];
+const supportedScriptLangs = ['ts'];
+
+export function vitePreprocess(opts?: {
+	script?: boolean;
+	style?: boolean | vite.InlineConfig | vite.ResolvedConfig;
+}) {
+	const preprocessor: PreprocessorGroup = {};
+	if (opts?.script !== false) {
+		preprocessor.script = viteScript().script;
+	}
+	if (opts?.style !== false) {
+		const styleOpts = typeof opts?.style == 'object' ? opts?.style : undefined;
+		preprocessor.style = viteStyle(styleOpts).style;
+	}
+	return preprocessor;
+}
+
+function viteScript(): { script: Preprocessor } {
+	return {
+		async script({ attributes, content, filename = '' }) {
+			const lang = attributes.lang as string;
+			if (!supportedScriptLangs.includes(lang)) return;
+			const transformResult = await vite.transformWithEsbuild(content, filename, {
+				loader: lang as ESBuildOptions['loader'],
+				target: 'esnext',
+				tsconfigRaw: {
+					compilerOptions: {
+						// svelte typescript needs this flag to work with type imports
+						importsNotUsedAsValues: 'preserve',
+						preserveValueImports: true
+					}
+				}
+			});
+			return {
+				code: transformResult.code,
+				map: transformResult.map
+			};
+		}
+	};
+}
+
+function viteStyle(config: vite.InlineConfig | vite.ResolvedConfig = {}): {
+	style: Preprocessor;
+} {
+	let transform: CssTransform;
+	const style: Preprocessor = async ({ attributes, content, filename = '' }) => {
+		const lang = attributes.lang as string;
+		if (!supportedStyleLangs.includes(lang)) return;
+		if (!transform) {
+			let resolvedConfig: vite.ResolvedConfig;
+			// @ts-expect-error special prop added if running in v-p-s
+			if (style.__resolvedConfig) {
+				// @ts-expect-error
+				resolvedConfig = style.__resolvedConfig;
+			} else if (isResolvedConfig(config)) {
+				resolvedConfig = config;
+			} else {
+				resolvedConfig = await vite.resolveConfig(
+					config,
+					process.env.NODE_ENV === 'production' ? 'build' : 'serve'
+				);
+			}
+			transform = getCssTransformFn(resolvedConfig);
+		}
+		const moduleId = `${filename}.${lang}`;
+		const result = await transform(content, moduleId);
+		// patch sourcemap source to point back to original filename
+		if (result.map?.sources?.[0] === moduleId) {
+			result.map.sources[0] = path.basename(filename);
+		}
+		return {
+			code: result.code,
+			map: result.map ?? undefined
+		};
+	};
+	// @ts-expect-error tag so can be found by v-p-s
+	style.__resolvedConfig = null;
+	return { style };
+}
+
+// eslint-disable-next-line no-unused-vars
+type CssTransform = (code: string, filename: string) => Promise<{ code: string; map?: any }>;
+
+function getCssTransformFn(config: ResolvedConfig): CssTransform {
+	// API is only available in Vite 3.2 and above
+	// TODO: Remove Vite plugin hack when bump peer dep to Vite 3.2
+	if (vite.preprocessCSS) {
+		return async (code, filename) => {
+			return vite.preprocessCSS(code, filename, config);
+		};
+	} else {
+		const pluginName = 'vite:css';
+		const plugin = config.plugins.find((p) => p.name === pluginName);
+		if (!plugin) {
+			throw new Error(`failed to find plugin ${pluginName}`);
+		}
+		if (!plugin.transform) {
+			throw new Error(`plugin ${pluginName} has no transform`);
+		}
+		// @ts-expect-error
+		return plugin.transform.bind(null);
+	}
+}
+
+function isResolvedConfig(config: any): config is vite.ResolvedConfig {
+	return !!config.inlineConfig;
+}