@compiled/webpack-loader 0.6.17 → 0.7.3

package/dist/__tests__/fixtures/multiple.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Red = exports.Blue = void 0;
-const react_1 = require("@compiled/react");
-const colors_1 = require("./imports/colors");
-exports.Blue = react_1.styled.span `
-  color: ${colors_1.blueviolet};
-
-  :focus {
-    color: ${colors_1.purple};
-  }
-
-  :hover {
-    color: ${colors_1.blue};
-  }
-`;
-exports.Red = react_1.styled.span `
-  color: ${colors_1.red};
-
-  :focus {
-    color: ${colors_1.orange};
-  }
-
-  :hover {
-    color: ${colors_1.yellow};
-  }
-`;
-//# sourceMappingURL=multiple.js.map

package/dist/__tests__/fixtures/multiple.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"multiple.js","sourceRoot":"","sources":["../../../src/__tests__/fixtures/multiple.js"],"names":[],"mappings":";;;AAAA,2CAAyC;AACzC,6CAAiF;AAIpE,QAAA,IAAI,GAAG,cAAM,CAAC,IAAI,CAAA;WACpB,mBAAU;;;aAGR,eAAM;;;;aAIN,aAAI;;CAEhB,CAAC;AAEW,QAAA,GAAG,GAAG,cAAM,CAAC,IAAI,CAAA;WACnB,YAAG;;;aAGD,eAAM;;;;aAIN,eAAM;;CAElB,CAAC"}

package/dist/__tests__/fixtures/single.d.ts

@@ -1,2 +0,0 @@
-export default Component;
-declare function Component(): JSX.Element;

package/dist/__tests__/fixtures/single.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("@compiled/react");
-const Component = () => React.createElement("div", { css: { fontSize: 12 } });
-exports.default = Component;
-//# sourceMappingURL=single.js.map

package/dist/__tests__/fixtures/single.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"single.js","sourceRoot":"","sources":["../../../src/__tests__/fixtures/single.js"],"names":[],"mappings":";;AAAA,2BAAyB;AAEzB,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,6BAAK,GAAG,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI,CAAC;AAEvD,kBAAe,SAAS,CAAC"}

package/dist/__tests__/utils/webpack.d.ts

@@ -1,6 +0,0 @@
-interface Opts {
-    extract?: boolean;
-    disablePlugins?: boolean;
-}
-export declare function bundle(entry: string, { extract, disablePlugins }?: Opts): Promise<Record<string, string>>;
-export {};

package/dist/__tests__/utils/webpack.js

@@ -1,81 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.bundle = void 0;
-const webpack_1 = __importDefault(require("webpack"));
-const memfs_1 = require("memfs");
-const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
-const extract_plugin_1 = require("../../extract-plugin");
-function bundle(entry, { extract = true, disablePlugins = false } = {}) {
-    const compiler = webpack_1.default({
-        entry,
-        output: {
-            path: '/',
-            filename: 'bundle.js',
-        },
-        module: {
-            rules: [
-                {
-                    test: /\.(js|ts|tsx)$/,
-                    exclude: /node_modules/,
-                    use: [
-                        {
-                            loader: 'babel-loader',
-                            options: {
-                                babelrc: false,
-                                configFile: false,
-                                presets: [
-                                    ['@babel/preset-env', { targets: { browsers: 'last 1 version' } }],
-                                    '@babel/preset-typescript',
-                                    ['@babel/preset-react', { runtime: 'automatic' }],
-                                ],
-                            },
-                        },
-                        {
-                            loader: '@compiled/webpack-loader',
-                            options: {
-                                importReact: false,
-                                extract,
-                            },
-                        },
-                    ],
-                },
-                {
-                    test: /\.css$/i,
-                    sideEffects: true,
-                    use: [mini_css_extract_plugin_1.default.loader, 'css-loader'],
-                },
-            ],
-        },
-        plugins: disablePlugins
-            ? []
-            : [new mini_css_extract_plugin_1.default({ filename: 'static/[name].css' }), new extract_plugin_1.CompiledExtractPlugin()],
-    });
-    const fs = memfs_1.createFsFromVolume(new memfs_1.Volume());
-    // @ts-ignore
-    compiler.outputFileSystem = fs;
-    // @ts-ignore
-    compiler.intermediateFileSystem = fs;
-    return new Promise((res, rej) => {
-        compiler.run((err, stats) => {
-            if (err) {
-                rej(err);
-                return;
-            }
-            if ((stats === null || stats === void 0 ? void 0 : stats.hasErrors()) && stats.compilation.errors.length) {
-                rej(stats.compilation.errors);
-                return;
-            }
-            const assets = {};
-            Object.keys((stats === null || stats === void 0 ? void 0 : stats.compilation.assets) || {}).map((name) => {
-                const file = fs.readFileSync(`/${name}`, { encoding: 'utf-8' });
-                assets[name] = file;
-            });
-            res(assets);
-        });
-    });
-}
-exports.bundle = bundle;
-//# sourceMappingURL=webpack.js.map

