@wyw-in-js/esbuild 0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Anton Evzhakov
+
+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/esm/index.js

@@ -0,0 +1,129 @@
+/**
+ * This file contains an esbuild loader for wyw-in-js.
+ * It uses the transform.ts function to generate class names from source code,
+ * returns transformed code without template literals and attaches generated source maps
+ */
+
+import { readFileSync } from 'fs';
+import { basename, dirname, isAbsolute, join, parse, posix } from 'path';
+import { transformSync } from 'esbuild';
+import { slugify, transform, TransformCacheCollection } from '@wyw-in-js/transform';
+const nodeModulesRegex = /^(?:.*[\\/])?node_modules(?:[\\/].*)?$/;
+export default function wywInJS({
+  sourceMap,
+  preprocessor,
+  esbuildOptions,
+  ...rest
+} = {}) {
+  let options = esbuildOptions;
+  const cache = new TransformCacheCollection();
+  return {
+    name: 'wyw-in-js',
+    setup(build) {
+      const cssLookup = new Map();
+      const asyncResolve = async (token, importer) => {
+        const context = isAbsolute(importer) ? dirname(importer) : join(process.cwd(), dirname(importer));
+        const result = await build.resolve(token, {
+          resolveDir: context,
+          kind: 'import-statement'
+        });
+        if (result.errors.length > 0) {
+          throw new Error(`Cannot resolve ${token}`);
+        }
+        return result.path.replace(/\\/g, posix.sep);
+      };
+      build.onResolve({
+        filter: /\.linaria\.css$/
+      }, args => {
+        return {
+          namespace: 'linaria',
+          path: args.path
+        };
+      });
+      build.onLoad({
+        filter: /.*/,
+        namespace: 'linaria'
+      }, args => {
+        return {
+          contents: cssLookup.get(args.path),
+          loader: 'css',
+          resolveDir: basename(args.path)
+        };
+      });
+      build.onLoad({
+        filter: /\.(js|jsx|ts|tsx)$/
+      }, async args => {
+        const rawCode = readFileSync(args.path, 'utf8');
+        const {
+          ext,
+          name: filename
+        } = parse(args.path);
+        const loader = ext.replace(/^\./, '');
+        if (nodeModulesRegex.test(args.path)) {
+          return {
+            loader,
+            contents: rawCode
+          };
+        }
+        if (!options) {
+          options = {};
+          if ('jsxFactory' in build.initialOptions) {
+            options.jsxFactory = build.initialOptions.jsxFactory;
+          }
+          if ('jsxFragment' in build.initialOptions) {
+            options.jsxFragment = build.initialOptions.jsxFragment;
+          }
+        }
+        const transformed = transformSync(rawCode, {
+          ...options,
+          sourcefile: args.path,
+          sourcemap: sourceMap,
+          loader
+        });
+        let {
+          code
+        } = transformed;
+        if (sourceMap) {
+          const esbuildMap = Buffer.from(transformed.map).toString('base64');
+          code += `/*# sourceMappingURL=data:application/json;base64,${esbuildMap}*/`;
+        }
+        const transformServices = {
+          options: {
+            filename: args.path,
+            root: process.cwd(),
+            preprocessor,
+            pluginOptions: rest
+          },
+          cache
+        };
+        const result = await transform(transformServices, code, asyncResolve);
+        if (!result.cssText) {
+          return {
+            contents: code,
+            loader,
+            resolveDir: dirname(args.path)
+          };
+        }
+        let {
+          cssText
+        } = result;
+        const slug = slugify(cssText);
+        const cssFilename = `${filename}_${slug}.linaria.css`;
+        let contents = `import ${JSON.stringify(cssFilename)}; ${result.code}`;
+        if (sourceMap && result.cssSourceMapText) {
+          const map = Buffer.from(result.cssSourceMapText).toString('base64');
+          cssText += `/*# sourceMappingURL=data:application/json;base64,${map}*/`;
+          const linariaMap = Buffer.from(JSON.stringify(result.sourceMap)).toString('base64');
+          contents += `/*# sourceMappingURL=data:application/json;base64,${linariaMap}*/`;
+        }
+        cssLookup.set(cssFilename, cssText);
+        return {
+          contents,
+          loader,
+          resolveDir: dirname(args.path)
+        };
+      });
+    }
+  };
+}
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["readFileSync","basename","dirname","isAbsolute","join","parse","posix","transformSync","slugify","transform","TransformCacheCollection","nodeModulesRegex","wywInJS","sourceMap","preprocessor","esbuildOptions","rest","options","cache","name","setup","build","cssLookup","Map","asyncResolve","token","importer","context","process","cwd","result","resolve","resolveDir","kind","errors","length","Error","path","replace","sep","onResolve","filter","args","namespace","onLoad","contents","get","loader","rawCode","ext","filename","test","initialOptions","jsxFactory","jsxFragment","transformed","sourcefile","sourcemap","code","esbuildMap","Buffer","from","map","toString","transformServices","root","pluginOptions","cssText","slug","cssFilename","JSON","stringify","cssSourceMapText","linariaMap","set"],"sources":["../src/index.ts"],"sourcesContent":["/**\n * This file contains an esbuild loader for wyw-in-js.\n * It uses the transform.ts function to generate class names from source code,\n * returns transformed code without template literals and attaches generated source maps\n */\n\nimport { readFileSync } from 'fs';\nimport { basename, dirname, isAbsolute, join, parse, posix } from 'path';\n\nimport type { Plugin, TransformOptions, Loader } from 'esbuild';\nimport { transformSync } from 'esbuild';\n\nimport type { PluginOptions, Preprocessor } from '@wyw-in-js/transform';\nimport {\n  slugify,\n  transform,\n  TransformCacheCollection,\n} from '@wyw-in-js/transform';\n\ntype EsbuildPluginOptions = {\n  esbuildOptions?: TransformOptions;\n  preprocessor?: Preprocessor;\n  sourceMap?: boolean;\n} & Partial<PluginOptions>;\n\nconst nodeModulesRegex = /^(?:.*[\\\\/])?node_modules(?:[\\\\/].*)?$/;\n\nexport default function wywInJS({\n  sourceMap,\n  preprocessor,\n  esbuildOptions,\n  ...rest\n}: EsbuildPluginOptions = {}): Plugin {\n  let options = esbuildOptions;\n  const cache = new TransformCacheCollection();\n  return {\n    name: 'wyw-in-js',\n    setup(build) {\n      const cssLookup = new Map<string, string>();\n\n      const asyncResolve = async (\n        token: string,\n        importer: string\n      ): Promise<string> => {\n        const context = isAbsolute(importer)\n          ? dirname(importer)\n          : join(process.cwd(), dirname(importer));\n\n        const result = await build.resolve(token, {\n          resolveDir: context,\n          kind: 'import-statement',\n        });\n\n        if (result.errors.length > 0) {\n          throw new Error(`Cannot resolve ${token}`);\n        }\n\n        return result.path.replace(/\\\\/g, posix.sep);\n      };\n\n      build.onResolve({ filter: /\\.linaria\\.css$/ }, (args) => {\n        return {\n          namespace: 'linaria',\n          path: args.path,\n        };\n      });\n\n      build.onLoad({ filter: /.*/, namespace: 'linaria' }, (args) => {\n        return {\n          contents: cssLookup.get(args.path),\n          loader: 'css',\n          resolveDir: basename(args.path),\n        };\n      });\n\n      build.onLoad({ filter: /\\.(js|jsx|ts|tsx)$/ }, async (args) => {\n        const rawCode = readFileSync(args.path, 'utf8');\n        const { ext, name: filename } = parse(args.path);\n        const loader = ext.replace(/^\\./, '') as Loader;\n\n        if (nodeModulesRegex.test(args.path)) {\n          return {\n            loader,\n            contents: rawCode,\n          };\n        }\n\n        if (!options) {\n          options = {};\n          if ('jsxFactory' in build.initialOptions) {\n            options.jsxFactory = build.initialOptions.jsxFactory;\n          }\n          if ('jsxFragment' in build.initialOptions) {\n            options.jsxFragment = build.initialOptions.jsxFragment;\n          }\n        }\n\n        const transformed = transformSync(rawCode, {\n          ...options,\n          sourcefile: args.path,\n          sourcemap: sourceMap,\n          loader,\n        });\n        let { code } = transformed;\n\n        if (sourceMap) {\n          const esbuildMap = Buffer.from(transformed.map).toString('base64');\n          code += `/*# sourceMappingURL=data:application/json;base64,${esbuildMap}*/`;\n        }\n\n        const transformServices = {\n          options: {\n            filename: args.path,\n            root: process.cwd(),\n            preprocessor,\n            pluginOptions: rest,\n          },\n          cache,\n        };\n\n        const result = await transform(transformServices, code, asyncResolve);\n\n        if (!result.cssText) {\n          return {\n            contents: code,\n            loader,\n            resolveDir: dirname(args.path),\n          };\n        }\n\n        let { cssText } = result;\n\n        const slug = slugify(cssText);\n        const cssFilename = `${filename}_${slug}.linaria.css`;\n\n        let contents = `import ${JSON.stringify(cssFilename)}; ${result.code}`;\n\n        if (sourceMap && result.cssSourceMapText) {\n          const map = Buffer.from(result.cssSourceMapText).toString('base64');\n          cssText += `/*# sourceMappingURL=data:application/json;base64,${map}*/`;\n          const linariaMap = Buffer.from(\n            JSON.stringify(result.sourceMap)\n          ).toString('base64');\n          contents += `/*# sourceMappingURL=data:application/json;base64,${linariaMap}*/`;\n        }\n\n        cssLookup.set(cssFilename, cssText);\n\n        return {\n          contents,\n          loader,\n          resolveDir: dirname(args.path),\n        };\n      });\n    },\n  };\n}\n"],"mappings":"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"}

