@webjourney/vite-plugins 1.2.6 → 1.2.7-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.d.ts.map +1 -1
  2. package/dist/index.js +49 -31
  3. package/package.json +1 -1
package/dist/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAeA,wBAAgB,uBAAuB;;;oBAKnB,MAAM,MAAM,MAAM;;;;EA8IrC;AAED,wBAAgB,sBAAsB;;;6BAKT,MAAM;EAIlC;AAED,wBAAgB,iBAAiB;;;oBA3Jb,MAAM,MAAM,MAAM;;;;;;;6BAqJT,MAAM;KAUlC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAeA,wBAAgB,uBAAuB;;;oBAKnB,MAAM,MAAM,MAAM;;;;EA6KrC;AAED,wBAAgB,sBAAsB;;;6BAKT,MAAM;EAIlC;AAED,wBAAgB,iBAAiB;;;oBA1Lb,MAAM,MAAM,MAAM;;;;;;;6BAoLT,MAAM;KAUlC"}
package/dist/index.js CHANGED
@@ -34,52 +34,70 @@ export function webjourneyElementTagger() {
34
34
  traverse(ast, {
35
35
  JSXElement(path) {
36
36
  const openingElement = path.node.openingElement;
37
+ // Skip wrapper spans we created (they have data-wj-text attribute)
38
+ const isWrapperSpan = t.isJSXIdentifier(openingElement.name) &&
39
+ openingElement.name.name === 'span' &&
40
+ openingElement.attributes.some((attr) => t.isJSXAttribute(attr) &&
41
+ t.isJSXIdentifier(attr.name) &&
42
+ attr.name.name === 'data-wj-text');
43
+ if (isWrapperSpan) {
44
+ path.skip(); // Don't traverse into our wrapper spans
45
+ return;
46
+ }
47
+ const lineNumber = openingElement.loc?.start.line ?? 0;
48
+ // Process children to wrap text nodes
49
+ const newChildren = [];
50
+ let hasWrappedText = false;
51
+ for (const child of path.node.children) {
52
+ // Only wrap JSXText nodes that have non-whitespace content
53
+ if (t.isJSXText(child) && child.value.trim() !== '') {
54
+ // Generate unique ID for this text segment
55
+ const textLineNumber = child.loc?.start.line ?? lineNumber;
56
+ const elementId = `${relativePath}:${textLineNumber}`;
57
+ // Create a span wrapper for the text node
58
+ const wrapper = t.jsxElement(t.jsxOpeningElement(t.jsxIdentifier('span'), [
59
+ t.jsxAttribute(t.jsxIdentifier('data-wj-text'), null),
60
+ t.jsxAttribute(t.jsxIdentifier('data-wj-file'), t.stringLiteral(relativePath)),
61
+ t.jsxAttribute(t.jsxIdentifier('data-wj-line'), t.stringLiteral(String(textLineNumber))),
62
+ t.jsxAttribute(t.jsxIdentifier('data-wj-type'), t.stringLiteral('text')),
63
+ t.jsxAttribute(t.jsxIdentifier('data-wj-id'), t.stringLiteral(elementId))
64
+ ], false), t.jsxClosingElement(t.jsxIdentifier('span')), [child], false);
65
+ newChildren.push(wrapper);
66
+ hasWrappedText = true;
67
+ modified = true;
68
+ }
69
+ else {
70
+ // Keep other nodes as-is (elements, whitespace-only text, expressions, etc.)
71
+ newChildren.push(child);
72
+ }
73
+ }
74
+ // Replace children if we wrapped any text
75
+ if (hasWrappedText) {
76
+ path.node.children = newChildren;
77
+ }
78
+ // Handle img elements - add attributes to the img tag itself
37
79
  const elementName = openingElement.name;
38
- // Extract tag name - handle both regular tags and motion.* tags
39
- let tagName;
80
+ let tagName = '';
40
81
  if (t.isJSXIdentifier(elementName)) {
41
82
  tagName = elementName.name;
42
83
  }
43
84
  else if (t.isJSXMemberExpression(elementName)) {
44
- // Handle motion.div, motion.h1, etc.
85
+ // Handle motion.img
45
86
  if (t.isJSXIdentifier(elementName.object) &&
46
87
  elementName.object.name === 'motion' &&
47
88
  t.isJSXIdentifier(elementName.property)) {
48
89
  tagName = elementName.property.name;
49
90
  }
50
- else {
51
- return;
52
- }
53
- }
54
- else {
55
- return;
56
- }
57
- // Check if already has data-wj-file attribute
58
- const hasDataWj = openingElement.attributes.some((attr) => t.isJSXAttribute(attr) &&
59
- t.isJSXIdentifier(attr.name) &&
60
- attr.name.name === 'data-wj-file');
61
- if (hasDataWj)
62
- return;
63
- const lineNumber = openingElement.loc?.start.line ?? 0;
64
- // Handle text elements
65
- if (['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'span', 'div', 'button', 'a', 'label', 'li'].includes(tagName)) {
66
- // Check if element has text content
67
- const hasTextContent = path.node.children.some((child) => t.isJSXText(child) && child.value.trim() !== '');
68
- if (hasTextContent) {
69
- // Generate unique ID: filename:line
70
- const elementId = `${relativePath}:${lineNumber}`;
71
- 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('text')), t.jsxAttribute(t.jsxIdentifier('data-wj-id'), t.stringLiteral(elementId)));
72
- modified = true;
73
- }
74
91
  }
75
- // Handle img elements
76
92
  if (tagName === 'img') {
77
- // Check if img has src attribute
93
+ // Check if img has src attribute and doesn't already have data-wj-file
78
94
  const hasSrc = openingElement.attributes.some((attr) => t.isJSXAttribute(attr) &&
79
95
  t.isJSXIdentifier(attr.name) &&
80
96
  attr.name.name === 'src');
81
- if (hasSrc) {
82
- // Generate unique ID: filename:line
97
+ const hasDataWj = openingElement.attributes.some((attr) => t.isJSXAttribute(attr) &&
98
+ t.isJSXIdentifier(attr.name) &&
99
+ attr.name.name === 'data-wj-file');
100
+ if (hasSrc && !hasDataWj) {
83
101
  const elementId = `${relativePath}:${lineNumber}`;
84
102
  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('image')), t.jsxAttribute(t.jsxIdentifier('data-wj-id'), t.stringLiteral(elementId)));
85
103
  modified = true;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webjourney/vite-plugins",
3
- "version": "1.2.6",
3
+ "version": "1.2.7-1",
4
4
  "description": "Vite plugins for Webjourney WYSIWYG editing",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",