Allow components to be imported & migrate to unbuild (#21)

* Reorganize component system

Small improvements to the component system:
- Components in their own file
- Renamed `content` to `body` for clarity
- Moved generation logic to `tracker.ts` file

* Fix Vitepress example not ignoring Spanish files

* Fix dashboard generation by removing `null` usage

* Improve TypeScript bundling

* Move package building to `unbuild`

* Create calm-pumas-rhyme.md

.changeset/calm-pumas-rhyme.md

@@ -0,0 +1,5 @@
+---
+"@lunariajs/core": patch
+---
+
+Allow components to be imported

package.json

@@ -3,8 +3,7 @@
   "private": true,
   "version": "1.0.0",
   "scripts": {
-    "dev:docs": "pnpm --filter lunaria-docs dev",
-    "dev:core": "pnpm --filter @lunariajs/core dev",
+    "docs": "pnpm --filter lunaria-docs dev",
     "build": "pnpm run build:core",
     "build:core": "pnpm --filter @lunariajs/core build",
     "lint": "pnpm run lint:core",

packages/core/build.config.ts

@@ -0,0 +1,14 @@
+import { defineBuildConfig } from 'unbuild';
+
+export default defineBuildConfig({
+	clean: true,
+	declaration: true,
+	sourcemap: true,
+	rollup: {
+		emitCJS: true,
+		inlineDependencies: true,
+		esbuild: {
+			minify: true,
+		},
+	},
+});

packages/core/package.json

@@ -3,8 +3,8 @@
   "type": "module",
   "version": "0.0.0",
   "description": "Translation management system for open-source projects",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
@@ -13,8 +13,18 @@
         "default": "./dist/index.cjs"
       },
       "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      }
+    },
+    "./components": {
+      "require": {
+        "types": "./dist/dashboard/components.d.cts",
+        "default": "./dist/dashboard/components.cjs"
+      },
+      "import": {
+        "types": "./dist/dashboard/components.d.mts",
+        "default": "./dist/dashboard/components.mjs"
       }
     }
   },
@@ -37,15 +47,14 @@
   },
   "bugs": "https://github.com/Yan-Thomas/lunaria/issues",
   "scripts": {
-    "build": "tsup src/index.ts --format esm,cjs --dts",
-    "dev": "tsup src/index.ts --watch",
+    "build": "unbuild",
     "lint": "tsc"
   },
   "devDependencies": {
     "@types/micromatch": "^4.0.3",
     "@types/node": "^20.8.9",
-    "tsup": "^7.2.0",
-    "typescript": "^5.2.2"
+    "typescript": "^5.2.2",
+    "unbuild": "^2.0.0"
   },
   "dependencies": {
     "fast-glob": "^3.3.1",

packages/core/src/dashboard/components.ts

@@ -1,5 +1,5 @@
 import { html } from 'lit-html';
-import {
+import type {
 	Dashboard,
 	FileTranslationStatus,
 	Locale,

packages/core/src/index.ts

@@ -1,5 +1,5 @@
 import run from './tracker';
-import { LunariaConfigSchema, LunariaUserConfig } from './utils/config';
+import { LunariaConfigSchema, type LunariaUserConfig } from './utils/config';
 import { handleShallowRepo } from './utils/git';
 
 export { html } from 'lit-html';

packages/core/src/tracker.ts

@@ -4,9 +4,9 @@ import micromatch from 'micromatch';
 import { dirname, extname, join, resolve } from 'path';
 import { rehype } from 'rehype';
 import rehypeFormat from 'rehype-format';
-import { DefaultLogFields, ListLogLine } from 'simple-git';
+import type { DefaultLogFields, ListLogLine } from 'simple-git';
 import { Page } from './dashboard/components';
-import {
+import type {
 	AugmentedFileData,
 	DictionaryObject,
 	FileContentIndex,
@@ -16,7 +16,7 @@ import {
 	LunariaConfig,
 	RegExpGroups,
 } from './types';
-import { SharedPathResolver } from './utils/config';
+import type { SharedPathResolver } from './utils/config';
 import { getGitHostingUrl, getPageHistory } from './utils/git';
 import {
 	getFrontmatterFromFile,

packages/core/src/types.ts

@@ -1,7 +1,7 @@
-import { TemplateResult } from 'lit-html';
-import { LunariaConfig } from './utils/config';
+import type { TemplateResult } from 'lit-html';
+import type { LunariaConfig } from './utils/config';
 
-export { Dashboard, Locale, LunariaConfig, SharedPathResolver } from './utils/config';
+export type { Dashboard, Locale, LunariaConfig, SharedPathResolver } from './utils/config';
 
 export type AugmentedFileData = FileData & AdditionalContentData;
 

packages/core/src/utils/config.ts

@@ -1,5 +1,5 @@
 import { z } from 'zod';
-import { CustomComponent, CustomStatusComponent } from '../types';
+import type { CustomComponent, CustomStatusComponent } from '../types';
 
 function createComponentSchema<ComponentType extends CustomComponent | CustomStatusComponent>() {
 	return z.custom<ComponentType>((val) => {

packages/core/src/utils/git.ts

@@ -2,8 +2,8 @@ import fs from 'fs';
 import os from 'os';
 import { join, resolve } from 'path';
 import { simpleGit } from 'simple-git';
-import { GitHostingUrl } from '../types';
-import { LunariaConfig } from './config';
+import type { GitHostingUrl } from '../types';
+import type { LunariaConfig } from './config';
 
 const git = simpleGit({
 	maxConcurrentProcesses: Math.max(2, Math.min(32, os.cpus().length)),