Replace tsc with SWC for package compilation and file watching (#675)

* Updated turbo version

* Added taskr to packages/local

* Move json files

* Include missing extension

* Fixed prettierignore

* Updated swc plugin

* Moved swc plugin to its own package

* Added note

* Removed unused package

* Added watch for file changes

* Added taskr deps to every package

* Added taskfile to every package

* Updated scripts in every package

* Added 2 utiity scripts

* Fix turbo dev script

* Update swc plugin to include jsx import

* Updated build script in main package.json

.prettierignore

@@ -1,4 +1,5 @@
 # Every package defines its prettier config
 node_modules
-packages
+dist
-site
+.next
+public

package.json

@@ -7,56 +7,20 @@
     "packages/*"
   ],
   "scripts": {
+    "build": "turbo run build --scope=next-commerce --include-dependencies --no-deps",
+    "dev": "turbo run dev",
+    "start": "turbo run start",
     "prettier-fix": "prettier --write ."
   },
-  "turbo": {
-    "baseBranch": "origin/main",
-    "pipeline": {
-      "build": {
-        "dependsOn": [
-          "^build"
-        ],
-        "outputs": [
-          "dist/**"
-        ]
-      },
-      "next-commerce#build": {
-        "dependsOn": [
-          "^build",
-          "$COMMERCE_PROVIDER"
-        ],
-        "outputs": [
-          ".next/**"
-        ]
-      },
-      "test": {
-        "dependsOn": [
-          "^build"
-        ],
-        "outputs": []
-      },
-      "lint": {
-        "outputs": []
-      },
-      "prettier-fix": {
-        "outputs": []
-      },
-      "dev": {
-        "cache": false
-      },
-      "start": {
-        "cache": false
-      }
-    }
-  },
   "devDependencies": {
     "husky": "^7.0.4",
     "prettier": "^2.5.1",
-    "turbo": "^1.0.28"
+    "turbo": "^1.1.2"
   },
   "husky": {
     "hooks": {
       "pre-commit": "turbo run lint"
     }
-  }
+  },
+  "packageManager": "yarn@1.22.17"
 }

packages/bigcommerce/package.json

@@ -3,9 +3,10 @@
   "version": "0.0.1",
   "license": "MIT",
   "scripts": {
-    "build": "rm -fr dist/* && tsc",
+    "release": "taskr release",
-    "dev": "npm run build -- --watch",
+    "build": "taskr build",
-    "prettier-fix": "prettier --write .",
+    "dev": "taskr",
+    "types": "tsc --emitDeclarationOnly",
     "generate:definitions": "node scripts/generate-definitions.js"
   },
   "sideEffects": false,
