ckeditor-math-chem-editor 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 athif
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,56 @@
+# ckeditor-math-chem-editor
+
+A React CKEditor component with integrated math and chemistry editor popup built using CKEditor 5 and MathLive.
+
+## Features
+
+- CKEditor 5 React integration
+- Built-in math and chemistry input popup
+- MathLive-powered formula editing
+- Automatic CSS imports from the package itself
+
+## Installation
+
+Install the package and its peer dependencies:
+
+```bash
+npm install ckeditor-math-chem-editor react react-dom ckeditor5 @ckeditor/ckeditor5-react mathlive
+```
+
+## Usage
+
+```jsx
+import { useState } from 'react';
+import CkEditor from 'ckeditor-math-chem-editor';
+
+export default function Example() {
+  const [value, setValue] = useState('<p>Hello world</p>');
+
+  return (
+    <CkEditor
+      value={value}
+      onChange={setValue}
+    />
+  );
+}
+```
+
+## Props
+
+- `value`: HTML string shown inside the editor
+- `onChange`: callback that receives updated HTML content
+- `className`: optional wrapper class name
+
+## Notes
+
+- This package is published as an ESM React package and is intended for apps that already use a modern bundler such as Vite, Webpack, or Next.js.
+- Package styles are imported automatically when you import the component.
+- CKEditor is configured with `licenseKey: 'GPL'` in the component, so make sure that matches your distribution requirements.
+
+## Package contents
+
+- `src/Ckeditor.jsx`
+- `src/CustomMathEditor.css`
+- `src/SpecialCharacterModal.jsx`
+- `src/SpecialCharacterModal.css`
+- `src/index.js`

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "ckeditor-math-chem-editor",
+  "version": "1.0.0",
+  "description": "CKEditor React component with built-in math and chemistry editor popup using MathLive.",
+  "type": "module",
+  "main": "./src/index.js",
+  "module": "./src/index.js",
+  "exports": {
+    ".": "./src/index.js"
+  },
+  "files": [
+    "src",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "check:package": "npm pack --dry-run"
+  },
+  "keywords": [
+    "ckeditor",
+    "ckeditor5",
+    "react",
+    "mathlive",
+    "math-editor",
+    "chemistry-editor"
+  ],
+  "author": "athif",
+  "license": "MIT",
+  "peerDependencies": {
+    "@ckeditor/ckeditor5-react": "^11.1.2",
+    "ckeditor5": "^48.2.0",
+    "mathlive": "^0.109.2",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@ckeditor/ckeditor5-react": "^11.1.2",
+    "ckeditor5": "^48.2.0",
+    "mathlive": "^0.109.2",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6"
+  }
+}