Merge pull request #23 from unstubbable/internal-condtional-exports

Build without the need to compile

.github/workflows/ci.yml

@@ -11,7 +11,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: 18
+          node-version-file: '.node-version'
           cache: 'npm'
       - name: Install
         run: npm i

.github/workflows/deployment.yml

@@ -17,7 +17,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: 18
+          node-version-file: '.node-version'
           cache: 'npm'
       - name: Install
         run: npm i

.node-version

@@ -1 +1 @@
-18
+20

apps/cloudflare-app/package.json

@@ -6,13 +6,13 @@
   "author": "Hendrik Liebau <[email protected]>",
   "type": "module",
   "scripts": {
-    "build": "webpack --mode production",
-    "build:dev": "webpack --mode development",
+    "build": "NODE_OPTIONS='--import=tsx --conditions=@mfng:internal' webpack --mode production",
+    "build:dev": "NODE_OPTIONS='--import=tsx --conditions=@mfng:internal' webpack --mode development",
     "deploy": "wrangler publish -c src/worker/wrangler.toml",
     "dev": "npm run start",
     "start": "wrangler dev -c src/worker/wrangler.toml -l",
-    "watch": "webpack --mode production --watch",
-    "watch:dev": "webpack --mode development --watch"
+    "watch": "NODE_OPTIONS='--import=tsx --conditions=@mfng:internal' webpack --mode production --watch",
+    "watch:dev": "NODE_OPTIONS='--import=tsx --conditions=@mfng:internal' webpack --mode development --watch"
   },
   "dependencies": {
     "@cloudflare/kv-asset-handler": "^0.3.0",
@@ -40,6 +40,7 @@
     "source-map-loader": "^4.0.1",
     "swc-loader": "^0.2.3",
     "tailwindcss": "^3.2.7",
+    "tsx": "^4.1.0",
     "webpack": "^5.77.0",
     "webpack-cli": "^5.0.1",
     "webpack-manifest-plugin": "^5.0.0",

apps/cloudflare-app/tailwind.config.cjs

@@ -3,5 +3,5 @@ const config = require(`@mfng/shared-app/tailwind.config.cjs`);
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   ...config,
-  content: [`./src/**/*.{ts,tsx}`, `../shared-app/lib/**/*.js`],
+  content: [`./src/**/*.{ts,tsx}`, `../shared-app/src/**/*.{ts,tsx}`],
 };

apps/cloudflare-app/webpack.config.js