package/dist/__tests__/utils/webpack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webpack.js","sourceRoot":"","sources":["../../../src/__tests__/utils/webpack.tsx"],"names":[],"mappings":";;;;;;AAAA,sDAA8B;AAC9B,iCAAmD;AACnD,sFAA2D;AAC3D,yDAA6D;AAO7D,SAAgB,MAAM,CACpB,KAAa,EACb,EAAE,OAAO,GAAG,IAAI,EAAE,cAAc,GAAG,KAAK,KAAW,EAAE;IAErD,MAAM,QAAQ,GAAG,iBAAO,CAAC;QACvB,KAAK;QACL,MAAM,EAAE;YACN,IAAI,EAAE,GAAG;YACT,QAAQ,EAAE,WAAW;SACtB;QACD,MAAM,EAAE;YACN,KAAK,EAAE;gBACL;oBACE,IAAI,EAAE,gBAAgB;oBACtB,OAAO,EAAE,cAAc;oBACvB,GAAG,EAAE;wBACH;4BACE,MAAM,EAAE,cAAc;4BACtB,OAAO,EAAE;gCACP,OAAO,EAAE,KAAK;gCACd,UAAU,EAAE,KAAK;gCACjB,OAAO,EAAE;oCACP,CAAC,mBAAmB,EAAE,EAAE,OAAO,EAAE,EAAE,QAAQ,EAAE,gBAAgB,EAAE,EAAE,CAAC;oCAClE,0BAA0B;oCAC1B,CAAC,qBAAqB,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC;iCAClD;6BACF;yBACF;wBACD;4BACE,MAAM,EAAE,0BAA0B;4BAClC,OAAO,EAAE;gCACP,WAAW,EAAE,KAAK;gCAClB,OAAO;6BACR;yBACF;qBACF;iBACF;gBACD;oBACE,IAAI,EAAE,SAAS;oBACf,WAAW,EAAE,IAAI;oBACjB,GAAG,EAAE,CAAC,iCAAoB,CAAC,MAAM,EAAE,YAAY,CAAC;iBACjD;aACF;SACF;QACD,OAAO,EAAE,cAAc;YACrB,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,CAAC,IAAI,iCAAoB,CAAC,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC,EAAE,IAAI,sCAAqB,EAAE,CAAC;KAC/F,CAAC,CAAC;IAEH,MAAM,EAAE,GAAG,0BAAkB,CAAC,IAAI,cAAM,EAAE,CAAC,CAAC;IAC5C,aAAa;IACb,QAAQ,CAAC,gBAAgB,GAAG,EAAE,CAAC;IAC/B,aAAa;IACb,QAAQ,CAAC,sBAAsB,GAAG,EAAE,CAAC;IAErC,OAAO,IAAI,OAAO,CAAyB,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;QACtD,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;YAC1B,IAAI,GAAG,EAAE;gBACP,GAAG,CAAC,GAAG,CAAC,CAAC;gBACT,OAAO;aACR;YAED,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EAAE,KAAI,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE;gBACzD,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;gBAC9B,OAAO;aACR;YAED,MAAM,MAAM,GAA2B,EAAE,CAAC;YAE1C,MAAM,CAAC,IAAI,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,CAAC,MAAM,KAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBACxD,MAAM,IAAI,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;gBAChE,MAAM,CAAC,IAAI,CAAC,GAAG,IAAc,CAAC;YAChC,CAAC,CAAC,CAAC;YAEH,GAAG,CAAC,MAAM,CAAC,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC;AA7ED,wBA6EC"}