@@ -59,6 +60,9 @@
     "react-dom": "^17"
   },
   "devDependencies": {
+    "@taskr/clear": "^1.1.0",
+    "@taskr/esnext": "^1.1.0",
+    "@taskr/watch": "^1.1.0",
     "@types/cookie": "^0.4.1",
     "@types/jsonwebtoken": "^8.5.7",
     "@types/lodash.debounce": "^4.0.6",
@@ -69,6 +73,8 @@
     "prettier": "^2.5.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "taskr": "^1.1.0",
+    "taskr-swc": "^0.0.1",
     "typescript": "^4.5.4"
   },
   "lint-staged": {

packages/bigcommerce/taskfile.js

@@ -0,0 +1,20 @@
+export async function build(task, opts) {
+  await task
+    .source('src/**/*.+(ts|tsx|js)')
+    .swc({ dev: opts.dev, outDir: 'dist', baseUrl: 'src' })
+    .target('dist')
+    .source('src/**/*.+(cjs|json)')
+    .target('dist')
+  task.$.log('Compiled src files')
+}
+
+export async function release(task) {
+  await task.clear('dist').start('build')
+}
+
+export default async function dev(task) {
+  const opts = { dev: true }
+  await task.clear('dist')
+  await task.start('build', opts)
+  await task.watch('src/**/*.+(ts|tsx|js|cjs|json)', 'build', opts)
+}

packages/commerce/package.json

@@ -3,8 +3,10 @@
   "version": "0.0.1",
   "license": "MIT",
   "scripts": {
-    "build": "rm -fr dist/* && tsc",
+    "release": "taskr release",
-    "dev": "npm run build -- --watch",
+    "build": "taskr build",
+    "dev": "taskr",
+    "types": "tsc --emitDeclarationOnly",
     "prettier-fix": "prettier --write ."
   },
   "sideEffects": false,
@@ -57,6 +59,9 @@
     "react-dom": "^17"
   },
   "devDependencies": {
+    "@taskr/clear": "^1.1.0",
+    "@taskr/esnext": "^1.1.0",
+    "@taskr/watch": "^1.1.0",
     "@types/js-cookie": "^3.0.1",
     "@types/node": "^17.0.8",
     "@types/react": "^17.0.38",
@@ -65,6 +70,8 @@
     "prettier": "^2.5.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "taskr": "^1.1.0",
+    "taskr-swc": "^0.0.1",
     "typescript": "^4.5.4"
   },
   "lint-staged": {

packages/commerce/taskfile.js

@@ -0,0 +1,20 @@
+export async function build(task, opts) {
+  await task
+    .source('src/**/*.+(ts|tsx|js)')
+    .swc({ dev: opts.dev, outDir: 'dist', baseUrl: 'src' })
+    .target('dist')
+    .source('src/**/*.+(cjs|json)')
+    .target('dist')
+  task.$.log('Compiled src files')
+}
+
+export async function release(task) {
+  await task.clear('dist').start('build')
+}
+
+export default async function dev(task) {
+  const opts = { dev: true }
+  await task.clear('dist')
+  await task.start('build', opts)
+  await task.watch('src/**/*.+(ts|tsx|js|cjs|json)', 'build', opts)
+}

packages/commercejs/package.json

@@ -3,8 +3,10 @@
   "version": "0.0.1",
   "license": "MIT",
   "scripts": {
-    "build": "rm -fr dist/* && tsc",
+    "release": "taskr release",
-    "dev": "npm run build -- --watch",
+    "build": "taskr build",
+    "dev": "taskr",
+    "types": "tsc --emitDeclarationOnly",
     "prettier-fix": "prettier --write ."
   },
   "sideEffects": false,
@@ -54,6 +56,9 @@
     "react-dom": "^17"
   },
   "devDependencies": {
+    "@taskr/clear": "^1.1.0",
+    "@taskr/esnext": "^1.1.0",
+    "@taskr/watch": "^1.1.0",
     "@types/chec__commerce.js": "^2.8.4",
     "@types/node": "^17.0.8",
     "@types/react": "^17.0.38",
@@ -62,6 +67,8 @@
     "prettier": "^2.5.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "taskr": "^1.1.0",
+    "taskr-swc": "^0.0.1",
     "typescript": "^4.5.4"
   },
   "lint-staged": {

packages/commercejs/taskfile.js

@@ -0,0 +1,20 @@
+export async function build(task, opts) {
+  await task
+    .source('src/**/*.+(ts|tsx|js)')
+    .swc({ dev: opts.dev, outDir: 'dist', baseUrl: 'src' })
+    .target('dist')
+    .source('src/**/*.+(cjs|json)')
+    .target('dist')
+  task.$.log('Compiled src files')
+}
+
+export async function release(task) {
+  await task.clear('dist').start('build')
+}
+
+export default async function dev(task) {
+  const opts = { dev: true }
+  await task.clear('dist')
+  await task.start('build', opts)
+  await task.watch('src/**/*.+(ts|tsx|js|cjs|json)', 'build', opts)
+}

packages/kibocommerce/package.json

@@ -3,8 +3,10 @@
   "version": "0.0.1",
   "license": "MIT",
   "scripts": {
-    "build": "rm -fr dist/* && tsc",
+    "release": "taskr release",
-    "dev": "npm run build -- --watch",
+    "build": "taskr build",
+    "dev": "taskr",
+    "types": "tsc --emitDeclarationOnly",
     "prettier-fix": "prettier --write .",
     "generate": "graphql-codegen"
   },
@@ -60,6 +62,9 @@
     "@graphql-codegen/schema-ast": "^2.4.1",
     "@graphql-codegen/typescript": "^2.4.2",
     "@graphql-codegen/typescript-operations": "^2.2.2",
+    "@taskr/clear": "^1.1.0",
+    "@taskr/esnext": "^1.1.0",
+    "@taskr/watch": "^1.1.0",
     "@types/node": "^17.0.8",
     "@types/react": "^17.0.38",
     "lint-staged": "^12.1.7",
@@ -67,6 +72,8 @@
     "prettier": "^2.5.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "taskr": "^1.1.0",
+    "taskr-swc": "^0.0.1",
     "typescript": "^4.5.4"
   },
   "lint-staged": {

packages/kibocommerce/taskfile.js

@@ -0,0 +1,20 @@
+export async function build(task, opts) {
+  await task
+    .source('src/**/*.+(ts|tsx|js)')
+    .swc({ dev: opts.dev, outDir: 'dist', baseUrl: 'src' })
+    .target('dist')
+    .source('src/**/*.+(cjs|json)')
+    .target('dist')
+  task.$.log('Compiled src files')
+}
+
+export async function release(task) {
+  await task.clear('dist').start('build')
+}
+
+export default async function dev(task) {
+  const opts = { dev: true }
+  await task.clear('dist')
+  await task.start('build', opts)
+  await task.watch('src/**/*.+(ts|tsx|js|cjs|json)', 'build', opts)
+}

packages/local/package.json

@@ -3,8 +3,10 @@
   "version": "0.0.1",
   "license": "MIT",
   "scripts": {
-    "build": "rm -fr dist/* && tsc",
+    "release": "taskr release",
-    "dev": "npm run build -- --watch",
+    "build": "taskr build",
+    "dev": "taskr",
+    "types": "tsc --emitDeclarationOnly",
     "prettier-fix": "prettier --write ."
   },
   "sideEffects": false,
@@ -54,6 +56,9 @@
     "react-dom": "^17"
   },
   "devDependencies": {
+    "@taskr/clear": "^1.1.0",
+    "@taskr/esnext": "^1.1.0",
+    "@taskr/watch": "^1.1.0",
     "@types/node": "^17.0.8",
     "@types/react": "^17.0.38",
     "lint-staged": "^12.1.7",
@@ -61,6 +66,8 @@
     "prettier": "^2.5.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "taskr": "^1.1.0",
+    "taskr-swc": "^0.0.1",
     "typescript": "^4.5.4"
   },
   "lint-staged": {

packages/local/taskfile.js

@@ -0,0 +1,20 @@
+export async function build(task, opts) {
+  await task
+    .source('src/**/*.+(ts|tsx|js)')
+    .swc({ dev: opts.dev, outDir: 'dist', baseUrl: 'src' })
+    .target('dist')
+    .source('src/**/*.+(cjs|json)')
+    .target('dist')
+  task.$.log('Compiled src files')
+}
+
+export async function release(task) {
+  await task.clear('dist').start('build')
+}
+
+export default async function dev(task) {
+  const opts = { dev: true }
+  await task.clear('dist')
+  await task.start('build', opts)
+  await task.watch('src/**/*.+(ts|tsx|js|cjs|json)', 'build', opts)
+}

packages/ordercloud/package.json

@@ -3,8 +3,10 @@
   "version": "0.0.1",
   "license": "MIT",
   "scripts": {
-    "build": "rm -fr dist/* && tsc",
+    "release": "taskr release",
-    "dev": "npm run build -- --watch",
+    "build": "taskr build",
+    "dev": "taskr",
+    "types": "tsc --emitDeclarationOnly",
     "prettier-fix": "prettier --write ."
   },
   "sideEffects": false,
@@ -55,6 +57,9 @@
     "react-dom": "^17"
   },
   "devDependencies": {
+    "@taskr/clear": "^1.1.0",
+    "@taskr/esnext": "^1.1.0",
+    "@taskr/watch": "^1.1.0",
     "@types/node": "^17.0.8",
     "@types/react": "^17.0.38",
     "lint-staged": "^12.1.7",
@@ -62,6 +67,8 @@
     "prettier": "^2.5.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "taskr": "^1.1.0",
+    "taskr-swc": "^0.0.1",
     "typescript": "^4.5.4"
   },
   "lint-staged": {

packages/ordercloud/taskfile.js

@@ -0,0 +1,20 @@
+export async function build(task, opts) {
+  await task
+    .source('src/**/*.+(ts|tsx|js)')
+    .swc({ dev: opts.dev, outDir: 'dist', baseUrl: 'src' })
+    .target('dist')
+    .source('src/**/*.+(cjs|json)')
+    .target('dist')
+  task.$.log('Compiled src files')
+}
+
+export async function release(task) {
+  await task.clear('dist').start('build')
+}
+
+export default async function dev(task) {
+  const opts = { dev: true }
+  await task.clear('dist')
+  await task.start('build', opts)
+  await task.watch('src/**/*.+(ts|tsx|js|cjs|json)', 'build', opts)
+}

packages/saleor/package.json

@@ -3,8 +3,10 @@
   "version": "0.0.1",
   "license": "MIT",
   "scripts": {
-    "build": "rm -fr dist/* && tsc",
+    "release": "taskr release",
-    "dev": "npm run build -- --watch",
+    "build": "taskr build",
+    "dev": "taskr",
+    "types": "tsc --emitDeclarationOnly",
     "prettier-fix": "prettier --write .",
     "generate": "graphql-codegen"
   },
@@ -60,6 +62,9 @@
     "@graphql-codegen/schema-ast": "^2.4.1",
     "@graphql-codegen/typescript": "^2.4.2",
     "@graphql-codegen/typescript-operations": "^2.2.2",
+    "@taskr/clear": "^1.1.0",
+    "@taskr/esnext": "^1.1.0",
+    "@taskr/watch": "^1.1.0",
     "@types/node": "^17.0.8",
     "@types/react": "^17.0.38",
     "lint-staged": "^12.1.7",
@@ -67,6 +72,8 @@
     "prettier": "^2.5.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "taskr": "^1.1.0",
+    "taskr-swc": "^0.0.1",
     "typescript": "^4.5.4"
   },
   "lint-staged": {

packages/saleor/taskfile.js

@@ -0,0 +1,20 @@
+export async function build(task, opts) {
+  await task
+    .source('src/**/*.+(ts|tsx|js)')
+    .swc({ dev: opts.dev, outDir: 'dist', baseUrl: 'src' })
+    .target('dist')
+    .source('src/**/*.+(cjs|json)')
+    .target('dist')
+  task.$.log('Compiled src files')
+}
+
+export async function release(task) {
+  await task.clear('dist').start('build')
+}
+
+export default async function dev(task) {
+  const opts = { dev: true }
+  await task.clear('dist')
+  await task.start('build', opts)
+  await task.watch('src/**/*.+(ts|tsx|js|cjs|json)', 'build', opts)
+}

packages/shopify/package.json

@@ -3,8 +3,10 @@
   "version": "0.0.1",
   "license": "MIT",
   "scripts": {
-    "build": "rm -fr dist/* && tsc",
+    "release": "taskr release",
-    "dev": "npm run build -- --watch",
+    "build": "taskr build",
+    "dev": "taskr",
+    "types": "tsc --emitDeclarationOnly",
     "prettier-fix": "prettier --write .",
     "generate": "DOTENV_CONFIG_PATH=./.env graphql-codegen -r dotenv/config"
   },
@@ -60,6 +62,9 @@
     "@graphql-codegen/schema-ast": "^2.4.1",
     "@graphql-codegen/typescript": "^2.4.2",
     "@graphql-codegen/typescript-operations": "^2.2.2",
+    "@taskr/clear": "^1.1.0",
+    "@taskr/esnext": "^1.1.0",
+    "@taskr/watch": "^1.1.0",
     "@types/node": "^17.0.8",
     "@types/react": "^17.0.38",
     "dotenv": "^12.0.3",
@@ -68,6 +73,8 @@
     "prettier": "^2.5.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "taskr": "^1.1.0",
+    "taskr-swc": "^0.0.1",
     "typescript": "^4.5.4"
   },
   "lint-staged": {

packages/shopify/taskfile.js

@@ -0,0 +1,20 @@
+export async function build(task, opts) {
+  await task
+    .source('src/**/*.+(ts|tsx|js)')
+    .swc({ dev: opts.dev, outDir: 'dist', baseUrl: 'src' })
+    .target('dist')
+    .source('src/**/*.+(cjs|json)')
+    .target('dist')
+  task.$.log('Compiled src files')
+}
+
+export async function release(task) {
+  await task.clear('dist').start('build')
+}
+
+export default async function dev(task) {
+  const opts = { dev: true }
+  await task.clear('dist')
+  await task.start('build', opts)
+  await task.watch('src/**/*.+(ts|tsx|js|cjs|json)', 'build', opts)
+}

packages/spree/package.json

@@ -3,8 +3,10 @@
   "version": "0.0.1",
   "license": "MIT",
   "scripts": {
-    "build": "rm -fr dist/* && tsc",
+    "release": "taskr release",
-    "dev": "npm run build -- --watch",
+    "build": "taskr build",
+    "dev": "taskr",
+    "types": "tsc --emitDeclarationOnly",
     "prettier-fix": "prettier --write ."
   },
   "sideEffects": false,
@@ -56,6 +58,9 @@
     "react-dom": "^17"
   },
   "devDependencies": {
+    "@taskr/clear": "^1.1.0",
+    "@taskr/esnext": "^1.1.0",
+    "@taskr/watch": "^1.1.0",
     "@types/node": "^17.0.8",
     "@types/react": "^17.0.38",
     "lint-staged": "^12.1.7",
@@ -63,6 +68,8 @@
     "prettier": "^2.5.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "taskr": "^1.1.0",
+    "taskr-swc": "^0.0.1",
     "typescript": "^4.5.4"
   },
   "lint-staged": {

packages/spree/taskfile.js

@@ -0,0 +1,20 @@
+export async function build(task, opts) {
+  await task
+    .source('src/**/*.+(ts|tsx|js)')
+    .swc({ dev: opts.dev, outDir: 'dist', baseUrl: 'src' })
+    .target('dist')
+    .source('src/**/*.+(cjs|json)')
+    .target('dist')
+  task.$.log('Compiled src files')
+}
+
+export async function release(task) {
+  await task.clear('dist').start('build')
+}
+
+export default async function dev(task) {
+  const opts = { dev: true }
+  await task.clear('dist')
+  await task.start('build', opts)
+  await task.watch('src/**/*.+(ts|tsx|js|cjs|json)', 'build', opts)
+}

packages/swell/package.json

@@ -3,8 +3,10 @@
   "version": "0.0.1",
   "license": "MIT",
   "scripts": {
-    "build": "rm -fr dist/* && tsc",
+    "release": "taskr release",
-    "dev": "npm run build -- --watch",
+    "build": "taskr build",
+    "dev": "taskr",
+    "types": "tsc --emitDeclarationOnly",
     "prettier-fix": "prettier --write ."
   },
   "sideEffects": false,
@@ -56,6 +58,9 @@
     "react-dom": "^17"
   },
   "devDependencies": {
+    "@taskr/clear": "^1.1.0",
+    "@taskr/esnext": "^1.1.0",
+    "@taskr/watch": "^1.1.0",
     "@types/node": "^17.0.8",
     "@types/react": "^17.0.38",
     "lint-staged": "^12.1.7",
@@ -63,6 +68,8 @@
     "prettier": "^2.5.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "taskr": "^1.1.0",
+    "taskr-swc": "^0.0.1",
     "typescript": "^4.5.4"
   },
   "lint-staged": {

packages/swell/taskfile.js

@@ -0,0 +1,20 @@
+export async function build(task, opts) {
+  await task
+    .source('src/**/*.+(ts|tsx|js)')
+    .swc({ dev: opts.dev, outDir: 'dist', baseUrl: 'src' })
+    .target('dist')
+    .source('src/**/*.+(cjs|json)')
+    .target('dist')
+  task.$.log('Compiled src files')
+}
+
+export async function release(task) {
+  await task.clear('dist').start('build')
+}
+
+export default async function dev(task) {
+  const opts = { dev: true }
+  await task.clear('dist')
+  await task.start('build', opts)
+  await task.watch('src/**/*.+(ts|tsx|js|cjs|json)', 'build', opts)
+}

packages/taskr-swc/.prettierrc

@@ -0,0 +1,6 @@
+{
+      "semi": false,
+      "singleQuote": true,
+      "tabWidth": 2,
+      "useTabs": false
+}

packages/taskr-swc/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "taskr-swc",
+  "version": "0.0.1",
+  "license": "MIT",
+  "scripts": {
+    "prettier-fix": "prettier --write ."
+  },
+  "main": "taskfile-swc.js",
+  "files": [
+    "taskfile-swc.js"
+  ],
+  "devDependencies": {
+    "@swc/core": "^1.2.138",
+    "prettier": "^2.5.1"
+  }
+}

