vite-plugin-comment-attrs 0.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Thanh Dat Vo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell   
+copies of the Software, and to permit persons to whom the Software is        
+furnished to do so, subject to the following conditions:                    
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.                             
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR   
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,     
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE  
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER       
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,218 @@
+# vite-plugin-comment-attrs
+
+Transform JSX comments into JSX attributes.
+
+## Why use this plugin? 
+
+This plugin is mainly useful for two workflows:
+
+### 1. Shorten JSX syntax
+
+Long attribute values can make JSX harder to scan, especially when using utility-first CSS frameworks.
+Instead of writing:
+
+```tsx
+<h1 class="rounded-lg bg-blue-500 px-4 py-2 text-white">
+  Hello Mom
+</h1>
+```
+
+You can move the long attribute value above the element:
+```tsx
+{/* @class rounded-lg bg-blue-500 */}
+{/* @class px-4 py-2 text-white */}
+<h1>Hello Mom</h1>
+```
+
+This keeps the JSX element itself smaller and easier to read.
+
+### 2. Try new attribute values during development
+You can experiment with new attribute values without directly changing the original attribute.
+
+For example:
+```tsx
+{/* @class rounded-lg bg-blue-500 */}
+<h1 class="title">Hello Mom</h1>
+```
+
+Output:
+```tsx
+<h1 class="title rounded-lg bg-blue-500">Hello Mom</h1>
+```
+
+This is useful when you want to test new classes, IDs, labels, or other attributes while keeping the original JSX mostly unchanged.
+
+
+---
+
+## Merge strategies
+
+### Append
+Appends to the existing attribute value. 
+
+Input
+```tsx
+{/* @class rounded-lg */}
+<h1 class="title">Hello</h1>
+```
+
+Output
+```tsx
+<h1 class="title rounded-lg">Hello</h1>
+```
+
+This is useful for attributes like `class` where you want to add additional classes without removing existing ones.
+
+### Replace
+Replaces existing value. Last directive wins.
+
+Input
+```tsx
+{/* @id first */}
+{/* @id final */}
+<h1 id="old">Hello</h1>
+```
+
+
+Output:
+```tsx
+<h1 id="final">Hello</h1>
+```
+
+---
+
+## Usage 
+
+### Install
+
+```bash
+npm install -D vite-plugin-comment-attrs
+```
+
+
+### Configuration
+
+```tsx
+commentAttrsPlugin({
+  directives: {
+    "@class": { attr: "class", merge: "append" },
+    "@id": { attr: "id", merge: "replace" },
+    "@alt": { attr: "alt", merge: "replace" },
+    "@title": { attr: "title", merge: "replace" },
+    "@ariaLabel": { attr: "aria-label", merge: "replace" },
+  },
+});
+```
+ 
+#### Plugin order
+
+Place `commentAttrsPlugin` before the framework plugin (e.g., `react()` or `solid()`) to
+allows the comment attributes to be transformed before JSX being processed.
+```tsx
+plugins: [
+  commentAttrsPlugin(),
+  solid(),
+]
+```
+```tsx
+plugins: [
+  commentAttrsPlugin(),
+  react(),
+]
+```
+
+#### ReactJS example
+
+```ts
+
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import { commentAttrsPlugin } from "vite-plugin-comment-attrs";
+
+export default defineConfig({
+  plugins: [
+    commentAttrsPlugin({
+      directives: {
+        "@class": { attr: "className", merge: "append" },
+        "@id": { attr: "id", merge: "replace" },
+        "@alt": { attr: "alt", merge: "replace" },
+      },
+    }),
+    react(),
+  ],
+});
+```
+
+#### SolidJS example
+
+```ts
+import { defineConfig } from "vite";
+import solid from "vite-plugin-solid";
+import { commentAttrsPlugin } from "vite-plugin-comment-attrs";
+
+export default defineConfig({
+  plugins: [
+    commentAttrsPlugin({
+      directives: {
+        "@class": { attr: "class", merge: "append" },
+        "@id": { attr: "id", merge: "replace" },
+        "@alt": { attr: "alt", merge: "replace" }
+      }
+    }),
+    solid()
+  ]
+});
+```
+---
+
+## Notes
+### 1. Supported file types
+- This plugin only processes JSX/TSX/JS/TS files.
+- Use JSX comments:
+```tsx
+{/* @class rounded-lg */}
+<h1>Hello</h1>
+```
+- Babel comments
+ 
+```tsx
+// @class rounded-lg
+<h1>Hello</h1>
+```
+
+### 2. Framework-specific attribute mappings
+- SolidJS uses `class`, so map `@class` to `class`.
+- ReactJS uses `className`, so map `@class` to `className`.
+
+---
+
+## Contributing
+Contributions are welcome!
+If you find a bug, have an idea, or want to improve the plugin,
+feel free to open an issue or submit a pull request.
+
+- Clone the repository
+```sh
+git clone https://github.com/thanhdatvo/vite-plugin-comment-attrs.git
+cd vite-plugin-comment-attrs
+```
+- Install dependencies and test
+```sh
+bun install
+bun run test
+```
+
+---
+
+## Author
+Created by Thanh Dat Vo
+
+## AI usage disclosure
+AI tools was used as a part of the development process for this project.
+It helped with implementation, documentation, and testing.
+The final design decisions, validation, and publishing responsibility remain with the maintainer.
+I believe the usefulness and impact of the project matter more than the specific tools used in its creation.
+
+
+## License
+MIT © 2026 Thanh Dat Vo