@@ -95,20 +95,26 @@ export default function createConfigs(_env, argv) {
     },
     resolve: {
       plugins: [new ResolveTypeScriptPlugin()],
-      conditionNames: [`workerd`, `node`, `...`],
+      conditionNames: [
+        `@mfng:internal:node`,
+        `@mfng:internal`,
+        `workerd`,
+        `node`,
+        `...`,
+      ],
     },
     module: {
       rules: [
         {
           resource: (value) =>
-            /core\/lib\/server\/rsc\.js$/.test(value) ||
+            /core\/src\/server\/rsc\.ts$/.test(value) ||
             /create-rsc-app\.tsx$/.test(value),
           layer: webpackRscLayerName,
         },
         {
           // AsyncLocalStorage module instances must be in a shared layer.
           layer: `shared`,
-          test: /(router-location-async-local-storage|core\/lib\/server\/use-router-location\.js)/,
+          test: /(router-location-async-local-storage|use-router-location)/,
         },
         {
           issuerLayer: webpackRscLayerName,
@@ -169,6 +175,7 @@ export default function createConfigs(_env, argv) {
     },
     resolve: {
       plugins: [new ResolveTypeScriptPlugin()],
+      conditionNames: [`@mfng:internal`, `...`],
     },
     module: {
       rules: [

apps/shared-app/package.json

@@ -6,11 +6,17 @@
   "author": "Hendrik Liebau <[email protected]>",
   "type": "module",
   "exports": {
-    "./app.js": "./lib/src/server/app.js",
-    "./location-server-context.js": "./lib/src/shared/location-server-context.js",
-    "./navigation-context.js": "./lib/src/client/navigation-context.js",
+    "./app.js": {
+      "@mfng:internal": "./src/server/app.tsx",
+      "types": "./lib/src/server/app.d.ts",
+      "default": "./lib/src/server/app.js"
+    },
     "./package.json": "./package.json",
-    "./tailwind.config.cjs": "./lib/tailwind.config.cjs"
+    "./tailwind.config.cjs": {
+      "@mfng:internal": "./tailwind.config.cjs",
+      "types": "./lib/tailwind.config.d.cts",
+      "default": "./lib/tailwind.config.cjs"
+    }
   },
   "files": [
     "lib",

apps/vercel-app/package.json

@@ -6,13 +6,14 @@
   "author": "Hendrik Liebau <[email protected]>",
   "type": "module",
   "scripts": {
-    "build": "webpack --mode production",
-    "build:dev": "webpack --mode development",
+    "build": "NODE_OPTIONS='--import=tsx --conditions=@mfng:internal' webpack --mode production",
+    "build:dev": "NODE_OPTIONS='--import=tsx --conditions=@mfng:internal' webpack --mode development",
+    "build:node18": "NODE_OPTIONS='--loader=tsx --conditions=@mfng:internal' webpack --mode production",
     "deploy": "vercel deploy --prebuilt",
     "dev": "npm run start",
     "start": "node dev-server/run.js",
-    "watch": "webpack --mode production --watch",
-    "watch:dev": "webpack --mode development --watch"
+    "watch": "NODE_OPTIONS='--import=tsx --conditions=@mfng:internal' webpack --mode production --watch",
+    "watch:dev": "NODE_OPTIONS='--import=tsx --conditions=@mfng:internal' webpack --mode development --watch"
   },
   "dependencies": {
     "@mfng/core": "*",
@@ -44,6 +45,7 @@
     "source-map-loader": "^4.0.1",
     "swc-loader": "^0.2.3",
     "tailwindcss": "^3.2.7",
+    "tsx": "^4.1.0",
     "vercel": "^28.18.3",
     "webpack": "^5.77.0",
     "webpack-cli": "^5.0.1",

apps/vercel-app/tailwind.config.cjs

@@ -3,5 +3,5 @@ const config = require(`@mfng/shared-app/tailwind.config.cjs`);
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   ...config,
-  content: [`./src/**/*.{ts,tsx}`, `../shared-app/lib/**/*.js`],
+  content: [`./src/**/*.{ts,tsx}`, `../shared-app/src/**/*.{ts,tsx}`],
 };

apps/vercel-app/turbo.json

@@ -11,6 +11,15 @@
       ],
       "outputs": ["dist/**", ".vercel/output/**"]
     },
+    "build:node18": {
+      "inputs": [
+        "src/**/*",
+        "package.json",
+        "tailwind.config.cjs",
+        "webpack.config.js"
+      ],
+      "outputs": ["dist/**", ".vercel/output/**"]
+    },
     "build:dev": {
       "inputs": [
         "src/**/*",

apps/vercel-app/webpack.config.js

@@ -122,20 +122,26 @@ export default function createConfigs(_env, argv) {
     },
     resolve: {
       plugins: [new ResolveTypeScriptPlugin()],
-      conditionNames: [`workerd`, `node`, `...`],
+      conditionNames: [
+        `@mfng:internal:node`,
+        `@mfng:internal`,
+        `workerd`,
+        `node`,
+        `...`,
+      ],
     },
     module: {
       rules: [
         {
           resource: (value) =>
-            /core\/lib\/server\/rsc\.js$/.test(value) ||
+            /core\/src\/server\/rsc\.ts$/.test(value) ||
             /create-rsc-app\.tsx$/.test(value),
           layer: webpackRscLayerName,
         },
         {
           // AsyncLocalStorage module instances must be in a shared layer.
           layer: `shared`,
-          test: /(router-location-async-local-storage|core\/lib\/server\/use-router-location\.js)/,
+          test: /(router-location-async-local-storage|use-router-location)/,
         },
         {
           issuerLayer: webpackRscLayerName,
@@ -210,6 +216,7 @@ export default function createConfigs(_env, argv) {
     },
     resolve: {
       plugins: [new ResolveTypeScriptPlugin()],
+      conditionNames: [`@mfng:internal`, `...`],
     },
     module: {
       rules: [

jest.config.js

@@ -19,6 +19,8 @@ export default {
   moduleFileExtensions: [...defaults.moduleFileExtensions, `cts`],
   moduleNameMapper: {
     '^(\\.{1,2}/.*)\\.c?js$': `$1`,
+    '@mfng/core/client': `<rootDir>/packages/core/src/client/index.ts`,
+    '@mfng/core/(.*)': `<rootDir>/packages/core/src/$1.ts`,
   },
   restoreMocks: true,
   testMatch: [`**/src/**/*.test.{ts,tsx}`],