fix: add README to jdm-editor package

packages/jdm-editor/README.md

@@ -0,0 +1,128 @@
+## JDM Editor
+
+JDM Editor is an open-source React component for crafting and designing JDM (JSON Decision model) files.
+Whether you’re a developer, data analyst, or decision model expert, JDM Editor can help you harness the full potential of decision modeling, making it more accessible and manageable than ever before
+
+<img width="945" alt="Rules Engine Editor" src="https://gorules.io/images/jdm-editor.gif">
+
+> A JDM Editor
+> Live demo and usage at https://gorules.github.io/jdm-editor/
+
+## Installation
+
+```bash
+npm i @gorules/jdm-editor
+```
+
+## Usage
+
+```typescript
+...
+import '@gorules/jdm-editor/dist/style.css';
+import { DecisionGraph, JdmConfigProvider } from '@gorules/jdm-editor';
+...
+
+<JdmConfigProvider>
+  <DecisionGraph
+    value={graph}
+    onChange={(val) => setGraph(val as any)}
+  />
+</JdmConfigProvider>
+```
+
+## Decision Graph
+
+<img width="945" alt="Decision Graph" src="https://gorules.io/images/decision-graph.png">
+
+```typescript
+export type DecisionGraphProps = {
+  id?: string;
+  forwardedRef?: (instance: DecisionGraphRef) => void;
+  defaultValue?: DecisionGraphType;
+  value?: DecisionGraphType;
+  disabled?: boolean;
+  configurable?: boolean;
+  components?: CustomNodeType[];
+  onChange?: (val: DecisionGraphType) => void;
+  manager?: DragDropManager;
+  reactFlowProOptions?: ProOptions;
+  defaultOpenMenu?: boolean;
+  onReactFlowInit?: () => void;
+  onSimulatorOpen?: (opened: boolean) => void;
+  onSimulationRun?: ({ context: any, decisionGraph: DecisionGraphType }) => Promise<Trace>;
+};
+```
+
+## Decision Table
+
+<img width="945" alt="Decision Table" src="https://gorules.io/images/decision-table.png">
+
+### API
+
+```typescript
+export type DecisionTableProps = {
+  id?: string;
+  defaultValue?: DecisionTableType;
+  value?: DecisionTableType;
+  onChange?: (decisionTable: DecisionTableType) => void;
+  activeRules?: string[];
+  configurable?: boolean;
+  disabled?: boolean;
+  disableHitPolicy?: boolean;
+  minColWidth?: number;
+  colWidth?: number;
+  inputsSchema?: SchemaSelectProps[];
+  outputsSchema?: SchemaSelectProps[];
+  cellRenderer?: (props: CellProps) => JSX.Element | null | undefined;
+};
+```
+
+## Self-hosting Monaco Editor
+
+To self-host monaco editor in Vite.
+
+```ts
+import type { Monaco } from '@monaco-editor/react';
+import { loader } from '@monaco-editor/react';
+import * as monaco from 'monaco-editor';
+import editorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker';
+import cssWorker from 'monaco-editor/esm/vs/language/css/css.worker?worker';
+import htmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker';
+import jsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker';
+import tsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker';
+
+declare global {
+  interface Window {
+    monaco?: Monaco;
+  }
+}
+
+self.monaco = monaco;
+
+self.MonacoEnvironment = {
+  getWorker(workerId: string, label: string): Promise<Worker> | Worker {
+    if (label === 'json') {
+      return new jsonWorker();
+    }
+    if (label === 'css' || label === 'scss' || label === 'less') {
+      return new cssWorker();
+    }
+    if (label === 'html' || label === 'handlebars' || label === 'razor') {
+      return new htmlWorker();
+    }
+    if (label === 'typescript' || label === 'javascript') {
+      return new tsWorker();
+    }
+
+    return new editorWorker();
+  },
+};
+
+loader.config({ monaco });
+```
+
+For webpack and other configurations, you may require some additional loaders, such as https://www.npmjs.com/package/monaco-editor-webpack-plugin.
+
+## License
+
+MIT © [GoRules](https://github.com/gorules/jdm-editor/LICENSE)