Merge pull request #5 from aldabil21/package-update

Library mode build config

Author: vespasianvs

.github/workflows/publish.yml

@@ -19,7 +19,7 @@ jobs:
         run: npm install
 
       - name: Pack
-        run: npm run pack
+        run: npm run build
 
       - name: Publish
         run: |

package.json

@@ -8,10 +8,9 @@
   "type": "module",
   "scripts": {
     "start": "vite serve",
-    "build": "vite build",
-    "pack": "rm -rf dist && npm run build && npm run post:pack",
-    "local:pack": "npm run pack && cd dist && npm pack && mv *.tgz ../",
-    "post:pack": "node ./scripts/post-pack.js",
+    "build": "vite build --mode production",
+    "postbuild": "node ./scripts/post-pack.js",
+    "local:pack": "npm run build && cd dist && npm pack && mv *.tgz ../",
     "format": "prettier --check \"**/*.{js,jsx,ts,tsx,json}\"",
     "format:write": "prettier --write \"**/*.{js,jsx,ts,tsx,json}\"",
     "lint": "npm run types && eslint .",
@@ -23,6 +22,15 @@
     "test:watch": "jest --watch",
     "test:ci": "jest --ci"
   },
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.umd.cjs"
+    },
+    "./types": {
+      "import": "./dist/types.d.ts"
+    }
+  },
   "lint-staged": {
     "**/*.{ts,js,tsx,jsx}": [
       "npm run lint"
@@ -88,7 +96,9 @@
     "typescript-eslint": "^8.24.1",
     "vite": "^6.1.1",
     "vite-plugin-checker": "^0.9.0",
-    "vite-plugin-svgr": "^4.3.0"
+    "vite-plugin-dts": "^4.5.0",
+    "vite-plugin-svgr": "^4.3.0",
+    "vite-tsconfig-paths": "^5.1.4"
   },
   "peerDependencies": {
     "@mui/icons-material": ">=6.0.0",

scripts/post-pack.js

@@ -1,5 +1,5 @@
-const fs = require("fs");
-const path = require("path");
+import fs from "node:fs";
+import path from "node:path";
 
 const init = async () => {
   try {
@@ -10,18 +10,22 @@ const init = async () => {
     }
 
     // clean up package.json on the fly
-    const package = await fs.promises.readFile(path.join(base, "package.json"), {
+    const pkg = await fs.promises.readFile(path.join(base, "package.json"), {
       encoding: "utf-8",
     });
-    const obj = JSON.parse(package);
+    const obj = JSON.parse(pkg);
     delete obj.scripts;
     delete obj.devDependencies;
     delete obj["lint-staged"];
     obj.homepage = "https://github.com/aldabil21/react-scheduler#readme";
 
-    await fs.promises.writeFile(path.join(base, "dist", "package.json"), JSON.stringify(obj), {
-      encoding: "utf-8",
-    });
+    await fs.promises.writeFile(
+      path.join(base, "dist", "package.json"),
+      JSON.stringify(obj, null, 2),
+      {
+        encoding: "utf-8",
+      }
+    );
   } catch (error) {
     throw error;
   }

vite.config.js

@@ -1,22 +1,50 @@
+import { dirname, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
-import svgrPlugin from "vite-plugin-svgr";
-import { checker } from "vite-plugin-checker";
+import dts from "vite-plugin-dts";
+import tsconfigPaths from "vite-tsconfig-paths";
+import { peerDependencies } from "./package.json";
 
-export default defineConfig({
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+export default defineConfig((props) => ({
   plugins: [
     react(),
-    svgrPlugin(),
-    checker({
-      // e.g. use TypeScript check
-      typescript: true,
+    tsconfigPaths({
+      configNames: ["tsconfig.json"],
     }),
+    dts({ rollupTypes: true, tsconfigPath: "./tsconfig.build.json" }),
   ],
   server: {
     port: 3000,
     host: true,
   },
+  preview: {
+    port: 3000,
+  },
+  build: {
+    lib: {
+      entry: {
+        index: resolve(__dirname, "src/lib/index.tsx"),
+      },
+      name: "Scheduler",
+      formats: ["es"],
+    },
+    rollupOptions: {
+      external: (path) => {
+        const nodeModules = path.includes("node_modules");
+        const isPeer = Object.keys(peerDependencies).some((dep) => path.startsWith(dep));
+        const isExternal = nodeModules || isPeer;
+        return isExternal;
+      },
+      output: {
+        globals: (path) => path,
+      },
+    },
+    copyPublicDir: false,
+  },
   resolve: {
     extensions: [".js", ".ts", ".tsx", ".jsx"],
   },
-});
+}));