build: monorepo (#43)

Fixes #35 

In the long term, this monorepo structure won't be enough. We'll have to
add some extra automations, but for now it's good to go, as it allows us
to unblock many other tasks!! 🎉 🚀

Author: castarco

.github/workflows/tests.yml

@@ -33,14 +33,34 @@ jobs:
       with:
         node-version: ${{ matrix.node-version }}
         cache: 'pnpm'
-    - name: Install dependencies
-      run: pnpm install
-    - name: Run Linters
+
+    # @beautiful-tree/types
+    - name: (Types) Install dependencies
+      run: pnpm --filter types install
+    - name: (Types) Build Library
+      run: pnpm --filter types run build
+    - name: (Types) Run Linters
+      if: ${{ matrix.os == 'ubuntu-22.04' }}
+      run: pnpm --filter types run lint
+
+    # @beautiful-tree/algorithms
+    - name: (Algorithms) Install dependencies
+      run: pnpm --filter algorithms install
+    - name: (Algorithms) Build Library
+      run: pnpm --filter algorithms run build
+    - name: (Algorithms) Run Linters
+      if: ${{ matrix.os == 'ubuntu-22.04' }}
+      run: pnpm --filter algorithms run lint
+    - name: (Algorithms) Run Tests
+      run: pnpm --filter algorithms run test:coverage
+
+    # @beautiful-tree/react
+    - name: (React SVG) Install dependencies
+      run: pnpm --filter react install
+    - name: (React SVG) Build Library
+      run: pnpm --filter react run build
+    - name: (React SVG) Run Linters
       if: ${{ matrix.os == 'ubuntu-22.04' }}
-      run: pnpm lint
-    - name: Build Library
-      run: pnpm build
-    - name: Run Tests
-      run: pnpm test:coverage
-    - name: Publint
-      run: pnpm publint --strict
+      run: pnpm --filter react run lint
+    - name: (React SVG) Run Tests
+      run: pnpm --filter react run test:coverage

.hooks/pre-commit

@@ -3,5 +3,4 @@
 set -eu
 set -o pipefail
 
-pnpm run lint
-pnpm publint
+pnpm run -r lint

.hooks/pre-push

@@ -3,6 +3,5 @@
 set -eu
 set -o pipefail
 
-pnpm run lint
-pnpm publint
-pnpm test:coverage
+pnpm run -r lint
+pnpm run -r test:coverage

@beautiful-tree/algorithms/.eslintrc.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+module.exports = {
+	root: true,
+	env: {
+		es2020: true,
+	},
+	parser: '@typescript-eslint/parser',
+	parserOptions: {
+		ecmaVersion: 2020,
+		sourceType: 'module',
+		tsConfigRootDir: __dirname,
+		project: ['./tsconfig.json'],
+	},
+	extends: [
+		'@coderspirit',
+	],
+	ignorePatterns: [
+		'.eslintrc.cjs',
+		'dist/**/*',
+		'node_modules/**/*',
+	]
+}

.prettierrc.mjs renamed to @beautiful-tree/algorithms/.prettierrc.mjs

@@ -0,0 +1,25 @@
+# Beautiful-Tree Algorithms
+
+## Other members of the family
+
+This is the "core" of the BeautifulTree library. If you are looking for
+for integration with other technologies such as React or Vue, check the
+[main README.md](https://github.com/Coder-Spirit/beautiful-tree?tab=readme-ov-file#beautiful-tree)
+file of the project's repository.
+
+## Install
+
+```bash
+# With NPM
+npm install @beautiful-tree/algorithms
+
+# With Yarn
+yarn add @beautiful-tree/algorithms
+
+# With PNPM
+pnpm add @beautiful-tree/algorithms
+```
+
+## Basic Usage
+
+TODO: Document algorithms library

@beautiful-tree/algorithms/README.md

@@ -0,0 +1,69 @@
+{
+  "name": "@beautiful-tree/algorithms",
+  "version": "0.2.0",
+  "private": false,
+  "author": "Andres Correa Casablanca <castarco@coderspirit.xyz>",
+  "license": "MIT",
+  "main": "./dist/main.big.cjs",
+  "module": "./dist/main.big.mjs",
+  "types": "./dist/main.d.cts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/main.d.mts",
+        "default": "./dist/main.big.mjs"
+      },
+      "require": {
+        "types": "./dist/main.d.cts",
+        "default": "./dist/main.big.cjs"
+      },
+      "browser": "./dist/main.big.iife.js",
+      "default": "./dist/main.big.umd.js"
+    },
+    "./min": {
+      "import": {
+        "types": "./dist/main.d.mts",
+        "default": "./dist/main.min.mjs"
+      },
+      "require": {
+        "types": "./dist/main.d.cts",
+        "default": "./dist/main.min.cjs"
+      },
+      "browser": "./dist/main.min.iife.js",
+      "default": "./dist/main.min.umd.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rm -rf dist && rollup --config rollup.config.prod.mjs",
+    "build-storybook": "storybook build",
+    "lint": "tsc && eslint . --ext ts,mts,tsx --report-unused-disable-directives --max-warnings 0 && publint",
+    "lint:eslint": "eslint . --ext ts,mts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint:publint": "publint",
+    "lint:tsc": "tsc",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "test:watch": "vitest",
+    "prepublishOnly": "pnpm run build"
+  },
+  "devDependencies": {
+    "@arethetypeswrong/cli": "^0.10.2",
+    "@beautiful-tree/types": "workspace:0.2.0",
+    "@coderspirit/eslint-config": "^1.2.1",
+    "@rollup/plugin-terser": "^0.4.3",
+    "@rollup/plugin-typescript": "^11.1.3",
+    "@types/node": "^20.6.1",
+    "@typescript-eslint/parser": "^6.7.0",
+    "@vitest/coverage-v8": "^0.34.4",
+    "eslint": "^8.49.0",
+    "prettier": "^3.0.3",
+    "publint": "^0.2.2",
+    "rollup": "^3.29.1",
+    "rollup-plugin-dts": "^5.3.1",
+    "tslib": "^2.6.2",
+    "typescript": "^5.2.2",
+    "vitest": "^0.34.4"
+  }
+}