package/dist/utils/webpack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webpack.js","sourceRoot":"","sources":["../../src/utils/webpack.tsx"],"names":[],"mappings":";;;AAEA;;;;GAIG;AACI,MAAM,mBAAmB,GAAG,CACjC,QAAkB,EAClB,WAA4B,EACoB,EAAE;IAClD,MAAM,EAAE,YAAY,EAAE;IACpB,iBAAiB;IACjB,QAAQ,CAAC,OAAO;QAChB,iBAAiB;QACjB,OAAO,CAAC,SAAS,CAAC,CAAC;IAErB,MAAM,gBAAgB,GACpB,YAAY,IAAI,OAAO,YAAY,CAAC,mBAAmB,KAAK,WAAW;QACrE,CAAC,CAAC,iBAAiB;YACjB,YAAY,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC,MAAM;QACtD,CAAC,CAAC,iBAAiB;YACjB,WAAW,CAAC,KAAK,CAAC,kBAAkB,CAAC;IAE3C,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AAlBW,QAAA,mBAAmB,uBAkB9B;AAEF;;;;;GAKG;AACI,MAAM,sBAAsB,GAAG,CAAC,WAA2B,EAAU,EAAE;IAC5E,MAAM,MAAM,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC;IACpC,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC9B,OAAO,MAAM,CAAC;KACf;IAED,OAAO,MAAM,CAAC,QAAQ,EAAE,CAAC;AAC3B,CAAC,CAAC;AAPW,QAAA,sBAAsB,0BAOjC;AAEF;;;;;GAKG;AACI,MAAM,qBAAqB,GAAG,CACnC,QAAkB,EAClB,WAA4B,EAC+B,EAAE;IAC7D,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE;IAC5B,iBAAiB;IACjB,QAAQ,CAAC,OAAO;QAChB,iBAAiB;QACjB,OAAO,CAAC,SAAS,CAAC,CAAC;IACrB,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAC5C,MAAM,cAAc;IAClB,iBAAiB;IACjB,WAAW,CAAC,KAAK,CAAC,aAAa;QAC/B,iBAAiB;QACjB,WAAW,CAAC,KAAK,CAAC,cAAc,CAAC;IAEnC,OAAO;QACL,GAAG,EAAE,CAAC,UAAkB,EAAE,QAAqD,EAAE,EAAE;YACjF,cAAc,CAAC,GAAG,CAChB,UAAU;gBACR,CAAC,CAAC,UAAU;gBACZ,CAAC,CAAC;oBACE,IAAI,EAAE,UAAU;oBAChB,KAAK,EAAE,WAAW,CAAC,kCAAkC;iBACtD,EACL,QAAQ,CACT,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,qBAAqB,yBA6BhC;AAEF;;;GAGG;AACI,MAAM,UAAU,GAAG,CAAC,QAAkB,EAAkB,EAAE;IAC/D,MAAM,EAAE,OAAO,EAAE;IACf,iBAAiB;IACjB,QAAQ,CAAC,OAAO;QAChB,iBAAiB;QACjB,EAAE,CAAC;IAEL,OAAO;IACL,iBAAiB;IACjB,OAAO;QACP,iBAAiB;QACjB,OAAO,CAAC,iBAAiB,CAAC,CAC3B,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,UAAU,cAarB;AAEF;;;;;;GAMG;AACI,MAAM,cAAc,GAAG,CAAC,IAAY,EAAU,EAAE;IACrD,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAEhE,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAJW,QAAA,cAAc,kBAIzB"}

package/src/__tests__/fixtures/async.js

@@ -1 +0,0 @@
-import('./imports/css-prop');

package/src/__tests__/fixtures/babel.js

