callstack · MrFoxPro · Nov 23, 2022
diff --git a/.eslintignore b/.eslintignore
@@ -1,9 +1,6 @@
 __fixtures__/
 coverage/
-lib/
-esm/
 packages/*/bin/
-packages/*/types/
 dist/
 build/
 node_modules/

diff --git a/.gitignore b/.gitignore
@@ -63,9 +63,6 @@ jspm_packages/
 .env
 
 # generated files
-lib/
-esm/
-types/
 dist/
 build/
 tsconfig.tsbuildinfo

diff --git a/.prettierrc b/.prettierrc
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -0,0 +1,13 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "command": "pnpm build",
+      "name": "Run npm start",
+      "request": "launch",
+      "cwd": "${workspaceFolder}/website",
+      "type": "node-terminal"
+    }
+  ],
+  "compounds": []
+}
diff --git a/examples/esbuild/package.json b/examples/esbuild/package.json
@@ -1,17 +1,17 @@
 {
-  "private": true,
   "name": "esbuild-example",
   "version": "0.0.0",
+  "private": true,
   "license": "MIT",
+  "author": "Anton Evzhakov",
+  "scripts": {
+    "build": "node build.js"
+  },
   "dependencies": {
     "linaria-website": "workspace:^"
   },
   "devDependencies": {
     "@linaria/esbuild": "workspace:^",
     "esbuild": "^0.14.48"
-  },
-  "scripts": {
-    "build": "node build.js"
-  },
-  "author": "Anton Evzhakov"
+  }
 }
diff --git a/examples/rollup/package.json b/examples/rollup/package.json
@@ -1,24 +1,24 @@
 {
-  "private": true,
   "name": "rollup-example",
   "version": "0.0.0",
+  "private": true,
   "license": "MIT",
+  "author": "Anton Evzhakov",
+  "scripts": {
+    "build": "rollup -c"
+  },
   "dependencies": {
     "linaria-website": "workspace:^"
   },
   "devDependencies": {
     "@babel/core": "^7.18.6",
     "@babel/preset-react": "^7.18.6",
     "@linaria/rollup": "workspace:^",
-    "@rollup/plugin-commonjs": "^22.0.1",
     "@rollup/plugin-babel": "^5.3.1",
+    "@rollup/plugin-commonjs": "^22.0.1",
     "@rollup/plugin-image": "^2.1.1",
     "@rollup/plugin-node-resolve": "^13.3.0",
     "rollup": "^2.76.0",
     "rollup-plugin-css-only": "^3.1.0"
-  },
-  "scripts": {
-    "build": "rollup -c"
-  },
-  "author": "Anton Evzhakov"
+  }
 }
diff --git a/examples/vite/package.json b/examples/vite/package.json
@@ -1,10 +1,13 @@
 {
-  "private": true,
   "name": "vite-example",
   "version": "0.0.0",
+  "private": true,
   "license": "MIT",
+  "author": "Anton Evzhakov",
   "main": "index.js",
-  "type": "module",
+  "scripts": {
+    "build": "vite build"
+  },
   "dependencies": {
     "linaria-website": "workspace:^"
   },
@@ -13,12 +16,6 @@
     "@linaria/shaker": "workspace:^",
     "@rollup/plugin-node-resolve": "^15.0.0",
     "@vitejs/plugin-react": "^2.1.0",
-    "rollup": "^3.2.2",
     "vite": "^3.1.8"
-  },
-  "scripts": {
-    "build": "vite build"
-  },
-  "author": "Anton Evzhakov"
+  }
 }