package/lib/index.js

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = wywInJS;
+var _fs = require("fs");
+var _path = require("path");
+var _esbuild = require("esbuild");
+var _transform = require("@wyw-in-js/transform");
+/**
+ * This file contains an esbuild loader for wyw-in-js.
+ * It uses the transform.ts function to generate class names from source code,
+ * returns transformed code without template literals and attaches generated source maps
+ */
+
+const nodeModulesRegex = /^(?:.*[\\/])?node_modules(?:[\\/].*)?$/;
+function wywInJS({
+  sourceMap,
+  preprocessor,
+  esbuildOptions,
+  ...rest
+} = {}) {
+  let options = esbuildOptions;
+  const cache = new _transform.TransformCacheCollection();
+  return {
+    name: 'wyw-in-js',
+    setup(build) {
+      const cssLookup = new Map();
+      const asyncResolve = async (token, importer) => {
+        const context = (0, _path.isAbsolute)(importer) ? (0, _path.dirname)(importer) : (0, _path.join)(process.cwd(), (0, _path.dirname)(importer));
+        const result = await build.resolve(token, {
+          resolveDir: context,
+          kind: 'import-statement'
+        });
+        if (result.errors.length > 0) {
+          throw new Error(`Cannot resolve ${token}`);
+        }
+        return result.path.replace(/\\/g, _path.posix.sep);
+      };
+      build.onResolve({
+        filter: /\.linaria\.css$/
+      }, args => {
+        return {
+          namespace: 'linaria',
+          path: args.path
+        };
+      });
+      build.onLoad({
+        filter: /.*/,
+        namespace: 'linaria'
+      }, args => {
+        return {
+          contents: cssLookup.get(args.path),
+          loader: 'css',
+          resolveDir: (0, _path.basename)(args.path)
+        };
+      });
+      build.onLoad({
+        filter: /\.(js|jsx|ts|tsx)$/
+      }, async args => {
+        const rawCode = (0, _fs.readFileSync)(args.path, 'utf8');
+        const {
+          ext,
+          name: filename
+        } = (0, _path.parse)(args.path);
+        const loader = ext.replace(/^\./, '');
+        if (nodeModulesRegex.test(args.path)) {
+          return {
+            loader,
+            contents: rawCode
+          };
+        }
+        if (!options) {
+          options = {};
+          if ('jsxFactory' in build.initialOptions) {
+            options.jsxFactory = build.initialOptions.jsxFactory;
+          }
+          if ('jsxFragment' in build.initialOptions) {
+            options.jsxFragment = build.initialOptions.jsxFragment;
+          }
+        }
+        const transformed = (0, _esbuild.transformSync)(rawCode, {
+          ...options,
+          sourcefile: args.path,
+          sourcemap: sourceMap,
+          loader
+        });
+        let {
+          code
+        } = transformed;
+        if (sourceMap) {
+          const esbuildMap = Buffer.from(transformed.map).toString('base64');
+          code += `/*# sourceMappingURL=data:application/json;base64,${esbuildMap}*/`;
+        }
+        const transformServices = {
+          options: {
+            filename: args.path,
+            root: process.cwd(),
+            preprocessor,
+            pluginOptions: rest
+          },
+          cache
+        };
+        const result = await (0, _transform.transform)(transformServices, code, asyncResolve);
+        if (!result.cssText) {
+          return {
+            contents: code,
+            loader,
+            resolveDir: (0, _path.dirname)(args.path)
+          };
+        }
+        let {
+          cssText
+        } = result;
+        const slug = (0, _transform.slugify)(cssText);
+        const cssFilename = `${filename}_${slug}.linaria.css`;
+        let contents = `import ${JSON.stringify(cssFilename)}; ${result.code}`;
+        if (sourceMap && result.cssSourceMapText) {
+          const map = Buffer.from(result.cssSourceMapText).toString('base64');
+          cssText += `/*# sourceMappingURL=data:application/json;base64,${map}*/`;
+          const linariaMap = Buffer.from(JSON.stringify(result.sourceMap)).toString('base64');
+          contents += `/*# sourceMappingURL=data:application/json;base64,${linariaMap}*/`;
+        }
+        cssLookup.set(cssFilename, cssText);
+        return {
+          contents,
+          loader,
+          resolveDir: (0, _path.dirname)(args.path)
+        };
+      });
+    }
+  };
+}
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_fs","require","_path","_esbuild","_transform","nodeModulesRegex","wywInJS","sourceMap","preprocessor","esbuildOptions","rest","options","cache","TransformCacheCollection","name","setup","build","cssLookup","Map","asyncResolve","token","importer","context","isAbsolute","dirname","join","process","cwd","result","resolve","resolveDir","kind","errors","length","Error","path","replace","posix","sep","onResolve","filter","args","namespace","onLoad","contents","get","loader","basename","rawCode","readFileSync","ext","filename","parse","test","initialOptions","jsxFactory","jsxFragment","transformed","transformSync","sourcefile","sourcemap","code","esbuildMap","Buffer","from","map","toString","transformServices","root","pluginOptions","transform","cssText","slug","slugify","cssFilename","JSON","stringify","cssSourceMapText","linariaMap","set"],"sources":["../src/index.ts"],"sourcesContent":["/**\n * This file contains an esbuild loader for wyw-in-js.\n * It uses the transform.ts function to generate class names from source code,\n * returns transformed code without template literals and attaches generated source maps\n */\n\nimport { readFileSync } from 'fs';\nimport { basename, dirname, isAbsolute, join, parse, posix } from 'path';\n\nimport type { Plugin, TransformOptions, Loader } from 'esbuild';\nimport { transformSync } from 'esbuild';\n\nimport type { PluginOptions, Preprocessor } from '@wyw-in-js/transform';\nimport {\n  slugify,\n  transform,\n  TransformCacheCollection,\n} from '@wyw-in-js/transform';\n\ntype EsbuildPluginOptions = {\n  esbuildOptions?: TransformOptions;\n  preprocessor?: Preprocessor;\n  sourceMap?: boolean;\n} & Partial<PluginOptions>;\n\nconst nodeModulesRegex = /^(?:.*[\\\\/])?node_modules(?:[\\\\/].*)?$/;\n\nexport default function wywInJS({\n  sourceMap,\n  preprocessor,\n  esbuildOptions,\n  ...rest\n}: EsbuildPluginOptions = {}): Plugin {\n  let options = esbuildOptions;\n  const cache = new TransformCacheCollection();\n  return {\n    name: 'wyw-in-js',\n    setup(build) {\n      const cssLookup = new Map<string, string>();\n\n      const asyncResolve = async (\n        token: string,\n        importer: string\n      ): Promise<string> => {\n        const context = isAbsolute(importer)\n          ? dirname(importer)\n          : join(process.cwd(), dirname(importer));\n\n        const result = await build.resolve(token, {\n          resolveDir: context,\n          kind: 'import-statement',\n        });\n\n        if (result.errors.length > 0) {\n          throw new Error(`Cannot resolve ${token}`);\n        }\n\n        return result.path.replace(/\\\\/g, posix.sep);\n      };\n\n      build.onResolve({ filter: /\\.linaria\\.css$/ }, (args) => {\n        return {\n          namespace: 'linaria',\n          path: args.path,\n        };\n      });\n\n      build.onLoad({ filter: /.*/, namespace: 'linaria' }, (args) => {\n        return {\n          contents: cssLookup.get(args.path),\n          loader: 'css',\n          resolveDir: basename(args.path),\n        };\n      });\n\n      build.onLoad({ filter: /\\.(js|jsx|ts|tsx)$/ }, async (args) => {\n        const rawCode = readFileSync(args.path, 'utf8');\n        const { ext, name: filename } = parse(args.path);\n        const loader = ext.replace(/^\\./, '') as Loader;\n\n        if (nodeModulesRegex.test(args.path)) {\n          return {\n            loader,\n            contents: rawCode,\n          };\n        }\n\n        if (!options) {\n          options = {};\n          if ('jsxFactory' in build.initialOptions) {\n            options.jsxFactory = build.initialOptions.jsxFactory;\n          }\n          if ('jsxFragment' in build.initialOptions) {\n            options.jsxFragment = build.initialOptions.jsxFragment;\n          }\n        }\n\n        const transformed = transformSync(rawCode, {\n          ...options,\n          sourcefile: args.path,\n          sourcemap: sourceMap,\n          loader,\n        });\n        let { code } = transformed;\n\n        if (sourceMap) {\n          const esbuildMap = Buffer.from(transformed.map).toString('base64');\n          code += `/*# sourceMappingURL=data:application/json;base64,${esbuildMap}*/`;\n        }\n\n        const transformServices = {\n          options: {\n            filename: args.path,\n            root: process.cwd(),\n            preprocessor,\n            pluginOptions: rest,\n          },\n          cache,\n        };\n\n        const result = await transform(transformServices, code, asyncResolve);\n\n        if (!result.cssText) {\n          return {\n            contents: code,\n            loader,\n            resolveDir: dirname(args.path),\n          };\n        }\n\n        let { cssText } = result;\n\n        const slug = slugify(cssText);\n        const cssFilename = `${filename}_${slug}.linaria.css`;\n\n        let contents = `import ${JSON.stringify(cssFilename)}; ${result.code}`;\n\n        if (sourceMap && result.cssSourceMapText) {\n          const map = Buffer.from(result.cssSourceMapText).toString('base64');\n          cssText += `/*# sourceMappingURL=data:application/json;base64,${map}*/`;\n          const linariaMap = Buffer.from(\n            JSON.stringify(result.sourceMap)\n          ).toString('base64');\n          contents += `/*# sourceMappingURL=data:application/json;base64,${linariaMap}*/`;\n        }\n\n        cssLookup.set(cssFilename, cssText);\n\n        return {\n          contents,\n          loader,\n          resolveDir: dirname(args.path),\n        };\n      });\n    },\n  };\n}\n"],"mappings":"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"}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@wyw-in-js/esbuild",
+  "version": "0.1.1",
+  "dependencies": {
+    "@wyw-in-js/shared": "0.1.1",
+    "@wyw-in-js/transform": "0.1.1"
+  },
+  "devDependencies": {
+    "@types/node": "^16.18.55",
+    "esbuild": "^0.15.16",
+    "@wyw-in-js/babel-config": "0.1.1",
+    "@wyw-in-js/eslint-config": "0.1.1",
+    "@wyw-in-js/jest-preset": "0.1.1",
+    "@wyw-in-js/ts-config": "0.1.1"
+  },
+  "engines": {
+    "node": ">=16.0.0"
+  },
+  "exports": {
+    "import": "./esm/index.js",
+    "require": "./lib/index.js",
+    "types": "./types/index.d.ts"
+  },
+  "files": [
+    "esm/",
+    "lib/",
+    "types/"
+  ],
+  "license": "MIT",
+  "main": "lib/index.js",
+  "module": "esm/index.js",
+  "peerDependencies": {
+    "esbuild": ">=0.12.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "types": "types/index.d.ts",
+  "scripts": {
+    "build:esm": "babel src --out-dir esm --extensions '.js,.jsx,.ts,.tsx' --source-maps --delete-dir-on-start",
+    "build:lib": "cross-env NODE_ENV=legacy babel src --out-dir lib --extensions '.js,.jsx,.ts,.tsx' --source-maps --delete-dir-on-start",
+    "build:types": "tsc --project ./tsconfig.lib.json --baseUrl . --rootDir ./src",
+    "lint": "eslint --ext .js,.ts ."
+  }
+}

