🚀 Auto Boilerplate Generator Pro

Production-Level Automated Code Generator for VS Code & Antigravity IDE.

Stop writing repetitive boilerplate code! Auto Boilerplate Generator Pro automatically detects empty files as you create or open them and instantly populates them with production-grade starter templates — featuring Smart Cursor Placement, Template Variants, and Custom Team Template overrides.

✨ Key Features

⚡ Automated Smart Insertion: Open or create any empty file and get instant, clean boilerplate code.
🎯 Smart Cursor Placement: Automatically positions your cursor directly inside the main tag (e.g. inside <h1>|</h1> or inside component returns) so you can start typing immediately.
⚛️ React & Modern Frameworks: Complete out-of-the-box support for React (.jsx, .tsx), Vue 3 (.vue), and Svelte (.svelte).
🌐 Web Standards: Includes modern HTML5 (with Tailwind & Bootstrap 5 variants) and CSS/SCSS (with :root variables, dark mode media queries, and modern reset).
🐍 Multi-Language Support: Full support for Python (.py), Markdown (.md), and JavaScript/TypeScript (.js, .ts).
🔀 Interactive Template Variants: Right-click or press Cmd+Shift+P to select from specialized variants (e.g. Next.js 'use client', React Native, Tailwind CDN, Python Class).
⚙️ Custom Team Templates: Define team or personal custom templates in VS Code settings.json with dynamic variables (${componentName}, ${title}, ${filename}).
🛡️ Zero-Duplicate Engine: Built-in concurrency locking guarantees exactly one insertion without file corruption or race conditions.

💻 Supported Languages & Boilerplates

Language / Framework	File Extension	Generated Features
React (JS & TS)	`.jsx`, `.tsx`	Functional component, PascalCase name, TSX Props `interface`, arrow/function toggle
HTML5	`.html`	HTML5 structure, UTF-8, Viewport, dynamic Title, CSS/JS links, Tailwind & Bootstrap variants
CSS / SCSS	`.css`, `.scss`	`:root` custom properties, modern box-sizing reset, dark mode support, CSS module variant
Vue 3	`.vue`	`<script setup>` (JS/TS), single file component template, scoped styles
Svelte	`.svelte`	`<script>`, `<main>`, `<style>` component architecture
Python	`.py`	Shebang, `def main():`, `if __name__ == '__main__':`, OOP Class template variant
Markdown	`.md`	Professional README structure with badges, TOC, features, installation & license
JS / TS	`.js`, `.ts`	Utility module structure with JSDoc comments and export interfaces

🕹️ Commands & Context Menus

Access commands via Command Palette (Cmd+Shift+P / Ctrl+Shift+P) or right-clicking anywhere in the editor:

Insert Boilerplate Template: Inserts default template for the current active file.
Select & Insert Boilerplate Variant...: Opens an interactive QuickPick dropdown to select template variations (e.g. Next.js, React Native, Tailwind).

⚙️ Configuration & Extension Settings

Customize extension behavior in your VS Code settings.json:

{
  "react-jsx-boilerplate.autoInsert": true,
  "react-jsx-boilerplate.smartCursorPlacement": true,
  "react-jsx-boilerplate.useArrowFunction": true,

  "react-jsx-boilerplate.enableReact": true,
  "react-jsx-boilerplate.enableHtml": true,
  "react-jsx-boilerplate.enableCss": true,
  "react-jsx-boilerplate.enableVue": true,
  "react-jsx-boilerplate.enableSvelte": true,
  "react-jsx-boilerplate.enablePython": true,
  "react-jsx-boilerplate.enableMarkdown": true,
  "react-jsx-boilerplate.enableJsTs": true,

  "react-jsx-boilerplate.customTemplates.react": "import React from 'react';\n\nexport const ${componentName} = () => {\n\treturn <div>${title}</div>;\n};\n",
  "react-jsx-boilerplate.customTemplates.html": "<!DOCTYPE html>\n<html>\n<head>\n\t<title>${title}</title>\n</head>\n<body>\n</body>\n</html>\n"
}

Dynamic Variables for Custom Templates:

${componentName}: Derived PascalCase component name (e.g. UserProfile)
${title}: Formatted title case string (e.g. User Profile)
${filename}: Base filename (e.g. UserProfile.tsx)

Auto Boilerplate Generator Pro

Sumit Chaudhary