@asaleh37/ui-base 1.2.11 → 1.2.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asaleh37/ui-base",
-  "version": "1.2.11",
+  "version": "1.2.13",
   "description": "",
   "license": "ISC",
   "author": "Ahmed Saleh Mohamed",
@@ -48,6 +48,7 @@
     "eslint": "^9.19.0",
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.18",
+    "global": "^4.4.0",
     "globals": "^15.14.0",
     "i18next": "^24.2.2",
     "i18next-browser-languagedetector": "^8.0.3",
@@ -99,6 +100,7 @@
     "draft-js": "^0.11.7",
     "draft-js-import-html": "^1.4.1",
     "draftjs-to-html": "^0.9.1",
+    "global": "^4.4.0",
     "i18next": "^24.2.2",
     "i18next-browser-languagedetector": "^8.0.3",
     "i18next-http-backend": "^3.0.2",
@@ -121,6 +123,6 @@
   },
   "dependencies": {
     "@rollup/plugin-json": "^6.1.0",
-    "global": "^4.4.0"
+    "vite-tsconfig-paths": "^5.1.4"
   }
 }

package/src/components/BaseApp.tsx

@@ -19,11 +19,6 @@ library.add(fab);
 library.add(far);
 library.add(fas);
 
-// Polyfill for global in case it's not defined (for browser/Vite compatibility)
-if (typeof global === "undefined") {
-  global = globalThis;
-}
-
 export const BaseApp: React.FC<AppInfo> = (props) => {
   const systemReducers = {
     AppLayout: AppLayoutReducer,

package/src/components/index.ts

@@ -1,3 +1,7 @@
+// Polyfill for global in case it's not defined (for browser/Vite compatibility)
+if (typeof global === "undefined") {
+  global = globalThis;
+}
 export * from "./BaseApp";
 export * from "@mui/material";
 export * from "zod";

package/src/index.ts

@@ -1,3 +1,7 @@
+// Ensure global is defined before anything else loads draft-js
+if (typeof global === 'undefined') {
+  (global as any) = globalThis;
+}
 export * from "./components";
 export * from "./hooks";
 export * from "./util";

package/vite.config.ts

@@ -1,24 +1,34 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
-import rollupNodePolyFill from 'rollup-plugin-polyfill-node';
-
+import rollupNodePolyFill from "rollup-plugin-polyfill-node";
+import tsconfigPaths from "vite-tsconfig-paths";
+import path from "path";
 
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react()],
   define: {
-    global: 'globalThis', // Fix for global
+    global: "globalThis", // Fix for global
   },
   optimizeDeps: {
-    include: ['fbjs'],
+    include: ["fbjs"],
   },
   build: {
+    lib: {
+      entry: path.resolve(__dirname, "src/index.ts"),
+    },
     rollupOptions: {
+      external: ["react", "react-dom"], // 👈 keep react peer
       plugins: [rollupNodePolyFill()],
+      output: {
+        globals: {
+          react: "React",
+          "react-dom": "ReactDOM",
+        },
+      },
     },
   },
   server: {
     port: 3000,
   },
 });
-