@vanilla-extract/next-plugin 0.0.0-alternative-webpack-loader-20228910529

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

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var webpackPlugin = require('@vanilla-extract/webpack-plugin');
+var browserslist = require('browserslist');
+var css = require('next/dist/build/webpack/config/blocks/css');
+var loaders = require('next/dist/build/webpack/config/blocks/css/loaders');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var browserslist__default = /*#__PURE__*/_interopDefault(browserslist);
+
+function getSupportedBrowsers(dir, isDevelopment) {
+  let browsers;
+
+  try {
+    browsers = browserslist__default["default"].loadConfig({
+      path: dir,
+      env: isDevelopment ? 'development' : 'production'
+    });
+  } catch {}
+
+  return browsers;
+}
+
+const createVanillaExtractPlugin = (pluginOptions = {}) => (nextConfig = {}) => Object.assign({}, nextConfig, {
+  webpack(config, options) {
+    const {
+      dir,
+      dev,
+      isServer
+    } = options;
+    const cssRules = config.module.rules.find(rule => Array.isArray(rule.oneOf) && rule.oneOf.some(({
+      test
+    }) => typeof test === 'object' && typeof test.test === 'function' && test.test('filename.css'))).oneOf;
+    cssRules.unshift({
+      test: /\.vanilla\.css$/i,
+      sideEffects: true,
+      use: loaders.getGlobalCssLoader({
+        assetPrefix: config.assetPrefix,
+        isClient: !isServer,
+        isServer,
+        isDevelopment: dev,
+        future: nextConfig.future || {},
+        experimental: nextConfig.experimental || {}
+      }, () => css.lazyPostCSS(dir, getSupportedBrowsers(dir, dev)), [])
+    });
+    config.plugins.push(new webpackPlugin.VanillaExtractPlugin(pluginOptions));
+
+    if (typeof nextConfig.webpack === 'function') {
+      return nextConfig.webpack(config, options);
+    }
+
+    return config;
+  }
+
+});
+
+exports.createVanillaExtractPlugin = createVanillaExtractPlugin;

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

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

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

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var webpackPlugin = require('@vanilla-extract/webpack-plugin');
+var browserslist = require('browserslist');
+var css = require('next/dist/build/webpack/config/blocks/css');
+var loaders = require('next/dist/build/webpack/config/blocks/css/loaders');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var browserslist__default = /*#__PURE__*/_interopDefault(browserslist);
+
+function getSupportedBrowsers(dir, isDevelopment) {
+  let browsers;
+
+  try {
+    browsers = browserslist__default["default"].loadConfig({
+      path: dir,
+      env: isDevelopment ? 'development' : 'production'
+    });
+  } catch {}
+
+  return browsers;
+}
+
+const createVanillaExtractPlugin = (pluginOptions = {}) => (nextConfig = {}) => Object.assign({}, nextConfig, {
+  webpack(config, options) {
+    const {
+      dir,
+      dev,
+      isServer
+    } = options;
+    const cssRules = config.module.rules.find(rule => Array.isArray(rule.oneOf) && rule.oneOf.some(({
+      test
+    }) => typeof test === 'object' && typeof test.test === 'function' && test.test('filename.css'))).oneOf;
+    cssRules.unshift({
+      test: /\.vanilla\.css$/i,
+      sideEffects: true,
+      use: loaders.getGlobalCssLoader({
+        assetPrefix: config.assetPrefix,
+        isClient: !isServer,
+        isServer,
+        isDevelopment: dev,
+        future: nextConfig.future || {},
+        experimental: nextConfig.experimental || {}
+      }, () => css.lazyPostCSS(dir, getSupportedBrowsers(dir, dev)), [])
+    });
+    config.plugins.push(new webpackPlugin.VanillaExtractPlugin(pluginOptions));
+
+    if (typeof nextConfig.webpack === 'function') {
+      return nextConfig.webpack(config, options);
+    }
+
+    return config;
+  }
+
+});
+
+exports.createVanillaExtractPlugin = createVanillaExtractPlugin;

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

@@ -0,0 +1,52 @@
+import { VanillaExtractPlugin } from '@vanilla-extract/webpack-plugin';
+import browserslist from 'browserslist';
+import { lazyPostCSS } from 'next/dist/build/webpack/config/blocks/css';
+import { getGlobalCssLoader } from 'next/dist/build/webpack/config/blocks/css/loaders';
+
+function getSupportedBrowsers(dir, isDevelopment) {
+  let browsers;
+
+  try {
+    browsers = browserslist.loadConfig({
+      path: dir,
+      env: isDevelopment ? 'development' : 'production'
+    });
+  } catch {}
+
+  return browsers;
+}
+
+const createVanillaExtractPlugin = (pluginOptions = {}) => (nextConfig = {}) => Object.assign({}, nextConfig, {
+  webpack(config, options) {
+    const {
+      dir,
+      dev,
+      isServer
+    } = options;
+    const cssRules = config.module.rules.find(rule => Array.isArray(rule.oneOf) && rule.oneOf.some(({
+      test
+    }) => typeof test === 'object' && typeof test.test === 'function' && test.test('filename.css'))).oneOf;
+    cssRules.unshift({
+      test: /\.vanilla\.css$/i,
+      sideEffects: true,
+      use: getGlobalCssLoader({
+        assetPrefix: config.assetPrefix,
+        isClient: !isServer,
+        isServer,
+        isDevelopment: dev,
+        future: nextConfig.future || {},
+        experimental: nextConfig.experimental || {}
+      }, () => lazyPostCSS(dir, getSupportedBrowsers(dir, dev)), [])
+    });
+    config.plugins.push(new VanillaExtractPlugin(pluginOptions));
+
+    if (typeof nextConfig.webpack === 'function') {
+      return nextConfig.webpack(config, options);
+    }
+
+    return config;
+  }
+
+});
+
+export { createVanillaExtractPlugin };

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@vanilla-extract/next-plugin",
+  "version": "0.0.0-alternative-webpack-loader-20228910529",
+  "description": "Zero-runtime Stylesheets-in-TypeScript",
+  "main": "dist/vanilla-extract-next-plugin.cjs.js",
+  "module": "dist/vanilla-extract-next-plugin.esm.js",
+  "files": [
+    "/dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/seek-oss/vanilla-extract.git",
+    "directory": "packages/next-plugin"
+  },
+  "author": "SEEK",
+  "license": "MIT",
+  "dependencies": {
+    "@vanilla-extract/webpack-plugin": "^0.0.0-alternative-webpack-loader-20228910529",
+    "browserslist": "^4.19.1"
+  },
+  "peerDependencies": {
+    "next": ">=12.0.5"
+  },
+  "devDependencies": {
+    "next": "^12.0.5"
+  }
+}