@lvce-editor/preview-worker 1.4.0 → 1.5.0

package/dist/previewWorkerMain.js

@@ -1826,6 +1826,23 @@ const EndCommentTag = 19;
 const Text = 20;
 const CommentStart = 21;
 
+const isDefaultAllowedAttribute = (attributeName, defaultAllowedAttributes) => {
+  // Allow data-* attributes
+  if (attributeName.startsWith('data-')) {
+    return true;
+  }
+  // Allow aria-* attributes
+  if (attributeName.startsWith('aria-')) {
+    return true;
+  }
+  // Allow role attribute
+  if (attributeName === 'role') {
+    return true;
+  }
+  // Check if in default list
+  return defaultAllowedAttributes.includes(attributeName);
+};
+
 const isSelfClosingTag = tag => {
   switch (tag) {
     case Br:
@@ -2100,9 +2117,14 @@ const tokenizeHtml = text => {
   return tokens;
 };
 
-const parseHtml = (html, allowedAttributes) => {
+const parseHtml = (html, allowedAttributes = [], defaultAllowedAttributes = []) => {
   string(html);
   array(allowedAttributes);
+  array(defaultAllowedAttributes);
+
+  // Combine default allowed attributes with any additional ones provided
+  const allAllowedAttributes = new Set([...defaultAllowedAttributes, ...allowedAttributes]);
+  const useBuiltInDefaults = allowedAttributes.length === 0;
   const tokens = tokenizeHtml(html);
   const dom = [];
   const root = {
@@ -2119,7 +2141,7 @@ const parseHtml = (html, allowedAttributes) => {
         attributeName = token.text;
         break;
       case AttributeValue:
-        if (allowedAttributes.includes(attributeName)) {
+        if (allAllowedAttributes.has(attributeName) || useBuiltInDefaults && isDefaultAllowedAttribute(attributeName, defaultAllowedAttributes)) {
           const finalAttributeName = attributeName === 'class' ? 'className' : attributeName;
           current[finalAttributeName] = token.text;
         }
@@ -2127,7 +2149,7 @@ const parseHtml = (html, allowedAttributes) => {
         break;
       case ClosingAngleBracket:
         // Handle boolean attributes (attributes without values)
-        if (attributeName && allowedAttributes.includes(attributeName)) {
+        if (attributeName && (allAllowedAttributes.has(attributeName) || useBuiltInDefaults && isDefaultAllowedAttribute(attributeName, defaultAllowedAttributes))) {
           const finalAttributeName = attributeName === 'class' ? 'className' : attributeName;
           current[finalAttributeName] = attributeName;
         }
@@ -2163,7 +2185,7 @@ const parseHtml = (html, allowedAttributes) => {
         break;
       case WhitespaceInsideOpeningTag:
         // Handle boolean attributes (attributes without values)
-        if (attributeName && allowedAttributes.includes(attributeName)) {
+        if (attributeName && (allAllowedAttributes.has(attributeName) || useBuiltInDefaults && isDefaultAllowedAttribute(attributeName, defaultAllowedAttributes))) {
           const finalAttributeName = attributeName === 'class' ? 'className' : attributeName;
           current[finalAttributeName] = attributeName;
         }
@@ -2272,7 +2294,7 @@ const updateContent = async (state, uri) => {
     const content = await readFile(uri);
 
     // Parse the content into virtual DOM
-    const parsedDom = parseHtml(content, []);
+    const parsedDom = parseHtml(content);
     const parsedNodesChildNodeCount = getParsedNodesChildNodeCount(parsedDom);
     return {
       content,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/preview-worker",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "Preview Worker",
   "repository": {
     "type": "git",