@vanilla-extract/vite-plugin 0.0.0-dts-bundle-202282944525

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 SEEK
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,95 @@
+# 🧁 vanilla-extract
+
+**Zero-runtime Stylesheets-in-TypeScript.**
+
+Write your styles in TypeScript (or JavaScript) with locally scoped class names and CSS Variables, then generate static CSS files at build time.
+
+Basically, it’s [“CSS Modules](https://github.com/css-modules/css-modules)-in-TypeScript” but with scoped CSS Variables + heaps more.
+
+🔥   All styles generated at build time — just like [Sass](https://sass-lang.com), [Less](http://lesscss.org), etc.
+
+✨   Minimal abstraction over standard CSS.
+
+🦄   Works with any front-end framework — or even without one.
+
+🌳   Locally scoped class names — just like [CSS Modules.](https://github.com/css-modules/css-modules)
+
+🚀   Locally scoped [CSS Variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties), `@keyframes` and `@font-face` rules.
+
+🎨   High-level theme system with support for simultaneous themes. No globals!
+
+🛠   Utils for generating variable-based `calc` expressions.
+
+💪   Type-safe styles via [CSSType.](https://github.com/frenic/csstype)
+
+🏃‍♂️   Optional runtime version for development and testing.
+
+🙈   Optional API for dynamic runtime theming.
+
+---
+
+🌐 [Check out the documentation site for setup guides, examples and API docs.](https://vanilla-extract.style)
+
+
+
+---
+
+🖥   [Try it out for yourself in CodeSandbox.](https://codesandbox.io/s/github/vanilla-extract-css/vanilla-extract/tree/master/examples/webpack-react?file=/src/App.css.ts)
+
+---
+
+**Write your styles in `.css.ts` files.**
+
+```ts
+// styles.css.ts
+
+import { createTheme, style } from '@vanilla-extract/css';
+
+export const [themeClass, vars] = createTheme({
+  color: {
+    brand: 'blue'
+  },
+  font: {
+    body: 'arial'
+  }
+});
+
+export const exampleStyle = style({
+  backgroundColor: vars.color.brand,
+  fontFamily: vars.font.body,
+  color: 'white',
+  padding: 10
+});
+```
+
+> 💡 Once you've [configured your build tooling,](https://vanilla-extract.style/documentation/getting-started/) these `.css.ts` files will be evaluated at build time. None of the code in these files will be included in your final bundle. Think of it as using TypeScript as your preprocessor instead of Sass, Less, etc.
+
+**Then consume them in your markup.**
+
+```ts
+// app.ts
+
+import { themeClass, exampleStyle } from './styles.css.ts';
+
+document.write(`
+  <section class="${themeClass}">
+    <h1 class="${exampleStyle}">Hello world!</h1>
+  </section>
+`);
+```
+
+---
+
+Want to work at a higher level while maximising style re-use? Check out  🍨 [Sprinkles](https://vanilla-extract.style/documentation/packages/sprinkles), our official zero-runtime atomic CSS framework, built on top of vanilla-extract.
+
+---
+
+## Thanks
+
+- [Nathan Nam Tran](https://twitter.com/naistran) for creating [css-in-js-loader](https://github.com/naistran/css-in-js-loader), which served as the initial starting point for [treat](https://seek-oss.github.io/treat), the precursor to this library.
+- [Stitches](https://stitches.dev/) for getting us excited about CSS-Variables-in-JS.
+- [SEEK](https://www.seek.com.au) for giving us the space to do interesting work.
+
+## License
+
+MIT.

package/dist/vanilla-extract-vite-plugin.cjs.d.ts

@@ -0,0 +1,10 @@
+import { Plugin } from 'vite';
+import { IdentifierOption, CompileOptions } from '@vanilla-extract/integration';
+
+interface Options {
+    identifiers?: IdentifierOption;
+    esbuildOptions?: CompileOptions['esbuildOptions'];
+}
+declare function vanillaExtractPlugin({ identifiers, esbuildOptions, }?: Options): Plugin;
+
+export { vanillaExtractPlugin };

package/dist/vanilla-extract-vite-plugin.cjs.dev.js

@@ -0,0 +1,275 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var path = require('path');
+var vite = require('vite');
+var outdent = require('outdent');
+var integration = require('@vanilla-extract/integration');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var path__default = /*#__PURE__*/_interopDefault(path);
+var outdent__default = /*#__PURE__*/_interopDefault(outdent);
+
+// Mostly copied from vite's implementation
+// https://github.com/vitejs/vite/blob/efec70f816b80e55b64255b32a5f120e1cf4e4be/packages/vite/src/node/plugins/css.ts
+const resolvePostcssConfig = async config => {
+  var _config$css;
+
+  // inline postcss config via vite config
+  const inlineOptions = (_config$css = config.css) === null || _config$css === void 0 ? void 0 : _config$css.postcss;
+  const inlineOptionsIsString = typeof inlineOptions === 'string';
+
+  if (inlineOptions && !inlineOptionsIsString) {
+    const options = { ...inlineOptions
+    };
+    delete options.plugins;
+    return {
+      options,
+      plugins: inlineOptions.plugins || []
+    };
+  } else {
+    try {
+      const searchPath = typeof inlineOptions === 'string' ? inlineOptions : config.root;
+      const postCssConfig = await (await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('postcss-load-config')); })).default({}, searchPath);
+      return {
+        options: postCssConfig.options,
+        // @ts-expect-error - The postcssrc options don't agree with real postcss, but it should be ok
+        plugins: postCssConfig.plugins
+      };
+    } catch (e) {
+      if (!/No PostCSS Config found/.test(e.message)) {
+        throw e;
+      }
+
+      return null;
+    }
+  }
+};
+
+const styleUpdateEvent = fileId => `vanilla-extract-style-update:${fileId}`;
+
+const virtualExtCss = '.vanilla.css';
+const virtualExtJs = '.vanilla.js';
+function vanillaExtractPlugin({
+  identifiers,
+  esbuildOptions
+} = {}) {
+  let config;
+  let server;
+  let postCssConfig;
+  const cssMap = new Map();
+  let forceEmitCssInSsrBuild = !!process.env.VITE_RSC_BUILD;
+  let packageName;
+
+  const getAbsoluteVirtualFileId = source => vite.normalizePath(path__default["default"].join(config.root, source));
+
+  return {
+    name: 'vanilla-extract',
+    enforce: 'pre',
+
+    configureServer(_server) {
+      server = _server;
+    },
+
+    config(_userConfig, env) {
+      const include = env.command === 'serve' ? ['@vanilla-extract/css/injectStyles'] : [];
+      return {
+        optimizeDeps: {
+          include
+        },
+        ssr: {
+          external: ['@vanilla-extract/css', '@vanilla-extract/css/fileScope', '@vanilla-extract/css/adapter']
+        }
+      };
+    },
+
+    async configResolved(resolvedConfig) {
+      config = resolvedConfig;
+      packageName = integration.getPackageInfo(config.root).name;
+
+      if (config.command === 'serve') {
+        postCssConfig = await resolvePostcssConfig(config);
+      }
+
+      if (config.plugins.some(plugin => ['astro:build', 'solid-start-server'].includes(plugin.name))) {
+        forceEmitCssInSsrBuild = true;
+      }
+    },
+
+    resolveId(source) {
+      const [validId, query] = source.split('?');
+
+      if (!validId.endsWith(virtualExtCss) && !validId.endsWith(virtualExtJs)) {
+        return;
+      } // Absolute paths seem to occur often in monorepos, where files are
+      // imported from outside the config root.
+
+
+      const absoluteId = source.startsWith(config.root) ? source : getAbsoluteVirtualFileId(validId); // There should always be an entry in the `cssMap` here.
+      // The only valid scenario for a missing one is if someone had written
+      // a file in their app using the .vanilla.js/.vanilla.css extension
+
+      if (cssMap.has(absoluteId)) {
+        // Keep the original query string for HMR.
+        return absoluteId + (query ? `?${query}` : '');
+      }
+    },
+
+    load(id) {
+      const [validId] = id.split('?');
+
+      if (!cssMap.has(validId)) {
+        return;
+      }
+
+      const css = cssMap.get(validId);
+
+      if (typeof css !== 'string') {
+        return;
+      }
+
+      if (validId.endsWith(virtualExtCss)) {
+        return css;
+      }
+
+      return outdent__default["default"]`
+        import { injectStyles } from '@vanilla-extract/css/injectStyles';
+
+        const inject = (css) => injectStyles({
+          fileScope: ${JSON.stringify({
+        filePath: validId
+      })},
+          css
+        });
+
+        inject(${JSON.stringify(css)});
+
+        if (import.meta.hot) {
+          import.meta.hot.on('${styleUpdateEvent(validId)}', (css) => {
+            inject(css);
+          });
+        }
+      `;
+    },
+
+    async transform(code, id, ssrParam) {
+      const [validId] = id.split('?');
+
+      if (!integration.cssFileFilter.test(validId)) {
+        return null;
+      }
+
+      const identOption = identifiers !== null && identifiers !== void 0 ? identifiers : config.mode === 'production' ? 'short' : 'debug';
+      let ssr;
+
+      if (typeof ssrParam === 'boolean') {
+        ssr = ssrParam;
+      } else {
+        ssr = ssrParam === null || ssrParam === void 0 ? void 0 : ssrParam.ssr;
+      }
+
+      if (ssr && !forceEmitCssInSsrBuild) {
+        return integration.transform({
+          source: code,
+          filePath: vite.normalizePath(validId),
+          rootPath: config.root,
+          packageName,
+          identOption
+        });
+      }
+
+      const {
+        source,
+        watchFiles
+      } = await integration.compile({
+        filePath: validId,
+        cwd: config.root,
+        esbuildOptions,
+        identOption
+      });
+
+      for (const file of watchFiles) {
+        // In start mode, we need to prevent the file from rewatching itself.
+        // If it's a `build --watch`, it needs to watch everything.
+        if (config.command === 'build' || file !== validId) {
+          this.addWatchFile(file);
+        }
+      }
+
+      const output = await integration.processVanillaFile({
+        source,
+        filePath: validId,
+        identOption,
+        serializeVirtualCssPath: async ({
+          fileScope,
+          source
+        }) => {
+          const rootRelativeId = `${fileScope.filePath}${config.command === 'build' || ssr && forceEmitCssInSsrBuild ? virtualExtCss : virtualExtJs}`;
+          const absoluteId = getAbsoluteVirtualFileId(rootRelativeId);
+          let cssSource = source;
+
+          if (postCssConfig) {
+            const postCssResult = await (await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('postcss')); })).default(postCssConfig.plugins).process(source, { ...postCssConfig.options,
+              from: undefined,
+              map: false
+            });
+            cssSource = postCssResult.css;
+          }
+
+          if (server && cssMap.has(absoluteId) && cssMap.get(absoluteId) !== source) {
+            const {
+              moduleGraph
+            } = server;
+            const [module] = Array.from(moduleGraph.getModulesByFile(absoluteId) || []);
+
+            if (module) {
+              moduleGraph.invalidateModule(module); // Vite uses this timestamp to add `?t=` query string automatically for HMR.
+
+              module.lastHMRTimestamp = module.lastInvalidationTimestamp || Date.now();
+            }
+
+            server.ws.send({
+              type: 'custom',
+              event: styleUpdateEvent(absoluteId),
+              data: cssSource
+            });
+          }
+
+          cssMap.set(absoluteId, cssSource); // We use the root relative id here to ensure file contents (content-hashes)
+          // are consistent across build machines
+
+          return `import "${rootRelativeId}";`;
+        }
+      });
+      return {
+        code: output,
+        map: {
+          mappings: ''
+        }
+      };
+    }
+
+  };
+}
+
+exports.vanillaExtractPlugin = vanillaExtractPlugin;

package/dist/vanilla-extract-vite-plugin.cjs.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./vanilla-extract-vite-plugin.cjs.prod.js");
+} else {
+  module.exports = require("./vanilla-extract-vite-plugin.cjs.dev.js");
+}

package/dist/vanilla-extract-vite-plugin.cjs.prod.js

@@ -0,0 +1,275 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var path = require('path');
+var vite = require('vite');
+var outdent = require('outdent');
+var integration = require('@vanilla-extract/integration');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var path__default = /*#__PURE__*/_interopDefault(path);
+var outdent__default = /*#__PURE__*/_interopDefault(outdent);
+
+// Mostly copied from vite's implementation
+// https://github.com/vitejs/vite/blob/efec70f816b80e55b64255b32a5f120e1cf4e4be/packages/vite/src/node/plugins/css.ts
+const resolvePostcssConfig = async config => {
+  var _config$css;
+
+  // inline postcss config via vite config
+  const inlineOptions = (_config$css = config.css) === null || _config$css === void 0 ? void 0 : _config$css.postcss;
+  const inlineOptionsIsString = typeof inlineOptions === 'string';
+
+  if (inlineOptions && !inlineOptionsIsString) {
+    const options = { ...inlineOptions
+    };
+    delete options.plugins;
+    return {
+      options,
+      plugins: inlineOptions.plugins || []
+    };
+  } else {
+    try {
+      const searchPath = typeof inlineOptions === 'string' ? inlineOptions : config.root;
+      const postCssConfig = await (await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('postcss-load-config')); })).default({}, searchPath);
+      return {
+        options: postCssConfig.options,
+        // @ts-expect-error - The postcssrc options don't agree with real postcss, but it should be ok
+        plugins: postCssConfig.plugins
+      };
+    } catch (e) {
+      if (!/No PostCSS Config found/.test(e.message)) {
+        throw e;
+      }
+
+      return null;
+    }
+  }
+};
+
+const styleUpdateEvent = fileId => `vanilla-extract-style-update:${fileId}`;
+
+const virtualExtCss = '.vanilla.css';
+const virtualExtJs = '.vanilla.js';
+function vanillaExtractPlugin({
+  identifiers,
+  esbuildOptions
+} = {}) {
+  let config;
+  let server;
+  let postCssConfig;
+  const cssMap = new Map();
+  let forceEmitCssInSsrBuild = !!process.env.VITE_RSC_BUILD;
+  let packageName;
+
+  const getAbsoluteVirtualFileId = source => vite.normalizePath(path__default["default"].join(config.root, source));
+
+  return {
+    name: 'vanilla-extract',
+    enforce: 'pre',
+
+    configureServer(_server) {
+      server = _server;
+    },
+
+    config(_userConfig, env) {
+      const include = env.command === 'serve' ? ['@vanilla-extract/css/injectStyles'] : [];
+      return {
+        optimizeDeps: {
+          include
+        },
+        ssr: {
+          external: ['@vanilla-extract/css', '@vanilla-extract/css/fileScope', '@vanilla-extract/css/adapter']
+        }
+      };
+    },
+
+    async configResolved(resolvedConfig) {
+      config = resolvedConfig;
+      packageName = integration.getPackageInfo(config.root).name;
+
+      if (config.command === 'serve') {
+        postCssConfig = await resolvePostcssConfig(config);
+      }
+
+      if (config.plugins.some(plugin => ['astro:build', 'solid-start-server'].includes(plugin.name))) {
+        forceEmitCssInSsrBuild = true;
+      }
+    },
+
+    resolveId(source) {
+      const [validId, query] = source.split('?');
+
+      if (!validId.endsWith(virtualExtCss) && !validId.endsWith(virtualExtJs)) {
+        return;
+      } // Absolute paths seem to occur often in monorepos, where files are
+      // imported from outside the config root.
+
+
+      const absoluteId = source.startsWith(config.root) ? source : getAbsoluteVirtualFileId(validId); // There should always be an entry in the `cssMap` here.
+      // The only valid scenario for a missing one is if someone had written
+      // a file in their app using the .vanilla.js/.vanilla.css extension
+
+      if (cssMap.has(absoluteId)) {
+        // Keep the original query string for HMR.
+        return absoluteId + (query ? `?${query}` : '');
+      }
+    },
+
+    load(id) {
+      const [validId] = id.split('?');
+
+      if (!cssMap.has(validId)) {
+        return;
+      }
+
+      const css = cssMap.get(validId);
+
+      if (typeof css !== 'string') {
+        return;
+      }
+
+      if (validId.endsWith(virtualExtCss)) {
+        return css;
+      }
+
+      return outdent__default["default"]`
+        import { injectStyles } from '@vanilla-extract/css/injectStyles';
+
+        const inject = (css) => injectStyles({
+          fileScope: ${JSON.stringify({
+        filePath: validId
+      })},
+          css
+        });
+
+        inject(${JSON.stringify(css)});
+
+        if (import.meta.hot) {
+          import.meta.hot.on('${styleUpdateEvent(validId)}', (css) => {
+            inject(css);
+          });
+        }
+      `;
+    },
+
+    async transform(code, id, ssrParam) {
+      const [validId] = id.split('?');
+
+      if (!integration.cssFileFilter.test(validId)) {
+        return null;
+      }
+
+      const identOption = identifiers !== null && identifiers !== void 0 ? identifiers : config.mode === 'production' ? 'short' : 'debug';
+      let ssr;
+
+      if (typeof ssrParam === 'boolean') {
+        ssr = ssrParam;
+      } else {
+        ssr = ssrParam === null || ssrParam === void 0 ? void 0 : ssrParam.ssr;
+      }
+
+      if (ssr && !forceEmitCssInSsrBuild) {
+        return integration.transform({
+          source: code,
+          filePath: vite.normalizePath(validId),
+          rootPath: config.root,
+          packageName,
+          identOption
+        });
+      }
+
+      const {
+        source,
+        watchFiles
+      } = await integration.compile({
+        filePath: validId,
+        cwd: config.root,
+        esbuildOptions,
+        identOption
+      });
+
+      for (const file of watchFiles) {
+        // In start mode, we need to prevent the file from rewatching itself.
+        // If it's a `build --watch`, it needs to watch everything.
+        if (config.command === 'build' || file !== validId) {
+          this.addWatchFile(file);
+        }
+      }
+
+      const output = await integration.processVanillaFile({
+        source,
+        filePath: validId,
+        identOption,
+        serializeVirtualCssPath: async ({
+          fileScope,
+          source
+        }) => {
+          const rootRelativeId = `${fileScope.filePath}${config.command === 'build' || ssr && forceEmitCssInSsrBuild ? virtualExtCss : virtualExtJs}`;
+          const absoluteId = getAbsoluteVirtualFileId(rootRelativeId);
+          let cssSource = source;
+
+          if (postCssConfig) {
+            const postCssResult = await (await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('postcss')); })).default(postCssConfig.plugins).process(source, { ...postCssConfig.options,
+              from: undefined,
+              map: false
+            });
+            cssSource = postCssResult.css;
+          }
+
+          if (server && cssMap.has(absoluteId) && cssMap.get(absoluteId) !== source) {
+            const {
+              moduleGraph
+            } = server;
+            const [module] = Array.from(moduleGraph.getModulesByFile(absoluteId) || []);
+
+            if (module) {
+              moduleGraph.invalidateModule(module); // Vite uses this timestamp to add `?t=` query string automatically for HMR.
+
+              module.lastHMRTimestamp = module.lastInvalidationTimestamp || Date.now();
+            }
+
+            server.ws.send({
+              type: 'custom',
+              event: styleUpdateEvent(absoluteId),
+              data: cssSource
+            });
+          }
+
+          cssMap.set(absoluteId, cssSource); // We use the root relative id here to ensure file contents (content-hashes)
+          // are consistent across build machines
+
+          return `import "${rootRelativeId}";`;
+        }
+      });
+      return {
+        code: output,
+        map: {
+          mappings: ''
+        }
+      };
+    }
+
+  };
+}
+
+exports.vanillaExtractPlugin = vanillaExtractPlugin;