-
diff --git a/examples/webpack4/package.json b/examples/webpack4/package.json
@@ -1,8 +1,13 @@
 {
-  "private": true,
   "name": "webpack4-example",
   "version": "0.0.0",
+  "private": true,
   "license": "MIT",
+  "author": "Anton Evzhakov",
+  "scripts": {
+    "build": "cross-env NODE_ENV=production webpack",
+    "preview": "pnpm build && pnpm dlx http-server ."
+  },
   "dependencies": {
     "linaria-website": "workspace:^4.1.8"
   },
@@ -17,10 +22,5 @@
     "mini-css-extract-plugin": "^0.5.0",
     "webpack": "^4.46.0",
     "webpack-cli": "4.7.0"
-  },
-  "scripts": {
-    "build": "cross-env NODE_ENV=production webpack",
-    "preview": "pnpm build && pnpm dlx http-server ."
-  },
-  "author": "Anton Evzhakov"
+  }
 }
diff --git a/examples/webpack5/package.json b/examples/webpack5/package.json
@@ -1,9 +1,14 @@
 {
-  "private": true,
   "name": "webpack5-example",
   "version": "0.0.0",
+  "private": true,
   "license": "MIT",
+  "author": "Anton Evzhakov",
   "main": "index.js",
+  "scripts": {
+    "build": "cross-env NODE_ENV=production webpack",
+    "preview": "pnpm build && pnpm dlx http-server ."
+  },
   "dependencies": {
     "linaria-website": "workspace:^4.1.8"
   },
@@ -18,10 +23,5 @@
     "mini-css-extract-plugin": "^2.7.0",
     "webpack": "^5.75.0",
     "webpack-cli": "^5.0.0"
-  },
-  "scripts": {
-    "build": "cross-env NODE_ENV=production webpack",
-    "preview": "pnpm build && pnpm dlx http-server ."
-  },
-  "author": "Anton Evzhakov"
+  }
 }