@@ -1,11 +0,0 @@
-import BabelCJS from 'babel-cjs';
-import BabelESM from 'babel-esm';
-
-export default function Babel() {
-  return (
-    <>
-      <BabelCJS />
-      <BabelESM />
-    </>
-  );
-}

package/src/__tests__/fixtures/important-styles.js

@@ -1,5 +0,0 @@
-import '@compiled/react';
-
-const Component = () => <div css={{ fontSize: '12!important', color: 'blue' }} />;
-
-export default Component;

package/src/__tests__/fixtures/imports/css-prop.js

@@ -1,4 +0,0 @@
-import '@compiled/react';
-import { orange } from './colors';
-
-export const Orange = () => <div css={{ color: orange, border: `2px solid ${orange}` }} />;

package/src/__tests__/fixtures/multiple.js

@@ -1,28 +0,0 @@
-import { styled } from '@compiled/react';
-import { blueviolet, blue, orange, purple, red, yellow } from './imports/colors';
-// ↓↓↓ This should not have their styles extracted ↓↓↓
-import { Orange } from './imports/css-prop';
-
-export const Blue = styled.span`
-  color: ${blueviolet};
-
-  :focus {
-    color: ${purple};
-  }
-
-  :hover {
-    color: ${blue};
-  }
-`;
-
-export const Red = styled.span`
-  color: ${red};
-
-  :focus {
-    color: ${orange};
-  }
-
-  :hover {
-    color: ${yellow};
-  }
-`;

package/src/__tests__/fixtures/single.js

@@ -1,5 +0,0 @@
-import '@compiled/react';
-
-const Component = () => <div css={{ fontSize: 12 }} />;
-
-export default Component;

package/src/__tests__/utils/webpack.tsx

@@ -1,88 +0,0 @@
-import webpack from 'webpack';
-import { createFsFromVolume, Volume } from 'memfs';
-import MiniCssExtractPlugin from 'mini-css-extract-plugin';
-import { CompiledExtractPlugin } from '../../extract-plugin';
-
-interface Opts {
-  extract?: boolean;
-  disablePlugins?: boolean;
-}
-
-export function bundle(
-  entry: string,
-  { extract = true, disablePlugins = false }: Opts = {}
-): Promise<Record<string, string>> {
-  const compiler = webpack({
-    entry,
-    output: {
-      path: '/',
-      filename: 'bundle.js',
-    },
-    module: {
-      rules: [
-        {
-          test: /\.(js|ts|tsx)$/,
-          exclude: /node_modules/,
-          use: [
-            {
-              loader: 'babel-loader',
-              options: {
-                babelrc: false,
-                configFile: false,
-                presets: [
-                  ['@babel/preset-env', { targets: { browsers: 'last 1 version' } }],
-                  '@babel/preset-typescript',
-                  ['@babel/preset-react', { runtime: 'automatic' }],
-                ],
-              },
-            },
-            {
-              loader: '@compiled/webpack-loader',
-              options: {
-                importReact: false,
-                extract,
-              },
-            },
-          ],
-        },
-        {
-          test: /\.css$/i,
-          sideEffects: true,
-          use: [MiniCssExtractPlugin.loader, 'css-loader'],
-        },
-      ],
-    },
-    plugins: disablePlugins
-      ? []
-      : [new MiniCssExtractPlugin({ filename: 'static/[name].css' }), new CompiledExtractPlugin()],
-  });
-
-  const fs = createFsFromVolume(new Volume());
-  // @ts-ignore
-  compiler.outputFileSystem = fs;
-  // @ts-ignore
-  compiler.intermediateFileSystem = fs;
-
-  return new Promise<Record<string, string>>((res, rej) => {
-    compiler.run((err, stats) => {
-      if (err) {
-        rej(err);
-        return;
-      }
-
-      if (stats?.hasErrors() && stats.compilation.errors.length) {
-        rej(stats.compilation.errors);
-        return;
-      }
-
-      const assets: Record<string, string> = {};
-
-      Object.keys(stats?.compilation.assets || {}).map((name) => {
-        const file = fs.readFileSync(`/${name}`, { encoding: 'utf-8' });
-        assets[name] = file as string;
-      });
-
-      res(assets);
-    });
-  });
-}