package/dist/vanilla-extract-vite-plugin.esm.js

@@ -0,0 +1,248 @@
+import path from 'path';
+import { normalizePath } from 'vite';
+import outdent from 'outdent';
+import { getPackageInfo, cssFileFilter, transform, compile, processVanillaFile } from '@vanilla-extract/integration';
+
+// Mostly copied from vite's implementation
+// https://github.com/vitejs/vite/blob/efec70f816b80e55b64255b32a5f120e1cf4e4be/packages/vite/src/node/plugins/css.ts
+const resolvePostcssConfig = async config => {
+  var _config$css;
+
+  // inline postcss config via vite config
+  const inlineOptions = (_config$css = config.css) === null || _config$css === void 0 ? void 0 : _config$css.postcss;
+  const inlineOptionsIsString = typeof inlineOptions === 'string';
+
+  if (inlineOptions && !inlineOptionsIsString) {
+    const options = { ...inlineOptions
+    };
+    delete options.plugins;
+    return {
+      options,
+      plugins: inlineOptions.plugins || []
+    };
+  } else {
+    try {
+      const searchPath = typeof inlineOptions === 'string' ? inlineOptions : config.root;
+      const postCssConfig = await (await import('postcss-load-config')).default({}, searchPath);
+      return {
+        options: postCssConfig.options,
+        // @ts-expect-error - The postcssrc options don't agree with real postcss, but it should be ok
+        plugins: postCssConfig.plugins
+      };
+    } catch (e) {
+      if (!/No PostCSS Config found/.test(e.message)) {
+        throw e;
+      }
+
+      return null;
+    }
+  }
+};
+
+const styleUpdateEvent = fileId => `vanilla-extract-style-update:${fileId}`;
+
+const virtualExtCss = '.vanilla.css';
+const virtualExtJs = '.vanilla.js';
+function vanillaExtractPlugin({
+  identifiers,
+  esbuildOptions
+} = {}) {
+  let config;
+  let server;
+  let postCssConfig;
+  const cssMap = new Map();
+  let forceEmitCssInSsrBuild = !!process.env.VITE_RSC_BUILD;
+  let packageName;
+
+  const getAbsoluteVirtualFileId = source => normalizePath(path.join(config.root, source));
+
+  return {
+    name: 'vanilla-extract',
+    enforce: 'pre',
+
+    configureServer(_server) {
+      server = _server;
+    },
+
+    config(_userConfig, env) {
+      const include = env.command === 'serve' ? ['@vanilla-extract/css/injectStyles'] : [];
+      return {
+        optimizeDeps: {
+          include
+        },
+        ssr: {
+          external: ['@vanilla-extract/css', '@vanilla-extract/css/fileScope', '@vanilla-extract/css/adapter']
+        }
+      };
+    },
+
+    async configResolved(resolvedConfig) {
+      config = resolvedConfig;
+      packageName = getPackageInfo(config.root).name;
+
+      if (config.command === 'serve') {
+        postCssConfig = await resolvePostcssConfig(config);
+      }
+
+      if (config.plugins.some(plugin => ['astro:build', 'solid-start-server'].includes(plugin.name))) {
+        forceEmitCssInSsrBuild = true;
+      }
+    },
+
+    resolveId(source) {
+      const [validId, query] = source.split('?');
+
+      if (!validId.endsWith(virtualExtCss) && !validId.endsWith(virtualExtJs)) {
+        return;
+      } // Absolute paths seem to occur often in monorepos, where files are
+      // imported from outside the config root.
+
+
+      const absoluteId = source.startsWith(config.root) ? source : getAbsoluteVirtualFileId(validId); // There should always be an entry in the `cssMap` here.
+      // The only valid scenario for a missing one is if someone had written
+      // a file in their app using the .vanilla.js/.vanilla.css extension
+
+      if (cssMap.has(absoluteId)) {
+        // Keep the original query string for HMR.
+        return absoluteId + (query ? `?${query}` : '');
+      }
+    },
+
+    load(id) {
+      const [validId] = id.split('?');
+
+      if (!cssMap.has(validId)) {
+        return;
+      }
+
+      const css = cssMap.get(validId);
+
+      if (typeof css !== 'string') {
+        return;
+      }
+
+      if (validId.endsWith(virtualExtCss)) {
+        return css;
+      }
+
+      return outdent`
+        import { injectStyles } from '@vanilla-extract/css/injectStyles';
+
+        const inject = (css) => injectStyles({
+          fileScope: ${JSON.stringify({
+        filePath: validId
+      })},
+          css
+        });
+
+        inject(${JSON.stringify(css)});
+
+        if (import.meta.hot) {
+          import.meta.hot.on('${styleUpdateEvent(validId)}', (css) => {
+            inject(css);
+          });
+        }
+      `;
+    },
+
+    async transform(code, id, ssrParam) {
+      const [validId] = id.split('?');
+
+      if (!cssFileFilter.test(validId)) {
+        return null;
+      }
+
+      const identOption = identifiers !== null && identifiers !== void 0 ? identifiers : config.mode === 'production' ? 'short' : 'debug';
+      let ssr;
+
+      if (typeof ssrParam === 'boolean') {
+        ssr = ssrParam;
+      } else {
+        ssr = ssrParam === null || ssrParam === void 0 ? void 0 : ssrParam.ssr;
+      }
+
+      if (ssr && !forceEmitCssInSsrBuild) {
+        return transform({
+          source: code,
+          filePath: normalizePath(validId),
+          rootPath: config.root,
+          packageName,
+          identOption
+        });
+      }
+
+      const {
+        source,
+        watchFiles
+      } = await compile({
+        filePath: validId,
+        cwd: config.root,
+        esbuildOptions,
+        identOption
+      });
+
+      for (const file of watchFiles) {
+        // In start mode, we need to prevent the file from rewatching itself.
+        // If it's a `build --watch`, it needs to watch everything.
+        if (config.command === 'build' || file !== validId) {
+          this.addWatchFile(file);
+        }
+      }
+
+      const output = await processVanillaFile({
+        source,
+        filePath: validId,
+        identOption,
+        serializeVirtualCssPath: async ({
+          fileScope,
+          source
+        }) => {
+          const rootRelativeId = `${fileScope.filePath}${config.command === 'build' || ssr && forceEmitCssInSsrBuild ? virtualExtCss : virtualExtJs}`;
+          const absoluteId = getAbsoluteVirtualFileId(rootRelativeId);
+          let cssSource = source;
+
+          if (postCssConfig) {
+            const postCssResult = await (await import('postcss')).default(postCssConfig.plugins).process(source, { ...postCssConfig.options,
+              from: undefined,
+              map: false
+            });
+            cssSource = postCssResult.css;
+          }
+
+          if (server && cssMap.has(absoluteId) && cssMap.get(absoluteId) !== source) {
+            const {
+              moduleGraph
+            } = server;
+            const [module] = Array.from(moduleGraph.getModulesByFile(absoluteId) || []);
+
+            if (module) {
+              moduleGraph.invalidateModule(module); // Vite uses this timestamp to add `?t=` query string automatically for HMR.
+
+              module.lastHMRTimestamp = module.lastInvalidationTimestamp || Date.now();
+            }
+
+            server.ws.send({
+              type: 'custom',
+              event: styleUpdateEvent(absoluteId),
+              data: cssSource
+            });
+          }
+
+          cssMap.set(absoluteId, cssSource); // We use the root relative id here to ensure file contents (content-hashes)
+          // are consistent across build machines
+
+          return `import "${rootRelativeId}";`;
+        }
+      });
+      return {
+        code: output,
+        map: {
+          mappings: ''
+        }
+      };
+    }
+
+  };
+}
+
+export { vanillaExtractPlugin };

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@vanilla-extract/vite-plugin",
+  "version": "0.0.0-dts-bundle-202282944525",
+  "description": "Zero-runtime Stylesheets-in-TypeScript",
+  "main": "dist/vanilla-extract-vite-plugin.cjs.js",
+  "module": "dist/vanilla-extract-vite-plugin.esm.js",
+  "files": [
+    "/dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vanilla-extract-css/vanilla-extract.git",
+    "directory": "packages/vite-plugin"
+  },
+  "author": "SEEK",
+  "license": "MIT",
+  "dependencies": {
+    "@vanilla-extract/integration": "^0.0.0-dts-bundle-202282944525",
+    "outdent": "^0.8.0",
+    "postcss": "^8.3.6",
+    "postcss-load-config": "^3.1.0"
+  },
+  "devDependencies": {
+    "vite": "^2.7.0"
+  },
+  "peerDependencies": {
+    "vite": "^2.2.3"
+  }
+}