package/dist/index.d.ts

@@ -0,0 +1,16 @@
+import { Plugin } from 'vite';
+
+type MergeStrategy = "append" | "replace";
+type DirectiveRule = {
+    attr: string;
+    merge: MergeStrategy;
+};
+type DirectiveConfig = Record<string, DirectiveRule>;
+type CommentAttrsPluginOptions = {
+    directives?: DirectiveConfig;
+    include?: RegExp;
+    exclude?: RegExp;
+};
+declare function commentAttrsPlugin(options?: CommentAttrsPluginOptions): Plugin;
+
+export { type CommentAttrsPluginOptions, type DirectiveConfig, type DirectiveRule, type MergeStrategy, commentAttrsPlugin, commentAttrsPlugin as default };

package/dist/index.js

@@ -0,0 +1,227 @@
+// src/index.ts
+import { parse } from "@babel/parser";
+import traverseModule from "@babel/traverse";
+import generateModule from "@babel/generator";
+import * as t from "@babel/types";
+function interopDefault(module) {
+  return "default" in module ? module.default : module;
+}
+var traverse = interopDefault(traverseModule);
+var generate = interopDefault(generateModule);
+var DEFAULT_DIRECTIVES = {
+  "@class": { attr: "class", merge: "append" }
+};
+function isTargetFile(id, options) {
+  const cleanId = id.split("?")[0];
+  if (options.exclude?.test(cleanId)) {
+    return false;
+  }
+  if (options.include) {
+    return options.include.test(cleanId);
+  }
+  return /\.(jsx|tsx|js|ts)$/.test(cleanId);
+}
+function escapeRegExp(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function codeContainsAnyDirective(code, directives) {
+  return Object.keys(directives).some((directive) => code.includes(directive));
+}
+function isWhitespaceJsxText(node) {
+  return t.isJSXText(node) && node.value.trim() === "";
+}
+function getJsxAttribute(openingElement, name) {
+  return openingElement.attributes.find((attr) => {
+    return t.isJSXAttribute(attr) && t.isJSXIdentifier(attr.name, { name });
+  });
+}
+function getCommentTextsFromJsxNode(node) {
+  if (!t.isJSXExpressionContainer(node)) {
+    return [];
+  }
+  const texts = [];
+  if (t.isJSXEmptyExpression(node.expression)) {
+    texts.push(
+      ...(node.expression.innerComments ?? []).map((comment) => comment.value)
+    );
+  }
+  texts.push(...(node.innerComments ?? []).map((comment) => comment.value));
+  texts.push(...(node.leadingComments ?? []).map((comment) => comment.value));
+  texts.push(...(node.trailingComments ?? []).map((comment) => comment.value));
+  return texts;
+}
+function parseDirectiveText(text, directives) {
+  const trimmed = text.trim();
+  for (const [directive, rule] of Object.entries(directives)) {
+    const escapedDirective = escapeRegExp(directive);
+    const match = trimmed.match(new RegExp(`^${escapedDirective}\\s+(.+)$`));
+    if (!match) {
+      continue;
+    }
+    return {
+      directive,
+      attrName: rule.attr,
+      merge: rule.merge,
+      value: match[1].trim()
+    };
+  }
+  return null;
+}
+function getJsxDirectiveValue(node, directives) {
+  for (const text of getCommentTextsFromJsxNode(node)) {
+    const parsed = parseDirectiveText(text, directives);
+    if (parsed) {
+      return parsed;
+    }
+  }
+  return null;
+}
+function addCollectedAttr(attrs, parsed) {
+  const existing = attrs.get(parsed.attrName);
+  if (!existing) {
+    attrs.set(parsed.attrName, {
+      merge: parsed.merge,
+      values: [parsed.value]
+    });
+    return;
+  }
+  if (parsed.merge === "append") {
+    existing.merge = "append";
+    existing.values.push(parsed.value);
+    return;
+  }
+  existing.merge = "replace";
+  existing.values = [parsed.value];
+}
+function setOrMergeAttribute(openingElement, attrName, value, merge) {
+  const attr = getJsxAttribute(openingElement, attrName);
+  if (!attr) {
+    openingElement.attributes.push(
+      t.jsxAttribute(t.jsxIdentifier(attrName), t.stringLiteral(value))
+    );
+    return;
+  }
+  if (merge === "replace") {
+    attr.value = t.stringLiteral(value);
+    return;
+  }
+  if (t.isStringLiteral(attr.value)) {
+    attr.value.value = `${attr.value.value} ${value}`.trim();
+    return;
+  }
+  if (t.isJSXExpressionContainer(attr.value) && t.isExpression(attr.value.expression)) {
+    attr.value.expression = t.templateLiteral(
+      [
+        t.templateElement({ raw: "", cooked: "" }),
+        t.templateElement({ raw: ` ${value}`, cooked: ` ${value}` }, true)
+      ],
+      [attr.value.expression]
+    );
+  }
+}
+function applyAttributes(openingElement, attrs) {
+  for (const [attrName, collected] of attrs) {
+    const value = collected.merge === "append" ? collected.values.join(" ") : collected.values[collected.values.length - 1];
+    setOrMergeAttribute(openingElement, attrName, value, collected.merge);
+  }
+}
+function processJsxChildren(children, directives) {
+  for (let i = 0; i < children.length; i++) {
+    const firstDirective = getJsxDirectiveValue(children[i], directives);
+    if (!firstDirective) {
+      continue;
+    }
+    const attrs = /* @__PURE__ */ new Map();
+    const removeIndexes = [i];
+    addCollectedAttr(attrs, firstDirective);
+    let j = i + 1;
+    while (j < children.length) {
+      const child = children[j];
+      if (isWhitespaceJsxText(child)) {
+        j++;
+        continue;
+      }
+      const nextDirective = getJsxDirectiveValue(child, directives);
+      if (nextDirective) {
+        addCollectedAttr(attrs, nextDirective);
+        removeIndexes.push(j);
+        j++;
+        continue;
+      }
+      if (t.isJSXElement(child)) {
+        applyAttributes(child.openingElement, attrs);
+        for (let k = removeIndexes.length - 1; k >= 0; k--) {
+          children.splice(removeIndexes[k], 1);
+        }
+        i--;
+      }
+      break;
+    }
+  }
+}
+function processLeadingDirectiveComments(element, directives) {
+  const comments = element.leadingComments;
+  if (!comments || comments.length === 0) {
+    return;
+  }
+  const attrs = /* @__PURE__ */ new Map();
+  for (const comment of comments) {
+    const parsed = parseDirectiveText(comment.value, directives);
+    if (parsed) {
+      addCollectedAttr(attrs, parsed);
+    }
+  }
+  if (attrs.size === 0) {
+    return;
+  }
+  applyAttributes(element.openingElement, attrs);
+  element.leadingComments = comments.filter((comment) => {
+    return parseDirectiveText(comment.value, directives) === null;
+  });
+}
+function commentAttrsPlugin(options = {}) {
+  const directives = options.directives ?? DEFAULT_DIRECTIVES;
+  return {
+    name: "vite-plugin-comment-attrs",
+    enforce: "pre",
+    transform(code, id) {
+      if (!isTargetFile(id, options)) {
+        return null;
+      }
+      if (!codeContainsAnyDirective(code, directives)) {
+        return null;
+      }
+      const ast = parse(code, {
+        sourceType: "module",
+        plugins: ["jsx", "typescript"]
+      });
+      traverse(ast, {
+        JSXElement(path) {
+          processLeadingDirectiveComments(path.node, directives);
+          processJsxChildren(path.node.children, directives);
+        },
+        JSXFragment(path) {
+          processJsxChildren(path.node.children, directives);
+        }
+      });
+      const output = generate(
+        ast,
+        {
+          sourceMaps: true,
+          sourceFileName: id
+        },
+        code
+      );
+      return {
+        code: output.code,
+        map: output.map
+      };
+    }
+  };
+}
+var index_default = commentAttrsPlugin;
+export {
+  commentAttrsPlugin,
+  index_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import type { Plugin } from \"vite\";\nimport { parse } from \"@babel/parser\";\nimport traverseModule from \"@babel/traverse\";\nimport type { NodePath } from \"@babel/traverse\";\nimport generateModule from \"@babel/generator\";\nimport * as t from \"@babel/types\";\n\nfunction interopDefault<T extends object>(module: T | { default: T }): T {\n  return \"default\" in module ? module.default : module;\n}\n\nconst traverse = interopDefault(traverseModule);\nconst generate = interopDefault(generateModule);\n\nexport type MergeStrategy = \"append\" | \"replace\";\n\nexport type DirectiveRule = {\n  attr: string;\n  merge: MergeStrategy;\n};\n\nexport type DirectiveConfig = Record<string, DirectiveRule>;\n\nexport type CommentAttrsPluginOptions = {\n  directives?: DirectiveConfig;\n  include?: RegExp;\n  exclude?: RegExp;\n};\n\ntype ParsedDirective = {\n  directive: string;\n  attrName: string;\n  merge: MergeStrategy;\n  value: string;\n};\n\ntype CollectedAttr = {\n  merge: MergeStrategy;\n  values: string[];\n};\n\nconst DEFAULT_DIRECTIVES: DirectiveConfig = {\n  \"@class\": { attr: \"class\", merge: \"append\" },\n};\n\nfunction isTargetFile(id: string, options: CommentAttrsPluginOptions) {\n  const cleanId = id.split(\"?\")[0];\n\n  if (options.exclude?.test(cleanId)) {\n    return false;\n  }\n\n  if (options.include) {\n    return options.include.test(cleanId);\n  }\n\n  return /\\.(jsx|tsx|js|ts)$/.test(cleanId);\n}\n\nfunction escapeRegExp(value: string) {\n  return value.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n}\n\nfunction codeContainsAnyDirective(code: string, directives: DirectiveConfig) {\n  return Object.keys(directives).some((directive) => code.includes(directive));\n}\n\nfunction isWhitespaceJsxText(node: t.Node): boolean {\n  return t.isJSXText(node) && node.value.trim() === \"\";\n}\n\nfunction getJsxAttribute(openingElement: t.JSXOpeningElement, name: string) {\n  return openingElement.attributes.find((attr) => {\n    return t.isJSXAttribute(attr) && t.isJSXIdentifier(attr.name, { name });\n  }) as t.JSXAttribute | undefined;\n}\n\nfunction getCommentTextsFromJsxNode(node: t.Node): string[] {\n  if (!t.isJSXExpressionContainer(node)) {\n    return [];\n  }\n\n  const texts: string[] = [];\n\n  if (t.isJSXEmptyExpression(node.expression)) {\n    texts.push(\n      ...(node.expression.innerComments ?? []).map((comment) => comment.value),\n    );\n  }\n\n  texts.push(...(node.innerComments ?? []).map((comment) => comment.value));\n  texts.push(...(node.leadingComments ?? []).map((comment) => comment.value));\n  texts.push(...(node.trailingComments ?? []).map((comment) => comment.value));\n\n  return texts;\n}\n\nfunction parseDirectiveText(\n  text: string,\n  directives: DirectiveConfig,\n): ParsedDirective | null {\n  const trimmed = text.trim();\n\n  for (const [directive, rule] of Object.entries(directives)) {\n    const escapedDirective = escapeRegExp(directive);\n    const match = trimmed.match(new RegExp(`^${escapedDirective}\\\\s+(.+)$`));\n\n    if (!match) {\n      continue;\n    }\n\n    return {\n      directive,\n      attrName: rule.attr,\n      merge: rule.merge,\n      value: match[1].trim(),\n    };\n  }\n\n  return null;\n}\n\nfunction getJsxDirectiveValue(\n  node: t.Node,\n  directives: DirectiveConfig,\n): ParsedDirective | null {\n  for (const text of getCommentTextsFromJsxNode(node)) {\n    const parsed = parseDirectiveText(text, directives);\n\n    if (parsed) {\n      return parsed;\n    }\n  }\n\n  return null;\n}\n\nfunction addCollectedAttr(\n  attrs: Map<string, CollectedAttr>,\n  parsed: ParsedDirective,\n) {\n  const existing = attrs.get(parsed.attrName);\n\n  if (!existing) {\n    attrs.set(parsed.attrName, {\n      merge: parsed.merge,\n      values: [parsed.value],\n    });\n    return;\n  }\n\n  if (parsed.merge === \"append\") {\n    existing.merge = \"append\";\n    existing.values.push(parsed.value);\n    return;\n  }\n\n  existing.merge = \"replace\";\n  existing.values = [parsed.value];\n}\n\nfunction setOrMergeAttribute(\n  openingElement: t.JSXOpeningElement,\n  attrName: string,\n  value: string,\n  merge: MergeStrategy,\n) {\n  const attr = getJsxAttribute(openingElement, attrName);\n\n  if (!attr) {\n    openingElement.attributes.push(\n      t.jsxAttribute(t.jsxIdentifier(attrName), t.stringLiteral(value)),\n    );\n    return;\n  }\n\n  if (merge === \"replace\") {\n    attr.value = t.stringLiteral(value);\n    return;\n  }\n\n  if (t.isStringLiteral(attr.value)) {\n    attr.value.value = `${attr.value.value} ${value}`.trim();\n    return;\n  }\n\n  if (\n    t.isJSXExpressionContainer(attr.value) &&\n    t.isExpression(attr.value.expression)\n  ) {\n    attr.value.expression = t.templateLiteral(\n      [\n        t.templateElement({ raw: \"\", cooked: \"\" }),\n        t.templateElement({ raw: ` ${value}`, cooked: ` ${value}` }, true),\n      ],\n      [attr.value.expression],\n    );\n  }\n}\n\nfunction applyAttributes(\n  openingElement: t.JSXOpeningElement,\n  attrs: Map<string, CollectedAttr>,\n) {\n  for (const [attrName, collected] of attrs) {\n    const value =\n      collected.merge === \"append\"\n        ? collected.values.join(\" \")\n        : collected.values[collected.values.length - 1];\n\n    setOrMergeAttribute(openingElement, attrName, value, collected.merge);\n  }\n}\n\nfunction processJsxChildren(\n  children: t.JSXElement[\"children\"],\n  directives: DirectiveConfig,\n) {\n  for (let i = 0; i < children.length; i++) {\n    const firstDirective = getJsxDirectiveValue(children[i], directives);\n\n    if (!firstDirective) {\n      continue;\n    }\n\n    const attrs = new Map<string, CollectedAttr>();\n    const removeIndexes: number[] = [i];\n\n    addCollectedAttr(attrs, firstDirective);\n\n    let j = i + 1;\n\n    while (j < children.length) {\n      const child = children[j];\n\n      if (isWhitespaceJsxText(child)) {\n        j++;\n        continue;\n      }\n\n      const nextDirective = getJsxDirectiveValue(child, directives);\n\n      if (nextDirective) {\n        addCollectedAttr(attrs, nextDirective);\n        removeIndexes.push(j);\n        j++;\n        continue;\n      }\n\n      if (t.isJSXElement(child)) {\n        applyAttributes(child.openingElement, attrs);\n\n        for (let k = removeIndexes.length - 1; k >= 0; k--) {\n          children.splice(removeIndexes[k], 1);\n        }\n\n        i--;\n      }\n\n      break;\n    }\n  }\n}\n\nfunction processLeadingDirectiveComments(\n  element: t.JSXElement,\n  directives: DirectiveConfig,\n) {\n  const comments = element.leadingComments;\n\n  if (!comments || comments.length === 0) {\n    return;\n  }\n\n  const attrs = new Map<string, CollectedAttr>();\n\n  for (const comment of comments) {\n    const parsed = parseDirectiveText(comment.value, directives);\n\n    if (parsed) {\n      addCollectedAttr(attrs, parsed);\n    }\n  }\n\n  if (attrs.size === 0) {\n    return;\n  }\n\n  applyAttributes(element.openingElement, attrs);\n\n  element.leadingComments = comments.filter((comment) => {\n    return parseDirectiveText(comment.value, directives) === null;\n  });\n}\n\nexport function commentAttrsPlugin(\n  options: CommentAttrsPluginOptions = {},\n): Plugin {\n  const directives = options.directives ?? DEFAULT_DIRECTIVES;\n\n  return {\n    name: \"vite-plugin-comment-attrs\",\n    enforce: \"pre\",\n\n    transform(code, id) {\n      if (!isTargetFile(id, options)) {\n        return null;\n      }\n\n      if (!codeContainsAnyDirective(code, directives)) {\n        return null;\n      }\n\n      const ast = parse(code, {\n        sourceType: \"module\",\n        plugins: [\"jsx\", \"typescript\"],\n      });\n\n      traverse(ast, {\n        JSXElement(path: NodePath<t.JSXElement>) {\n          processLeadingDirectiveComments(path.node, directives);\n          processJsxChildren(path.node.children, directives);\n        },\n\n        JSXFragment(path: NodePath<t.JSXFragment>) {\n          processJsxChildren(path.node.children, directives);\n        },\n      });\n\n      const output = generate(\n        ast,\n        {\n          sourceMaps: true,\n          sourceFileName: id,\n        },\n        code,\n      );\n\n      return {\n        code: output.code,\n        map: output.map,\n      };\n    },\n  };\n}\n\nexport default commentAttrsPlugin;\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "vite-plugin-comment-attrs",
+  "version": "0.0.0",
+  "description": "A Vite plugin that turns JSX comments into configurable JSX attributes.",
+  "type": "module",
+  "license": "MIT",
+  "author": "Thanh Dat Vo",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/thanhdatvo/vite-plugin-comment-attrs.git"
+  },
+  "bugs": {
+    "url": "https://github.com/thanhdatvo/vite-plugin-comment-attrs/issues"
+  },
+  "homepage": "https://github.com/thanhdatvo/vite-plugin-comment-attrs#readme",
+  "keywords": [
+    "vite",
+    "vite-plugin",
+    "jsx",
+    "solidjs",
+    "react",
+    "babel",
+    "tailwind"
+  ],
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "scripts": {
+    "build": "tsup src/index.ts --format esm --dts --sourcemap --clean",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "prepublishOnly": "bun run test && bun run build",
+    "pack:check": "npm pack --dry-run",
+    "dev:react": "bun --cwd examples/react dev",
+    "dev:solid": "bun --cwd examples/solid dev"
+  },
+  "peerDependencies": {
+    "vite": ">=5"
+  },
+  "dependencies": {
+    "@babel/generator": "^7.29.1",
+    "@babel/parser": "^7.29.3",
+    "@babel/traverse": "^7.29.0",
+    "@babel/types": "^7.29.0"
+  },
+  "devDependencies": {
+    "@types/babel__generator": "^7.27.0",
+    "@types/babel__traverse": "^7.28.0",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.0",
+    "vite": "^8.0.11",
+    "vitest": "^4.1.5"
+  }
+}