@dev_bachani/math-editor 0.0.1

package/dist/types/index.d.ts

@@ -0,0 +1,116 @@
+/**
+ * Core type definitions for Mathex
+ */
+/**
+ * Configuration for a single keyboard button
+ */
+export interface ButtonConfig {
+    /** Text/symbol displayed on the button */
+    display: string;
+    /** LaTeX string to insert when button is clicked */
+    latex: string;
+    /** Type of button for styling purposes */
+    type: 'symbol' | 'number' | 'operator' | 'function' | 'action' | 'letter' | 'variable';
+    /** Button style (background color variant) */
+    style?: 'white' | 'gray-light' | 'gray-medium' | 'gray-dark' | 'blue';
+    /** Button size variant */
+    size?: 'standard' | 'wide' | 'extra-wide';
+    /** Optional tooltip description */
+    description?: string;
+    /** Optional dual-character configuration for shift-toggle buttons */
+    dualChar?: {
+        /** Primary character (shown clear when shift is OFF) */
+        primary: string;
+        /** Primary LaTeX to insert when shift is OFF */
+        primaryLatex: string;
+        /** Secondary character (shown clear when shift is ON) */
+        secondary: string;
+        /** Secondary LaTeX to insert when shift is ON */
+        secondaryLatex: string;
+    };
+}
+/**
+ * Configuration for a function category in the functions panel
+ */
+export interface FunctionCategory {
+    /** Unique identifier for the category */
+    id: string;
+    /** Display name for the category header */
+    name: string;
+    /** List of functions in this category */
+    functions: FunctionConfig[];
+}
+/**
+ * Configuration for a single function button
+ */
+export interface FunctionConfig {
+    /** Label displayed on the function button */
+    display: string;
+    /** LaTeX string to insert when function is selected */
+    latex: string;
+    /** Optional tooltip description */
+    description?: string;
+}
+/**
+ * Keyboard mode configuration
+ */
+export interface KeyboardMode {
+    /** Unique identifier for the mode */
+    id: string;
+    /** Display name for the mode */
+    name: string;
+    /** 2D array of button configurations (rows and columns) */
+    buttons: ButtonConfig[][];
+    /** IDs of function categories to include in this mode */
+    functionCategories: string[];
+}
+/**
+ * Theme configuration for styling
+ */
+export interface ThemeConfig {
+    colors?: {
+        primary?: string;
+        background?: string;
+        text?: string;
+        border?: string;
+        buttonHover?: string;
+        error?: string;
+    };
+    sizing?: {
+        fontSize?: string;
+        buttonWidth?: string;
+        buttonHeight?: string;
+    };
+    spacing?: {
+        buttonGap?: string;
+        sectionGap?: string;
+    };
+}
+/**
+ * Cursor state within a math input
+ */
+export interface CursorState {
+    /** Character index in the LaTeX string */
+    position: number;
+    /** Optional selection range */
+    selection?: {
+        start: number;
+        end: number;
+    };
+}
+/**
+ * Internal state for a single MathInput component
+ */
+export interface MathInputState {
+    /** Unique identifier for this input */
+    id: string;
+    /** Current LaTeX string */
+    latex: string;
+    /** Cursor state */
+    cursor: CursorState;
+    /** Whether this input is focused */
+    focused: boolean;
+    /** Any rendering error */
+    error: Error | null;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "@dev_bachani/math-editor",
+  "version": "0.0.1",
+  "description": "A Desmos-like math equation editor component library for React",
+  "type": "module",
+  "main": "./dist/mathex.cjs",
+  "module": "./dist/mathex.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/mathex.js",
+      "require": "./dist/mathex.cjs"
+    },
+    "./dist/style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "math",
+    "equation",
+    "editor",
+    "react",
+    "latex",
+    "katex",
+    "desmos",
+    "wysiwyg",
+    "educational"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Dev22603/Mathex.git"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "build:lib": "tsc -b && vite build --config vite.config.lib.ts",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier --write \"src/**/*.{ts,tsx,css}\"",
+    "preview": "vite preview",
+    "typecheck": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "jquery": "^3.7.1",
+    "katex": "^0.16.11",
+    "mathquill": "^0.10.1-a"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.1",
+    "@types/katex": "^0.16.7",
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.5",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
+    "prettier": "^3.4.2",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.46.4",
+    "vite": "^7.2.4",
+    "vite-plugin-dts": "^4.5.0"
+  }
+}