package/types/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * This file contains an esbuild loader for wyw-in-js.
+ * It uses the transform.ts function to generate class names from source code,
+ * returns transformed code without template literals and attaches generated source maps
+ */
+import type { Plugin, TransformOptions } from 'esbuild';
+import type { PluginOptions, Preprocessor } from '@wyw-in-js/transform';
+type EsbuildPluginOptions = {
+    esbuildOptions?: TransformOptions;
+    preprocessor?: Preprocessor;
+    sourceMap?: boolean;
+} & Partial<PluginOptions>;
+export default function wywInJS({ sourceMap, preprocessor, esbuildOptions, ...rest }?: EsbuildPluginOptions): Plugin;
+export {};

package/types/index.js

@@ -0,0 +1,113 @@
+"use strict";
+/**
+ * This file contains an esbuild loader for wyw-in-js.
+ * It uses the transform.ts function to generate class names from source code,
+ * returns transformed code without template literals and attaches generated source maps
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const fs_1 = require("fs");
+const path_1 = require("path");
+const esbuild_1 = require("esbuild");
+const transform_1 = require("@wyw-in-js/transform");
+const nodeModulesRegex = /^(?:.*[\\/])?node_modules(?:[\\/].*)?$/;
+function wywInJS({ sourceMap, preprocessor, esbuildOptions, ...rest } = {}) {
+    let options = esbuildOptions;
+    const cache = new transform_1.TransformCacheCollection();
+    return {
+        name: 'wyw-in-js',
+        setup(build) {
+            const cssLookup = new Map();
+            const asyncResolve = async (token, importer) => {
+                const context = (0, path_1.isAbsolute)(importer)
+                    ? (0, path_1.dirname)(importer)
+                    : (0, path_1.join)(process.cwd(), (0, path_1.dirname)(importer));
+                const result = await build.resolve(token, {
+                    resolveDir: context,
+                    kind: 'import-statement',
+                });
+                if (result.errors.length > 0) {
+                    throw new Error(`Cannot resolve ${token}`);
+                }
+                return result.path.replace(/\\/g, path_1.posix.sep);
+            };
+            build.onResolve({ filter: /\.linaria\.css$/ }, (args) => {
+                return {
+                    namespace: 'linaria',
+                    path: args.path,
+                };
+            });
+            build.onLoad({ filter: /.*/, namespace: 'linaria' }, (args) => {
+                return {
+                    contents: cssLookup.get(args.path),
+                    loader: 'css',
+                    resolveDir: (0, path_1.basename)(args.path),
+                };
+            });
+            build.onLoad({ filter: /\.(js|jsx|ts|tsx)$/ }, async (args) => {
+                const rawCode = (0, fs_1.readFileSync)(args.path, 'utf8');
+                const { ext, name: filename } = (0, path_1.parse)(args.path);
+                const loader = ext.replace(/^\./, '');
+                if (nodeModulesRegex.test(args.path)) {
+                    return {
+                        loader,
+                        contents: rawCode,
+                    };
+                }
+                if (!options) {
+                    options = {};
+                    if ('jsxFactory' in build.initialOptions) {
+                        options.jsxFactory = build.initialOptions.jsxFactory;
+                    }
+                    if ('jsxFragment' in build.initialOptions) {
+                        options.jsxFragment = build.initialOptions.jsxFragment;
+                    }
+                }
+                const transformed = (0, esbuild_1.transformSync)(rawCode, {
+                    ...options,
+                    sourcefile: args.path,
+                    sourcemap: sourceMap,
+                    loader,
+                });
+                let { code } = transformed;
+                if (sourceMap) {
+                    const esbuildMap = Buffer.from(transformed.map).toString('base64');
+                    code += `/*# sourceMappingURL=data:application/json;base64,${esbuildMap}*/`;
+                }
+                const transformServices = {
+                    options: {
+                        filename: args.path,
+                        root: process.cwd(),
+                        preprocessor,
+                        pluginOptions: rest,
+                    },
+                    cache,
+                };
+                const result = await (0, transform_1.transform)(transformServices, code, asyncResolve);
+                if (!result.cssText) {
+                    return {
+                        contents: code,
+                        loader,
+                        resolveDir: (0, path_1.dirname)(args.path),
+                    };
+                }
+                let { cssText } = result;
+                const slug = (0, transform_1.slugify)(cssText);
+                const cssFilename = `${filename}_${slug}.linaria.css`;
+                let contents = `import ${JSON.stringify(cssFilename)}; ${result.code}`;
+                if (sourceMap && result.cssSourceMapText) {
+                    const map = Buffer.from(result.cssSourceMapText).toString('base64');
+                    cssText += `/*# sourceMappingURL=data:application/json;base64,${map}*/`;
+                    const linariaMap = Buffer.from(JSON.stringify(result.sourceMap)).toString('base64');
+                    contents += `/*# sourceMappingURL=data:application/json;base64,${linariaMap}*/`;
+                }
+                cssLookup.set(cssFilename, cssText);
+                return {
+                    contents,
+                    loader,
+                    resolveDir: (0, path_1.dirname)(args.path),
+                };
+            });
+        },
+    };
+}
+exports.default = wywInJS;