@asaleh37/ui-base 1.2.11 → 1.2.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asaleh37/ui-base",
-  "version": "1.2.11",
+  "version": "1.2.12",
   "description": "",
   "license": "ISC",
   "author": "Ahmed Saleh Mohamed",
@@ -73,7 +73,8 @@
     "typescript": "~5.7.2",
     "typescript-eslint": "^8.22.0",
     "vite": "^6.1.0",
-    "zod": "^3.24.2"
+    "zod": "^3.24.2",
+    "global": "^4.4.0"
   },
   "peerDependencies": {
     "@emotion/cache": "^11.14.0",
@@ -117,10 +118,10 @@
     "rollup-plugin-postcss": "^4.0.2",
     "stylis": "^4.3.6",
     "stylis-plugin-rtl": "^2.1.1",
-    "zod": "^3.24.2"
+    "zod": "^3.24.2",
+    "global": "^4.4.0"
   },
   "dependencies": {
-    "@rollup/plugin-json": "^6.1.0",
-    "global": "^4.4.0"
+    "@rollup/plugin-json": "^6.1.0"
   }
 }

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,4 @@
+import { Editor } from "draft-js";
 export * from "./components";
 export * from "./hooks";
 export * from "./util";

package/vite.config.ts

@@ -1,19 +1,19 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
-import rollupNodePolyFill from 'rollup-plugin-polyfill-node';
-
+import rollupNodePolyFill from "rollup-plugin-polyfill-node";
 
 // 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: {
     rollupOptions: {
+      external: ["react", "react-dom"], // 👈 keep react peer
       plugins: [rollupNodePolyFill()],
     },
   },
@@ -21,4 +21,3 @@ export default defineConfig({
     port: 3000,
   },
 });
-