@webjourney/vite-plugins 1.2.10-2 → 1.2.12-0

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAeA,wBAAgB,uBAAuB;;;oBAKnB,MAAM,MAAM,MAAM;;;;EA6OrC;AAED,wBAAgB,sBAAsB;;;6BAKT,MAAM;EAoBlC;AAED,wBAAgB,iBAAiB;;;oBA1Qb,MAAM,MAAM,MAAM;;;;;;;6BAoPT,MAAM;KA0BlC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAeA,wBAAgB,uBAAuB;;;oBAKnB,MAAM,MAAM,MAAM;;;;EAsUrC;AAED,wBAAgB,sBAAsB;;;6BAKT,MAAM;EAoBlC;AAED,wBAAgB,iBAAiB;;;oBAnWb,MAAM,MAAM,MAAM;;;;;;;6BA6UT,MAAM;KA0BlC"}

package/dist/index.js

@@ -116,6 +116,36 @@ export function webjourneyElementTagger() {
                                 modified = true;
                             }
                         }
+                        // Handle elements with bg-[url(...)] className pattern
+                        // Check for Tailwind CSS arbitrary value background images
+                        const classNameAttr = openingElement.attributes.find((attr) => t.isJSXAttribute(attr) &&
+                            t.isJSXIdentifier(attr.name) &&
+                            attr.name.name === 'className');
+                        if (classNameAttr && t.isJSXAttribute(classNameAttr)) {
+                            let classNameValue = '';
+                            // Extract className value (could be string literal or template literal)
+                            if (t.isStringLiteral(classNameAttr.value)) {
+                                classNameValue = classNameAttr.value.value;
+                            }
+                            else if (t.isJSXExpressionContainer(classNameAttr.value) &&
+                                t.isTemplateLiteral(classNameAttr.value.expression)) {
+                                // For template literals, concatenate all string parts
+                                const templateLiteral = classNameAttr.value.expression;
+                                classNameValue = templateLiteral.quasis.map(q => q.value.raw).join('');
+                            }
+                            else if (t.isJSXExpressionContainer(classNameAttr.value) &&
+                                t.isStringLiteral(classNameAttr.value.expression)) {
+                                classNameValue = classNameAttr.value.expression.value;
+                            }
+                            // Check if className contains bg-[url(...)] pattern
+                            const bgUrlPattern = /bg-\[url\([^\)]+\)\]/;
+                            if (bgUrlPattern.test(classNameValue)) {
+                                // Generate unique ID: filename:line
+                                const elementId = `${relativePath}:${lineNumber}`;
+                                openingElement.attributes.push(t.jsxAttribute(t.jsxIdentifier('data-wj-file'), t.stringLiteral(relativePath)), t.jsxAttribute(t.jsxIdentifier('data-wj-line'), t.stringLiteral(String(lineNumber))), t.jsxAttribute(t.jsxIdentifier('data-wj-type'), t.stringLiteral('background-image')), t.jsxAttribute(t.jsxIdentifier('data-wj-id'), t.stringLiteral(elementId)));
+                                modified = true;
+                            }
+                        }
                         // Handle anchor elements and Link components
                         if (tagName === 'a' || tagName === 'Link') {
                             // Check if anchor has href attribute or Link has to attribute
@@ -129,6 +159,20 @@ export function webjourneyElementTagger() {
                                 modified = true;
                             }
                         }
+                        // Handle all remaining div elements as 'frame' type
+                        // This catches divs that weren't marked by other conditions
+                        if (tagName === 'div') {
+                            // Check again if data-wj-file was added by previous conditions
+                            const hasDataWjNow = openingElement.attributes.some((attr) => t.isJSXAttribute(attr) &&
+                                t.isJSXIdentifier(attr.name) &&
+                                attr.name.name === 'data-wj-file');
+                            if (!hasDataWjNow) {
+                                // This div wasn't marked by any other condition, mark it as 'frame'
+                                const elementId = `${relativePath}:${lineNumber}`;
+                                openingElement.attributes.push(t.jsxAttribute(t.jsxIdentifier('data-wj-file'), t.stringLiteral(relativePath)), t.jsxAttribute(t.jsxIdentifier('data-wj-line'), t.stringLiteral(String(lineNumber))), t.jsxAttribute(t.jsxIdentifier('data-wj-type'), t.stringLiteral('frame')), t.jsxAttribute(t.jsxIdentifier('data-wj-id'), t.stringLiteral(elementId)));
+                                modified = true;
+                            }
+                        }
                     }
                 });
                 if (modified) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webjourney/vite-plugins",
-  "version": "1.2.10-2",
+  "version": "1.2.12-0",
   "description": "Vite plugins for Webjourney WYSIWYG editing",
   "type": "module",
   "main": "dist/index.js",