@pexelize/react-editor 1.0.0 → 1.0.2

package/README.md

@@ -1,6 +1,6 @@
 # @pexelize/react-editor
 
-React wrapper component for the **Pexelize Email Editor**. The SDK is automatically loaded from jsDelivr CDN - no npm SDK dependency required.
+React wrapper component for the **Pexelize Email Editor**.
 
 ## 🚀 Installation
 
@@ -35,11 +35,11 @@ function EmailBuilder() {
         <button onClick={handleSave}>Save</button>
         <button onClick={handleExport}>Export HTML</button>
       </div>
-      
+
       <PexelizeEditor
         ref={editorRef}
-        editorMode="email"
-        height="600px"
+        editorMode='email'
+        height='600px'
         onReady={() => console.log('Editor ready!')}
         onChange={({ design }) => console.log('Changed:', design)}
       />
@@ -50,18 +50,18 @@ function EmailBuilder() {
 
 ## 🔧 Props
 
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `editorMode` | `'email' \| 'web' \| 'popup'` | `'email'` | Editor mode |
-| `height` | `string \| number` | `'600px'` | Editor height |
-| `design` | `DesignJson` | - | Initial design to load |
-| `mergeTags` | `MergeTag[]` | - | Merge tags for personalization |
-| `appearance` | `AppearanceConfig` | - | Visual customization |
-| `onReady` | `() => void` | - | Called when editor is ready |
-| `onChange` | `(data) => void` | - | Called when design changes |
-| `onLoad` | `(data) => void` | - | Called when design is loaded |
-| `onImage` | `ImageUploadCallback` | - | Image upload handler |
-| `onSave` | `SaveCallback` | - | Save handler |
+| Prop         | Type                          | Default   | Description                    |
+| ------------ | ----------------------------- | --------- | ------------------------------ |
+| `editorMode` | `'email' \| 'web' \| 'popup'` | `'email'` | Editor mode                    |
+| `height`     | `string \| number`            | `'600px'` | Editor height                  |
+| `design`     | `DesignJson`                  | -         | Initial design to load         |
+| `mergeTags`  | `MergeTag[]`                  | -         | Merge tags for personalization |
+| `appearance` | `AppearanceConfig`            | -         | Visual customization           |
+| `onReady`    | `() => void`                  | -         | Called when editor is ready    |
+| `onChange`   | `(data) => void`              | -         | Called when design changes     |
+| `onLoad`     | `(data) => void`              | -         | Called when design is loaded   |
+| `onImage`    | `ImageUploadCallback`         | -         | Image upload handler           |
+| `onSave`     | `SaveCallback`                | -         | Save handler                   |
 
 ## 📚 Ref Methods
 
@@ -114,8 +114,8 @@ function MyComponent() {
 
   return (
     <div>
-      <div id="my-editor" style={{ height: '600px' }} />
-      <button 
+      <div id='my-editor' style={{ height: '600px' }} />
+      <button
         disabled={!isReady}
         onClick={() => sdk?.exportHtml((d) => console.log(d.html))}
       >
@@ -125,82 +125,3 @@ function MyComponent() {
   );
 }
 ```
-
-## 🌐 CDN Architecture
-
-This package automatically loads the Pexelize SDK from jsDelivr CDN:
-
-```
-https://cdn.jsdelivr.net/gh/Zaman-Meer/pexelize-sdk@dev/dist/pexelize-sdk.min.js
-```
-
-**Benefits:**
-- ✅ Smaller bundle size (SDK loaded separately)
-- ✅ SDK cached by browser across sites
-- ✅ Always get latest SDK updates
-- ✅ No npm dependency conflicts
-
-## 📦 Publishing to npm
-
-### 1. Setup npm account
-
-```bash
-# Login to npm (create account at npmjs.com if needed)
-npm login
-```
-
-### 2. Build the package
-
-```bash
-cd pexelize-react
-npm install
-npm run build
-```
-
-### 3. Publish
-
-```bash
-# For scoped package (@pexelize/react-editor)
-npm publish --access public
-
-# For unscoped package
-npm publish
-```
-
-### 4. Update version for future releases
-
-```bash
-# Patch version (1.0.0 -> 1.0.1)
-npm version patch
-
-# Minor version (1.0.0 -> 1.1.0)
-npm version minor
-
-# Major version (1.0.0 -> 2.0.0)
-npm version major
-
-# Then publish
-npm publish --access public
-```
-
-## ❓ FAQ
-
-### Is the CDN publicly available?
-
-**Yes!** The SDK is hosted on jsDelivr which serves files directly from our public GitHub repository. Anyone can access it:
-
-```html
-<script src="https://cdn.jsdelivr.net/gh/Zaman-Meer/pexelize-sdk@dev/dist/pexelize-sdk.min.js"></script>
-```
-
-### Can I use a different SDK version?
-
-Yes, change the CDN URL by forking and modifying `SDK_CDN_URL` in the source, or use the hook to initialize manually.
-
-### Does this work with SSR (Next.js)?
-
-Yes! The SDK is loaded client-side only using `useEffect`. The component shows a loading state until the SDK is ready.
-
-## 📄 License
-
-MIT

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@pexelize/react-editor",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "type": "module",
-  "description": "React wrapper component for the Pexelize Editor - SDK loaded via CDN",
+  "description": "React wrapper component for the Pexelize Editor",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",