Feat/v2 react

.claude/settings.local.json

@@ -0,0 +1,19 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(npm run dev:*)",
+      "Bash(/usr/bin/npm run dev)",
+      "Bash(/Users/pyramation/.n/bin/npm run dev)",
+      "Bash(pnpm run:*)",
+      "Bash(npx next:*)",
+      "Bash(npx tsc:*)",
+      "Bash(rm:*)",
+      "Bash(pnpm:*)",
+      "Bash(ls:*)",
+      "Bash(lerna list:*)",
+      "Bash(npx lerna list:*)",
+      "Bash(find:*)"
+    ],
+    "deny": []
+  }
+}

.github/workflows/run-tests.yaml

@@ -0,0 +1,33 @@
+name: LaTeX2JS tests
+on:
+  push:
+  workflow_dispatch:
+
+jobs:
+  container-job:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - uses: pnpm/action-setup@v4
+        name: Install pnpm
+        with:
+          version: 10
+          run_install: false
+
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Build packages
+        run: pnpm build
+
+      - name: Run tests for latex2js
+        run: cd ./packages/latex2js && pnpm test

.gitignore

@@ -6,3 +6,4 @@ coverage
 packages/**/build
 packages/**/main
 packages/**/module
+packages/**/dist

.vscode/settings.json

@@ -1,16 +1,16 @@
 {
-  "editor.formatOnSave": true,
-  "[javascriptreact]": {
-      "editor.formatOnSave": false
-  },
-  "[javascript]": {
-      "editor.formatOnSave": false
-  },
-  "editor.codeActionsOnSave": {
-      "source.fixAll.eslint": true
-  },
-  "eslint.validate": [
-      "javascript",
-      "javascriptreact"
-  ]
-}
+    "editor.formatOnSave": true,
+    "[javascriptreact]": {
+        "editor.formatOnSave": false
+    },
+    "[javascript]": {
+        "editor.formatOnSave": false
+    },
+    "editor.codeActionsOnSave": {
+        "source.fixAll.eslint": "explicit"
+    },
+    "eslint.validate": [
+        "javascript",
+        "javascriptreact"
+    ]
+}

PUBLISHING.md

@@ -0,0 +1,7 @@
+## publishing
+
+```sh
+pnpm dlx lerna version patch
+pnpm build
+pnpm -r publish
+```

README.md

@@ -1,5 +1,7 @@
 # LaTeX2JS
 
+![LaTeX2JS](https://latex2js.com/assets/images/photo.png)
+
 Author interactive math equations and diagrams online using LaTeX and PSTricks
 
 Author real LaTeX+PSTricks in React, Vue.js, or pure HTML5.
@@ -14,16 +16,43 @@ npm install latex2react
 
 [Example Diagrams](https://latex2js.com/examples)
 
-[Github Examples](https://github.com/pyramation/LaTeX2JS/tree/master/examples)
+[Github Examples](https://github.com/Mathapedia/LaTeX2JS/tree/master/examples)
 
 [Installation](https://latex2js.com/installation)
 
 [Original Video](http://www.youtube.com/watch?v=QYMLMUKJyFc)
 
-The loose structure and nature of user interface design poses a problem for documenting science and related interfaces in a consistent manner. TeX provides us with some "laws" to obey in order to design the output of a text and graphical language around. Hence, we can attempt to create a synthesis of a structured user interface specification (TeX) and a structured functional specification (HTML5) to provide a publishing platform for the current and next generation.
+## Packages
 
-The Art is where we can blend these two standards bodies; higher levels of abstraction allow people to express their ideas without having to worry about the mechanisms by which the technology is rendering their works. It is in these environments when people can express themselves freely.
+These are the relevant packages for usage:
 
-![LaTeX2JS](https://latex2js.com/assets/images/photo.png)
+| Package | Description | Documentation |
+|---------|-------------|---------------|
+| [latex2js](packages/latex2js) | Core LaTeX parsing and rendering engine with environment support | [README](packages/latex2js/README.md) |
+| [latex2html5](packages/html5) | Pure HTML5 implementation with automatic discovery and bundled JavaScript distribution | [README](packages/html5/README.md) |
+| [latex2react](packages/react) | React components for LaTeX rendering with interactive graphics and mathematical notation | [README](packages/react/README.md) |
+| [latex2vue](packages/vue) | Vue.js components for LaTeX rendering with Composition API and SSR support | [README](packages/vue/README.md) |
+
+## MathJax Packages
+
+If you just want to render equations using MathJax:
+
+| Package | Description | Documentation |
+|---------|-------------|---------------|
+| [mathjaxjs](packages/mathjaxjs) | Pure HTML5 MathJax loading utilities for mathematical notation rendering | [README](packages/mathjaxjs/README.md) |
+| [mathjaxjs-react](packages/mathjaxjs-react) | React wrapper and provider for MathJax with modern hooks-based architecture | [README](packages/mathjaxjs-react/README.md) |
+
+## Internal Utility Packages
+
+Other utilties for internal usage:
+
+| Package | Description | Documentation |
+|---------|-------------|---------------|
+| [@latex2js/utils](packages/utils) | Core utilities for string processing, coordinate transformations, and SVG manipulation | [README](packages/utils/README.md) |
+| [@latex2js/settings](packages/settings) | Configuration management for PSTricks graphics settings and parameters | [README](packages/settings/README.md) |
+| [@latex2js/macros](packages/macros) | Comprehensive collection of LaTeX macro definitions for mathematical notation | [README](packages/macros/README.md) |
+| [@latex2js/pstricks](packages/pstricks) | PSTricks graphics engine with interactive elements and coordinate system support | [README](packages/pstricks/README.md) |
+
+## Credits
 
 As always, BIG thanks to [MathJax](https://www.mathjax.org)