Merge branch 'master' into mui-migration-1

Signed-off-by: Amit Amrutiya <amitamrutiya2210@gmail.com>

Author: amitamrutiya

.husky/commit-msg

@@ -1 +0,0 @@
-npx --no -- commitlint --edit $1

README.md

@@ -50,7 +50,7 @@ make build
 If you wish to build in watch mode:
 
 ```
-make watchmode-build
+make build-watch
 ```
 
 To check if your code meets the formatting standards, you can run:
@@ -71,12 +71,55 @@ To run tests:
 make tests
 ```
 
-To attach sistent to your project use:
+#### Using your local Sistent Fork in a Project
+
+1. Install your local Sistent package in the project
 
 ```
 npm install <path-to-sistent-on-local-machine>
 ```
 
+> Example:
+>
+> ```
+> # relative path
+> npm install ../../sistent
+>
+> # absolute path
+> npm install /home/five/code/sistent
+> ```
+
+This will update your Sistent dependency to:
+
+```
+"@layer5/sistent" : "file:../../sistent"
+```
+
+2. Build your local Sistent fork
+
+After making changes to your fork, run this command in your local Sistent package.
+
+```
+make build
+```
+
+3. Run the build command in the project where your local Sistent fork is installed.
+
+```
+# example, Meshery UI
+make ui-build
+```
+
+Now your project should reflect changes from your local Sistent fork.
+
+If you want to remove the local Sistent fork from your project, run:
+
+```
+npm uninstall @layer5/sistent
+```
+
+This will remove the local Sistent package from your project. You will have to install the standard package again after running this command.
+
 > [!NOTE]
 > Avoid using `type any` in your code. Always specify explicit types to ensure type safety and maintainability.
 

examples/next-12/package-lock.json

@@ -18,6 +18,7 @@
     "commitlint": "commitlint --edit",
     "coverage": "jest --coverage",
     "dev": "NODE_ENV=development tsup",
+    "dev:watch": "NODE_ENV=development tsup",
     "format:check": "prettier --check \"**/*.{ts,tsx,md}\" --config ./.prettierrc",
     "format:write": "prettier --write \"**/*.{ts,tsx,md}\" --config ./.prettierrc",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
@@ -103,6 +104,7 @@
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@layer5/meshery-design-embed": "^0.4.0",
+    "@layer5/schemas": "^0.0.6-16",
     "@mui/material": "^6.4.8",
     "@types/mui-datatables": "*",
     "billboard.js": "^3.15.0",
@@ -112,6 +114,7 @@
     "mui-datatables": "*",
     "re-resizable": "^6.11.2",
     "react-draggable": "^4.4.6",
-    "react-share": "^4.1.1"
+    "react-share": "^5.1.0",
+    "use-debounce": "^10.0.4"
   }
 }

package-lock.json

@@ -1,4 +1,5 @@
 import { ThemeProvider } from './src/components/Theme';
 import './src/styles/global.css';
+import React from "react";
 
 export const wrapRootElement = ({ element }) => <ThemeProvider>{element}</ThemeProvider>;