packages/taskr-swc/taskfile-swc.js

@@ -0,0 +1,123 @@
+// Based on
+// https://github.com/vercel/next.js/blob/canary/packages/next/taskfile-swc.js
+
+// taskr babel plugin with Babel 7 support
+// https://github.com/lukeed/taskr/pull/305
+
+const path = require('path')
+const transform = require('@swc/core').transform
+
+module.exports = function (task) {
+  task.plugin(
+    'swc',
+    {},
+    function* (
+      file,
+      { server = true, stripExtension, dev, outDir = 'dist', baseUrl = '' } = {}
+    ) {
+      // Don't compile .d.ts
+      if (file.base.endsWith('.d.ts')) return
+
+      const swcClientOptions = {
+        module: {
+          type: 'es6',
+          ignoreDynamic: true,
+        },
+        jsc: {
+          loose: true,
+          target: 'es2016',
+          parser: {
+            syntax: 'typescript',
+            dynamicImport: true,
+            tsx: file.base.endsWith('.tsx'),
+          },
+          transform: {
+            react: {
+              runtime: 'automatic',
+              pragma: 'React.createElement',
+              pragmaFrag: 'React.Fragment',
+              throwIfNamespace: true,
+              development: false,
+              useBuiltins: true,
+            },
+          },
+        },
+      }
+      const swcServerOptions = {
+        module: {
+          type: 'es6',
+          ignoreDynamic: true,
+        },
+        env: {
+          targets: {
+            node: '14.0.0',
+          },
+        },
+        jsc: {
+          loose: true,
+          parser: {
+            syntax: 'typescript',
+            dynamicImport: true,
+            tsx: file.base.endsWith('.tsx'),
+          },
+          transform: {
+            react: {
+              runtime: 'automatic',
+              pragma: 'React.createElement',
+              pragmaFrag: 'React.Fragment',
+              throwIfNamespace: true,
+              development: false,
+              useBuiltins: true,
+            },
+          },
+        },
+      }
+
+      const swcOptions = server ? swcServerOptions : swcClientOptions
+      const filePath = path.join(file.dir, file.base)
+      const options = {
+        filename: filePath,
+        sourceMaps: false,
+        ...swcOptions,
+      }
+
+      if (options.sourceMaps && !options.sourceFileName) {
+        // Using `outDir` and `baseUrl` build a relative path from `outDir` to
+        // the `baseUrl` path for source maps
+        const basePath = path.join(__dirname, baseUrl)
+        const relativeFilePath = path.relative(basePath, filePath)
+        const fullFilePath = path.join(__dirname, filePath)
+        const distFilePath = path.dirname(
+          path.join(__dirname, outDir, relativeFilePath)
+        )
+
+        options.sourceFileName = path.relative(distFilePath, fullFilePath)
+      }
+
+      const output = yield transform(file.data.toString('utf-8'), options)
+      const ext = path.extname(file.base)
+
+      // Replace `.ts|.tsx` with `.js` in files with an extension
+      if (ext) {
+        const extRegex = new RegExp(ext.replace('.', '\\.') + '$', 'i')
+        // Remove the extension if stripExtension is enabled or replace it with `.js`
+        file.base = file.base.replace(extRegex, stripExtension ? '' : '.js')
+      }
+
+      if (output.map) {
+        const map = `${file.base}.map`
+
+        output.code += Buffer.from(`\n//# sourceMappingURL=${map}`)
+
+        // add sourcemap to `files` array
+        this._.files.push({
+          base: map,
+          dir: file.dir,
+          data: Buffer.from(output.map),
+        })
+      }
+
+      file.data = Buffer.from(output.code)
+    }
+  )
+}

