proteum 1.0.0-2 → 1.0.0-4

package/cli/bin.js

@@ -2,10 +2,34 @@
 
 const path = require('path');
 
+/*
+    Why this exists (npm i vs npm link difference)
+
+    Proteum's CLI is written in TypeScript and is executed via ts-node at runtime.
+    When Proteum is installed from npm, `cli/tsconfig.json` lives inside `node_modules/proteum/cli`.
+
+    ts-node's default ignore pattern (`/(?:^|\\/)node_modules\\//`) is applied to *paths relative to the tsconfig folder*.
+    For hoisted deps (ex: `node_modules/tailwindcss/...`), the relative path becomes `../../tailwindcss/...` (no `node_modules/` segment),
+    so ts-node mistakenly transpiles those sibling dependencies.
+
+    Tailwind v4 contains `class ... extends Map` and downleveling that to ES5 turns `super()` into `Map.call(this)`,
+    which throws: "TypeError: Constructor Map requires 'new'".
+
+    Fix: extend ts-node ignore patterns so it also ignores `../../<pkg>/...` (hoisted siblings), while still allowing the CLI
+    to `require()` the user's app config (ex: `../../../server/config/*.ts`).
+*/
+if (!process.env.TS_NODE_IGNORE) {
+    process.env.TS_NODE_IGNORE = [
+        // Default ts-node ignore rule (works when deps are nested under `../node_modules/...`)
+        '(?:^|/)node_modules/',
+        // Extra rule for deps hoisted next to Proteum (ex: `../../tailwindcss/...`)
+        '^\\.\\./\\.\\./(?!\\./|\\.\\./)[^/]+/'
+    ].join(',');
+}
+
 process.env.TS_NODE_PROJECT = path.join(__dirname, 'tsconfig.json');
 process.env.TS_NODE_TRANSPILE_ONLY = '1';
 
 require('ts-node/register/transpile-only');
 
 require('./index.ts');
-

package/cli/compiler/common/files/images.ts

@@ -4,7 +4,7 @@ import type webpack from 'webpack';
 module.exports = (app: App, dev: boolean, client: boolean): webpack.RuleSetRule[] => {
 
     return [{
-        test: /\.(bmp|gif|png|jpg|jpegico|svg|webp)$/,
+        test: /\.(bmp|gif|png|jpe?g|ico|svg|webp)$/i,
         type: 'asset',
         parser: {
             dataUrlCondition: {
@@ -15,7 +15,8 @@ module.exports = (app: App, dev: boolean, client: boolean): webpack.RuleSetRule[
             }
         }
 
-    }, 
+    },
+
     ...(dev ? [] : [{
         test: /\.(jpg|jpeg|png)$/i,
         type: "javascript/auto",
@@ -29,12 +30,12 @@ module.exports = (app: App, dev: boolean, client: boolean): webpack.RuleSetRule[
                 publicPath: '/public',
 
                 // Triggers error
-               // cacheDirectory: true,
+            // cacheDirectory: true,
             }
-        }]
-      }]), 
-      
-      {
+        }],
+    }]),
+
+    {
         test: /\.(webm|mp4|avi|mpk|mov|mkv)$/,
         type: 'asset/resource',
     },]

package/cli/compiler/common/files/style.ts

@@ -5,6 +5,8 @@ import type { App } from '../../../app';
 
 module.exports = (app: App, dev: Boolean, client: boolean) => {
 
+    console.log('app.paths.root', app.paths.root)
+
     return [
 
         // Apply PostCSS plugins including autoprefixer

package/cli/tsconfig.json

@@ -1,6 +1,10 @@
 {
     "compilerOptions": {
         
+        // We run the CLI through ts-node in production, so we must use a modern target.
+        // In particular, downleveling built-in subclasses (ex: `class extends Map`) to ES5 breaks at runtime.
+        "target": "ES2021",
+        "module": "CommonJS",
 
         "esModuleInterop": true,
         "skipLibCheck": true,
@@ -35,4 +39,4 @@
     },
 
     "include": ["./"]
-}
+}

package/client/app/index.ts

@@ -20,6 +20,8 @@ import type { AnyService } from './service';
 
 export { default as Service } from './service';
 
+import 'tailwindcss';
+
 /*----------------------------------
 - TYPES
 ----------------------------------*/

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "proteum",
 	"description": "Convenient TypeScript framework designed for Performance and Productivity.",
-	"version": "1.0.0-2",
+	"version": "1.0.0-4",
 	"author": "Gaetan Le Gac (https://github.com/gaetanlegac)",
 	"repository": "git://github.com/gaetanlegac/proteum.git",
 	"license": "MIT",