Fix bundling (#498)

.changeset/seven-experts-stare.md

@@ -0,0 +1,5 @@
+---
+"@tokens-studio/graph-engine-nodes-design-tokens": minor
+---
+
+Removed bundling from build step to support treeshaking

packages/nodes-design-tokens/package.json

@@ -6,6 +6,11 @@
   "author": "[email protected]",
   "type": "module",
   "exports": {
+    "./*": {
+      "import": "./dist/*",
+      "types": "./dist/*",
+      "style": "./dist/*"
+    },
     ".": {
       "import": "./dist/index.js",
       "types": "./dist/index.d.ts"
@@ -18,8 +23,8 @@
     "access": "public"
   },
   "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
+    "build": "tspc  -p tsconfig.prod.json",
+    "dev": "tspc  -p tsconfig.prod.json --watch",
     "docs": "typedoc",
     "format": "npm run format:eslint && npm run format:prettier",
     "format:eslint": "eslint . --fix",
@@ -54,7 +59,8 @@
     "@tokens-studio/graph-engine": "*",
     "@types/node": "^18.15.11",
     "ts-node": "^10.9.1",
-    "tsup": "^8.1.0",
+    "ts-patch": "^3.2.1",
+    "typescript-transform-paths": "^3.5.1",
     "typedoc": "^0.24.7",
     "typescript": "^5.4.5",
     "vitest": "^1.6.0"
@@ -64,4 +70,4 @@
     "tokens",
     "ui"
   ]
-}
+}

packages/nodes-design-tokens/src/nodes/createBorderToken.ts

@@ -7,12 +7,9 @@ import {
 	ToOutput
 } from '@tokens-studio/graph-engine';
 import { TokenBorderSchema, TokenSchema } from '../schemas/index.js';
+import { TokenTypes } from '@tokens-studio/types';
 import { arrayOf } from '../schemas/utils.js';
-import type {
-	SingleToken,
-	TokenBorderValue,
-	TokenTypes
-} from '@tokens-studio/types';
+import type { SingleToken, TokenBorderValue } from '@tokens-studio/types';
 
 export default class NodeDefinition extends Node {
 	static title = 'Create Border Design Token';

packages/nodes-design-tokens/src/nodes/createBoxShadowToken.ts

@@ -7,12 +7,9 @@ import {
 	ToOutput
 } from '@tokens-studio/graph-engine';
 import { TokenBoxShadowSchema, TokenSchema } from '../schemas/index.js';
+import { TokenTypes } from '@tokens-studio/types';
 import { arrayOf } from '../schemas/utils.js';
-import type {
-	SingleToken,
-	TokenBoxshadowValue,
-	TokenTypes
-} from '@tokens-studio/types';
+import type { SingleToken, TokenBoxshadowValue } from '@tokens-studio/types';
 
 export default class NodeDefinition extends Node {
 	static title = 'Create Box Shadow Design Token';

packages/nodes-design-tokens/tsconfig.json

@@ -1,28 +1,37 @@
 {
-	"ts-node": {
-		"esm": true
-	},
+	"$schema": "https://json.schemastore.org/tsconfig",
+	"include": ["src", "package.json"],
+	"exclude": ["cypress.config.ts", "cypress", "node_modules"],
 	"compilerOptions": {
-		"sourceMap": true,
+		"composite": false,
 		"declaration": true,
 		"declarationMap": true,
-		"noEmit": true,
+		"esModuleInterop": true,
+		"moduleResolution": "NodeNext",
+		"forceConsistentCasingInFileNames": true,
+		"inlineSources": false,
+		"isolatedModules": true,
+		"noUnusedLocals": false,
+		"noUnusedParameters": false,
+		"preserveWatchOutput": true,
+		"preserveSymlinks": true,
+		"skipLibCheck": true,
+		"strict": true,
 		"jsx": "react",
-		"target": "ESNext",
-		"outDir": "./types",
-		"preserveConstEnums": true,
 		"module": "NodeNext",
-		"moduleResolution": "NodeNext",
-		"rootDir": ".",
+		"target": "esnext",
+		"baseUrl": ".",
+		"paths": {
+			"@/*": ["src/*"]
+		},
 		"noImplicitAny": false,
-		"esModuleInterop": true,
+		"rootDir": ".",
 		"experimentalDecorators": true,
+		"lib": ["esnext", "dom", "dom.iterable"],
+		"allowJs": true,
+		"sourceMap": true,
 		"resolveJsonModule": true,
 		"allowSyntheticDefaultImports": true,
-		"forceConsistentCasingInFileNames": true,
-		"types": ["node"],
-		"baseUrl": "."
-	},
-	"include": ["stories/**/*", "src/**/*", "tests/**/*"],
-	"exclude": ["node_modules", "cypress/**"]
+		"outDir": "dist"
+	}
 }

packages/nodes-design-tokens/tsconfig.prod.json

@@ -0,0 +1,28 @@
+{
+	"extends": "./tsconfig.json",
+	"include": ["src"],
+	"compilerOptions": {
+		"incremental": true,
+		"rootDir": "src",
+		"module": "NodeNext",
+		"skipLibCheck": true,
+		"moduleResolution": "NodeNext",
+		"plugins": [
+			{
+				"transform": "typescript-transform-paths"
+			},
+			// Transform paths in output .d.ts files (Include this line if you output declarations files)
+			{
+				"transform": "typescript-transform-paths",
+				"afterDeclarations": true
+			}
+		]
+	},
+	"exclude": [
+		"cypress.config.ts",
+		"cypress",
+		"node_modules",
+		"**/*.stories.tsx",
+		"**/*.cy.tsx"
+	]
+}