feat: add rollup

Author: nousantx

package.json

@@ -9,6 +9,7 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc -b && vite build",
+    "build:config": "rollup -c",
     "lint": "eslint .",
     "preview": "vite preview"
   },
@@ -20,8 +21,12 @@
     "@eslint/js": "^9.17.0",
     "@generouted/react-router": "^1.19.9",
     "@nousantx/tenoxui-styler": "^0.1.22",
+    "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^12.1.2",
     "@types/dompurify": "^3.2.0",
-    "@types/node": "^22.10.2",
+    "@types/node": "^22.10.5",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react": "^4.3.4",
@@ -31,9 +36,11 @@
     "eslint-plugin-react-refresh": "^0.4.16",
     "globals": "^15.14.0",
     "react-router-dom": "^7.1.1",
+    "rollup": "^4.29.1",
     "shiki": "^1.24.4",
     "tenoxui-plugin-utility": "^0.1.2",
-    "typescript": "~5.6.2",
+    "tslib": "^2.8.1",
+    "typescript": "^5.7.2",
     "typescript-eslint": "^8.18.2",
     "vite": "^6.0.5"
   }

rollup.config.js

@@ -0,0 +1,81 @@
+import fs from 'node:fs'
+import path from 'node:path'
+import typescript from '@rollup/plugin-typescript'
+import resolve from '@rollup/plugin-node-resolve'
+import commonjs from '@rollup/plugin-commonjs'
+import terser from '@rollup/plugin-terser'
+
+const packageJson = JSON.parse(fs.readFileSync(path.resolve('package.json'), 'utf-8'))
+const name = '__nsx_styler'
+const banner = `/*!
+ * ${packageJson.name.slice(10)} v${packageJson.version} | ${packageJson.license} License
+ * Copyright (c) 2024-present NOuSantx
+ */`
+// const sourcemap = true //# PROD_TRUE
+
+const config = {
+  input: '.pkg/src/index.ts',
+  output: [
+    {
+      file: '.pkg/dist/index.umd.js',
+      format: 'umd',
+      exports: 'named',
+
+      name,
+      banner
+    },
+    {
+      file: '.pkg/dist/index.umd.min.js',
+      format: 'umd',
+      exports: 'named',
+
+      name,
+      plugins: [
+        terser({
+          format: {
+            comments: false,
+            preamble: banner
+          },
+          mangle: false,
+          mangle: true,
+          compress: {
+            defaults: true,
+            passes: 2
+          }
+        })
+      ]
+    },
+    {
+      file: '.pkg/dist/index.esm.js',
+      format: 'es',
+      banner
+    },
+    {
+      file: '.pkg/dist/index.esm.min.js',
+
+      format: 'es',
+      plugins: [
+        terser({
+          format: {
+            comments: false,
+            preamble: banner
+          },
+          mangle: true,
+          compress: {
+            defaults: true,
+            passes: 2
+          }
+        })
+      ]
+    }
+  ],
+  plugins: [
+    typescript({
+      tsconfig: './tsconfig.rollup.json'
+    }),
+    resolve(),
+    commonjs()
+  ]
+}
+
+export default config

tsconfig.rollup.json

@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "target": "es2017",
+    "module": "esnext",
+    "rootDir": "./",
+    "outDir": ".pkg/dist",
+    "strict": true,
+    "esModuleInterop": true,
+    "noUnusedLocals": true
+  },
+  "include": [".pkg/src", "tenoxui.config.ts"],
+  "exclude": ["node_modules", "dist", ".pkg/dist"]
+}