refactor(documentation-ui): expose styles in package.json exports

.changeset/red-peaches-lie.md

@@ -0,0 +1,6 @@
+---
+"@nodesecure/documentation-ui": major
+"@nodesecure/cli": minor
+---
+
+Expose documentation-ui styles from package.json exports and use it in CLI to import .css with an URL. This also simplify the esbuild setup.

workspaces/cli/esbuild.common.ts

@@ -4,9 +4,6 @@ import fs from "node:fs/promises";
 
 // Import Third-party Dependencies
 import esbuild from "esbuild";
-import {
-  getBuildConfiguration
-} from "@nodesecure/documentation-ui/node";
 
 // CONSTANTS
 export const PUBLIC_DIR = path.join(import.meta.dirname, "public");
@@ -17,8 +14,7 @@ export function getSharedBuildOptions(): esbuild.BuildOptions {
   return {
     entryPoints: [
       path.join(PUBLIC_DIR, "main.js"),
-      path.join(PUBLIC_DIR, "main.css"),
-      ...getBuildConfiguration().entryPoints
+      path.join(PUBLIC_DIR, "main.css")
     ],
     loader: {
       ".jpg": "file",

workspaces/cli/public/main.css

@@ -2,6 +2,7 @@
 @import url("./css/light.css");
 @import url("./css/animation.css");
 @import url("highlight.js/styles/github.css");
+@import url("@nodesecure/documentation-ui/styles/main.css");
 @import url("./font/fontello/fontello.css");
 @import url("./font/roboto/roboto.css");
 @import url("./font/mononoki/mononoki.css");

workspaces/cli/views/index.html

@@ -6,11 +6,10 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <meta http-equiv="X-UA-Compatible" content="ie=edge" />
 
-<link rel="stylesheet" href="cli/public/main.css" />
-<link rel="stylesheet" href="documentation-ui/dist/css/main.css" />
+<link rel="stylesheet" href="main.css" />
 <script>window.__WS_PORT__ = Number("[[=z.wsPort]]");</script>
 <script src="https://cdn.socket.io/4.7.5/socket.io.min.js"></script>
-<script src="cli/public/main.js" defer></script>
+<script src="main.js" defer></script>
 <title>NodeSecure</title>
 
 <div id="lang" data-lang="[[=z.i18nLangName]]" style="display: none;"></div>

workspaces/documentation-ui/package.json

@@ -27,10 +27,7 @@
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
-    "./node": {
-      "types": "./dist/nodejs/esm.d.ts",
-      "default": "./dist/nodejs/esm.js"
-    }
+    "./styles/*": "./dist/css/*"
   },
   "keywords": [
     "nodesecure",