diff --git a/linaria-scripts/index.js b/linaria-scripts/index.js
@@ -0,0 +1,200 @@
+#!/usr/bin/env node
+/* eslint-disable */
+import process from 'node:process';
+import path from 'node:path';
+import chokidar from 'chokidar';
+import ts from 'typescript';
+// import esbuild from 'esbuild';
+import fg from 'fast-glob';
+import fs from 'node:fs/promises';
+import swc from '@swc/core';
+
+const [cmd, ...args] = process.argv.slice(2);
+
+switch (cmd) {
+  case 'build': {
+    const outdir = path.resolve(process.cwd(), 'dist');
+
+    await fs.rm(outdir, { recursive: true, force: true });
+    const rootdir = path.resolve(process.cwd(), './src');
+
+    let files = await fg(['src/**/*.{ts,tsx}'], {
+      absolute: true,
+      cwd: process.cwd(),
+      ignore: ['**/*.d.ts', 'dist'],
+    });
+
+    let watcher;
+
+    const build = async () => {
+      const at = performance.now();
+      // esbuild
+      // const common = {
+      //   platform: 'node',
+      //   target: 'node12',
+      //   loader: 'ts',
+      // };
+      // const variants = [
+      //   { format: 'esm', ext: '.js' },
+      //   { format: 'cjs', ext: '.js' },
+      // ];
+
+      const variants = [
+        { format: 'nodenext', ext: '.js', dir: 'esm' },
+        { format: 'commonjs', ext: '.js', dir: 'cjs' },
+      ];
+      // swc file-by-file
+      for (const file of files) {
+        const inp = path.parse(file);
+        for (const { ext, format, dir } of variants) {
+          /**@type {swc.Output}*/ let result;
+          try {
+            result = await swc.transformFile(file, {
+              jsc: {
+                parser: {
+                  syntax: 'typescript',
+                  dynamicImport: true,
+                },
+                target: 'es2022',
+                loose: true,
+              },
+              module: {
+                type: format,
+              },
+              sourceMaps: true,
+              configFile: false,
+              swcrc: false,
+              cwd: process.cwd(),
+              filename: inp.base,
+              // env: {
+              //   coreJs: args.includes('--legacy') ? '3.22' : undefined,
+              // },
+            });
+          } catch (e) {
+            console.error(e);
+            continue;
+          }
+          const dist = path.resolve(outdir, dir);
+          const outfiledir = inp.dir.replace(rootdir, dist);
+          const out = path.format({
+            root: inp.root,
+            name: inp.name,
+            ext,
+            dir: outfiledir,
+          });
+          result.code += `\n //# sourceMappingURL=${inp.name}.js.map`;
+          await fs.mkdir(outfiledir, { recursive: true });
+          await fs.writeFile(out, result.code);
+          await fs.writeFile(out + '.map', result.map);
+        }
+      }
+      // for (const { ext, format } of variants) {
+      // by build
+      // await esbuild.build({
+      //   absWorkingDir: process.cwd(),
+      //   entryPoints: files,
+      //   platform: 'node',
+      //   loader: {
+      //     '.ts': 'ts',
+      //   },
+      //   sourcemap: 'linked',
+      //   format,
+      //   treeShaking: true,
+      //   bundle: args.includes('--bundle'),
+      //   // external: [],
+      //   outdir: path.resolve(outdir, format),
+      //   outExtension: { '.js': ext },
+      // });
+      // }
+      // file-by-file
+      // for (const file of files) {
+      //   // const content = await fs.readFile(file, "utf8");
+      //   const inp = path.parse(file);
+
+      //   for (const { ext, format } of variants) {
+      //     const dist = path.resolve(outdir, format);
+      //     /**@type {esbuild.TransformResult}*/ let result;
+      //     try {
+      //       // result = await esbuild.transform(content, {
+      //       //   ...common,
+      //       //   format,
+      //       // });
+      //     } catch (e) {
+      //       /**@type {esbuild.TransformFailure}*/ const err = e;
+      //       console.error(err.message);
+      //       continue;
+      //     }
+
+      //     const outfiledir = inp.dir.replace(rootdir, dist);
+      //     const out = path.format({
+      //       root: inp.root,
+      //       name: inp.name,
+      //       ext,
+      //       dir: outfiledir,
+      //     });
+      //     await fs.mkdir(outfiledir, { recursive: true });
+      //     await fs.writeFile(out, result.code);
+      //   }
+      // }
+
+      const tsConfig = ts.parseJsonConfigFileContent(
+        ts.readConfigFile(
+          path.resolve(process.cwd(), './tsconfig.json'),
+          ts.sys.readFile
+        ).config,
+        ts.sys,
+        './'
+      );
+
+      const tsHost = ts.createCompilerHost(tsConfig);
+      const tsProgram = ts.createProgram(
+        files,
+        {
+          outDir: path.resolve(outdir, './types'),
+          declaration: true,
+          emitDeclarationOnly: true,
+          skipDefaultLibCheck: true,
+          skipLibCheck: true,
+          incremental: true,
+          ...tsConfig.options,
+        },
+        tsHost
+      );
+      const { diagnostics } = tsProgram.emit();
+      for (const d of diagnostics) {
+        console.info(d.messageText);
+      }
+
+      const duraton = ((performance.now() - at) / 1000).toFixed(1);
+      console.log('Done.', duraton, 's.');
+    };
+
+    const exit = async () => {
+      await watcher?.close();
+      process.exit();
+    };
+
+    process.on('SIGINT', exit);
+    if (process.platform === 'win32') process.on('SIGKILL', exit);
+
+    if (!args.includes('--watch')) {
+      await build();
+      process.exit();
+    }
+    watcher = chokidar
+      .watch(path.resolve(process.cwd(), rootdir), {
+        ignoreInitial: false,
+        awaitWriteFinish: {
+          stabilityThreshold: 50,
+          pollInterval: 10,
+        },
+      })
+      .on('ready', () => console.info('Watching for directory changes.'))
+      .on('all', build);
+
+    break;
+  }
+  default: {
+    throw new Error(`Unsupported command ${cmd}`);
+  }
+}
diff --git a/linaria-scripts/jsconfig.json b/linaria-scripts/jsconfig.json
@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "declaration": true,
+    "strict": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "target": "esnext"
+  }
+}