@beautiful-tree/algorithms/package.json

@@ -0,0 +1,74 @@
+import { defineConfig } from 'rollup'
+import dts from 'rollup-plugin-dts'
+import pluginTs from '@rollup/plugin-typescript'
+import terser from '@rollup/plugin-terser'
+
+const name = 'BeautifulTreeAlgos'
+const input = 'src/main.ts'
+
+export default defineConfig([
+	{
+		input,
+		output: [
+			{
+				file: 'dist/main.big.cjs',
+				format: 'cjs',
+				sourcemap: true,
+			},
+			{
+				file: 'dist/main.big.mjs',
+				format: 'es',
+				sourcemap: true,
+			},
+			{
+				name,
+				file: 'dist/main.big.iife.js',
+				format: 'iife',
+				sourcemap: true,
+			},
+			{
+				name,
+				file: 'dist/main.big.umd.js',
+				format: 'umd',
+				sourcemap: true,
+			},
+		],
+		plugins: [pluginTs()],
+	},
+	{
+		input,
+		output: [
+			{
+				file: 'dist/main.min.cjs',
+				format: 'cjs',
+				sourcemap: true,
+			},
+			{
+				file: 'dist/main.min.mjs',
+				format: 'es',
+				sourcemap: true,
+			},
+			{
+				name,
+				file: 'dist/main.min.iife.js',
+				format: 'iife',
+				sourcemap: true,
+			},
+			{
+				name,
+				file: 'dist/main.min.umd.js',
+				format: 'umd',
+				sourcemap: true,
+			},
+		],
+		plugins: [pluginTs(), terser()],
+	},
+	{
+		input,
+		output: [
+			{ format: 'cjs', file: 'dist/main.d.cts' },
+			{ format: 'es', file: 'dist/main.d.mts' },
+		],
+		plugins: [dts({ respectExternal: true })],
+	},
+])

@beautiful-tree/algorithms/rollup.config.prod.mjs

@@ -1,4 +1,4 @@
-import type { Tree, TreeChild, TreeWithLayout } from './types'
+import type { Tree, TreeChild, TreeWithLayout } from '@beautiful-tree/types'
 
 export interface WrappedTreeWithLayout {
 	readonly tree: Readonly<TreeWithLayout>

src/layouts.ts renamed to @beautiful-tree/algorithms/src/layouts.ts

@@ -0,0 +1,3 @@
+export type { WrappedTreeWithLayout } from './layouts'
+export { computeNaiveLayout, computeSmartLayout } from './layouts'
+export { edgesIterator, postOrderIterator } from './traversal'

@beautiful-tree/algorithms/src/main.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { edgesIterator, postOrderIterator } from '../traversal'
-import type { TreeWithLayout } from '../types'
+import type { TreeWithLayout } from '@beautiful-tree/types'
 
 describe('postOrderIterator', () => {
 	const testTree = {

src/tests/layouts.test.ts renamed to @beautiful-tree/algorithms/src/tests/layouts.test.ts

@@ -1,4 +1,4 @@
-import type { Edge, Tree, TreeWithLayout } from './types'
+import type { Edge, Tree, TreeWithLayout } from '@beautiful-tree/types'
 
 export function* postOrderIterator<T extends Tree | TreeWithLayout = Tree>(
 	tree: Readonly<T>,

src/tests/traversal.test.ts renamed to @beautiful-tree/algorithms/src/tests/traversal.test.ts

@@ -0,0 +1,11 @@
+{
+	"extends": "../../tsconfig.json",
+	"compilerOptions": {
+		"baseUrl": "./src",
+	},
+	"exclude": [
+		"coverage/**/*",
+		"dist/**/*",
+		"node_modules/**/*",
+	]
+}

src/traversal.ts renamed to @beautiful-tree/algorithms/src/traversal.ts

@@ -0,0 +1,17 @@
+// eslint-disable-next-line import/no-unresolved
+import { defineConfig } from 'vitest/config'
+
+export default defineConfig({
+	test: {
+		coverage: {
+			provider: 'v8',
+			include: ['src/*.ts'],
+			exclude: ['src/**/*.test.ts'],
+			// thresholdAutoUpdate: true,
+			branches: 93.54,
+			lines: 93.4,
+			functions: 90.9,
+			statements: 93.4,
+		},
+	},
+})

@beautiful-tree/algorithms/tsconfig.json

@@ -8,11 +8,11 @@ module.exports = {
 	},
 	parser: '@typescript-eslint/parser',
 	parserOptions: {
-    ecmaVersion: 2020,
+		ecmaVersion: 2020,
 		sourceType: 'module',
-    tsConfigRootDir: __dirname,
-    project: ['./tsconfig.json'],
-  },
+		tsConfigRootDir: __dirname,
+		project: ['./tsconfig.json'],
+	},
 	plugins: [
 		'react-refresh',
 	],
@@ -24,10 +24,10 @@ module.exports = {
 		'plugin:storybook/recommended',
 	],
 	settings: {
-    react: {
-      version: 'detect'
-    },
-  },
+		react: {
+			version: 'detect'
+		},
+	},
 	ignorePatterns: [
 		'.eslintrc.cjs',
 		'dist/**/*',

@beautiful-tree/algorithms/vitest.config.mts

@@ -0,0 +1,3 @@
+import config from '@coderspirit/eslint-config/prettier'
+
+export default config