packages/vendure/package.json

@@ -3,8 +3,10 @@
   "version": "0.0.1",
   "license": "MIT",
   "scripts": {
-    "build": "rm -fr dist/* && tsc",
+    "release": "taskr release",
-    "dev": "npm run build -- --watch",
+    "build": "taskr build",
+    "dev": "taskr",
+    "types": "tsc --emitDeclarationOnly",
     "prettier-fix": "prettier --write .",
     "generate": "graphql-codegen"
   },
@@ -60,6 +62,9 @@
     "@graphql-codegen/schema-ast": "^2.4.1",
     "@graphql-codegen/typescript": "^2.4.2",
     "@graphql-codegen/typescript-operations": "^2.2.2",
+    "@taskr/clear": "^1.1.0",
+    "@taskr/esnext": "^1.1.0",
+    "@taskr/watch": "^1.1.0",
     "@types/node": "^17.0.8",
     "@types/react": "^17.0.38",
     "lint-staged": "^12.1.7",
@@ -67,6 +72,8 @@
     "prettier": "^2.5.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "taskr": "^1.1.0",
+    "taskr-swc": "^0.0.1",
     "typescript": "^4.5.4"
   },
   "lint-staged": {

packages/vendure/taskfile.js

@@ -0,0 +1,20 @@
+export async function build(task, opts) {
+  await task
+    .source('src/**/*.+(ts|tsx|js)')
+    .swc({ dev: opts.dev, outDir: 'dist', baseUrl: 'src' })
+    .target('dist')
+    .source('src/**/*.+(cjs|json)')
+    .target('dist')
+  task.$.log('Compiled src files')
+}
+
+export async function release(task) {
+  await task.clear('dist').start('build')
+}
+
+export default async function dev(task) {
+  const opts = { dev: true }
+  await task.clear('dist')
+  await task.start('build', opts)
+  await task.watch('src/**/*.+(ts|tsx|js|cjs|json)', 'build', opts)
+}

turbo.json

@@ -0,0 +1,29 @@
+{
+  "baseBranch": "origin/main",
+  "pipeline": {
+    "build": {
+      "dependsOn": ["^build"],
+      "outputs": ["dist/**"]
+    },
+    "next-commerce#build": {
+      "dependsOn": ["^build", "$COMMERCE_PROVIDER"],
+      "outputs": [".next/**"]
+    },
+    "test": {
+      "dependsOn": ["^build"],
+      "outputs": []
+    },
+    "lint": {
+      "outputs": []
+    },
+    "prettier-fix": {
+      "outputs": []
+    },
+    "dev": {
+      "cache": false
+    },
+    "start": {
+      "cache": false
+    }
+  }
+}