@dooboostore/dom-parser 1.0.0 → 1.0.1

package/README.MD

@@ -4,21 +4,20 @@
 [![Build and Test](https://github.com/dooboostore-develop/packages/actions/workflows/main.yaml/badge.svg?branch=main)](https://github.com/dooboostore-develop/packages/actions/workflows/main.yaml)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg?style=flat-square)](https://opensource.org/licenses/MIT)
 
-**Full Documentation:** [https://dooboostore-develop.github.io/packages/dom-parser](https://dooboostore-develop.github.io/packages/dom-parser)
+**Full Documentation:** [https://dooboostore-develop.github.io/@dooboostore/dom-parser](https://dooboostore-develop.github.io/@dooboostore/dom-parser)
 
-A lightweight DOM parser for server-side HTML parsing and manipulation with full DOM API support. Features advanced JavaScript expression parsing for modern framework templates.
+A lightweight DOM parser for server-side HTML parsing and manipulation with full DOM API support.
 
 ---
 
 ## Features
 
--   **🚀 Advanced JavaScript Expression Parsing**: Handles complex expressions like `${(data) => @this@?.handleChange?.(data)}$`
--   **🎯 Framework Template Support**: Perfect for parsing modern framework templates with custom syntax
--   **⚡ Server-Side DOM**: Complete DOM implementation for Node.js environments without browser dependencies
--   **🔍 CSS Selector Queries**: Full support for `querySelector` and `querySelectorAll` with complex selectors
--   **📦 Multi-Format Support**: Available as ESM, CJS, and UMD bundles
--   **🛡️ TypeScript Support**: Full TypeScript definitions for type-safe development
--   **🪶 Lightweight**: Zero dependencies with fast parsing performance
+-   **⚡ Server-Side DOM**: Complete DOM implementation for Node.js environments
+-   **🔍 CSS Selector Support**: Full `querySelector` and `querySelectorAll` support
+-   **📦 Multi-Format**: Available as ESM, CJS, and UMD bundles
+-   **🛡️ TypeScript**: Full TypeScript definitions included
+-   **🪶 Zero Dependencies**: Lightweight with fast parsing performance
+-   **🎯 HTML Templates**: Handles complex HTML templates and attributes
 
 ## Installation
 
@@ -80,40 +79,30 @@ global.window = window;
 global.document = document;
 ```
 
-### Advanced: Framework Template Parsing
+### Template Processing
 
 ```typescript
 import { DomParser } from '@dooboostore/dom-parser';
 
-// Parse complex framework templates with JavaScript expressions
+// Parse HTML templates with complex attributes
 const templateHtml = `
 <div class="container">
-    <dr-select 
-        changeSelected="\${(data) => @this@?.handleSelectChange?.(data, #it#)}$"
-        items="@this@.items"
-    >
-        <option value="1">Option 1</option>
-    </dr-select>
-    <dr-button 
-        onClick="\${() => @this@.submit?.()}$"
-        disabled="@this@.loading ? 'true' : 'false'"
-    >
-        Submit
-    </dr-button>
+    <button onclick="handleClick(data)" disabled="false">
+        Click Me
+    </button>
+    <input value="user.name" placeholder="Enter name" />
 </div>
 `;
 
 const parser = new DomParser(templateHtml);
 const document = parser.document;
 
-// Access complex attributes
-const select = document.querySelector('dr-select');
-console.log(select?.getAttribute('changeSelected')); 
-// "${(data) => @this@?.handleSelectChange?.(data, #it#)}$"
+// Access and modify elements
+const button = document.querySelector('button');
+console.log(button?.getAttribute('onclick')); // "handleClick(data)"
 
-const button = document.querySelector('dr-button');
-console.log(button?.getAttribute('onClick')); 
-// "${() => @this@.submit?.()}$"
+const input = document.querySelector('input');
+input?.setAttribute('value', 'new value');
 ```
 
 ## API Reference
@@ -130,7 +119,13 @@ Creates a new DOM parser instance with the provided HTML string.
 **Parameters:**
 - `html`: HTML string to parse
 - `options`: Optional configuration object
-  - `href?: string`: Base URL for the document
+
+**DomParserOptions:**
+```typescript
+interface DomParserOptions {
+  href?: string;  // Base URL for the document
+}
+```
 
 #### Properties
 
@@ -163,25 +158,7 @@ const h1 = document.querySelector('h1');
 console.log(h1?.textContent); // "Hello"
 ```
 
-### Key Features
-
-#### 🚀 Advanced JavaScript Expression Support
-
-Handles complex JavaScript expressions that would break other parsers:
-
-```typescript
-// ✅ Supported: Arrow functions with '>' operators
-changeSelected="${(data) => data.value > 0 ? data : null}$"
-
-// ✅ Supported: Ternary operators with nested expressions  
-condition="${user?.role === 'admin' ? 'show' : 'hide'}$"
-
-// ✅ Supported: Framework-specific syntax
-items="@this@.items" 
-handler="#item#.onClick"
-```
-
-#### 🔍 Complete DOM API Support
+### Supported DOM APIs
 
 - `document.querySelector()` / `document.querySelectorAll()`
 - `document.getElementById()` / `document.getElementsByClassName()`
@@ -193,29 +170,30 @@ handler="#item#.onClick"
 
 ## Use Cases
 
-### 🎯 Framework Template Processing
-
-Perfect for processing modern framework templates with complex JavaScript expressions:
+### 🎯 HTML Processing & Manipulation
 
 ```typescript
 import { DomParser } from '@dooboostore/dom-parser';
 
-// Parse framework components with complex expressions
-const componentHtml = `
-<my-component 
-    data-handler="\${(event) => @this@?.onEvent?.(event)}$"
-    condition="@user@.isLoggedIn ? 'show' : 'hide'"
->
-    <nested-component items="@data@.items" />
-</my-component>
-`;
-
-const parser = new DomParser(componentHtml);
-const component = parser.document.querySelector('my-component');
-
-// Extract and process JavaScript expressions
-const handler = component?.getAttribute('data-handler');
-// Safely parse complex expressions without breaking on '>' characters
+function processHtml(html: string) {
+    const parser = new DomParser(html);
+    const document = parser.document;
+    
+    // Modify the DOM
+    const title = document.querySelector('title');
+    if (title) {
+        title.textContent = 'Processed Title';
+    }
+    
+    // Add meta tags
+    const head = document.querySelector('head');
+    const meta = document.createElement('meta');
+    meta.setAttribute('name', 'description');
+    meta.setAttribute('content', 'Processed content');
+    head?.appendChild(meta);
+    
+    return document.documentElement.outerHTML;
+}
 ```
 
 ### 🔧 Server-Side Rendering (SSR)
@@ -243,37 +221,12 @@ global.document = parser.document;
 global.window = parser.window;
 ```
 
-### 📝 HTML Processing & Manipulation
 
-```typescript
-import { DomParser } from '@dooboostore/dom-parser';
-
-function processHtml(html: string) {
-    const parser = new DomParser(html);
-    const document = parser.document;
-    
-    // Modify the DOM
-    const title = document.querySelector('title');
-    if (title) {
-        title.textContent = 'Processed Title';
-    }
-    
-    // Add meta tags
-    const head = document.querySelector('head');
-    const meta = document.createElement('meta');
-    meta.setAttribute('name', 'description');
-    meta.setAttribute('content', 'Processed content');
-    head?.appendChild(meta);
-    
-    return document.documentElement.outerHTML;
-}
-```
 
 ## Learn More
 
 The detailed API documentation, including all supported DOM methods and usage examples, is available on our documentation website.
 
-**[Explore the full @dooboostore/dom-parser documentation &raquo;](https://dooboostore-develop.github.io/packages/dom-parser)**
 
 ## License
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dooboostore/dom-parser",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "license": "MIT",
   "type": "module",
   "sideEffects": false,
@@ -17,7 +17,7 @@
       ]
     }
   },
-  "description": "A lightweight DOM parser for server-side HTML parsing and manipulation with advanced JavaScript expression support for modern framework templates",
+  "description": "A lightweight DOM parser for server-side HTML parsing and manipulation with full DOM API support",
   "keywords": [
     "dom",
     "parser",
@@ -31,14 +31,7 @@
     "typescript",
     "node",
     "browser",
-    "template",
-    "framework",
-    "javascript-expressions",
-    "ssr",
-    "template-parsing",
-    "framework-templates",
-    "arrow-functions",
-    "complex-expressions"
+    "ssr"
   ],
   "files": [
     "dist",