Som STR Source Code Extension

A Visual Studio Code extension that provides quick access to predefined code templates. Insert full source code from templates like Flutter widgets, Svelte components, React apps, and more directly into your active editor.

Features

• Quick Template Insertion: Insert predefined code templates with a simple command
• Multiple Template Support: Comes with built-in templates for:
  • Movie App (React)
  • YT MP3 Local (Svelte)
• File Selection: Choose specific files from multi-file templates
• Command Palette Integration: Access templates via Ctrl+Shift+P (Windows/Linux) or Cmd+Shift+P (Mac)
• Extensible: Easily add your own templates by placing files in the templates folder

Usage

Method 1: Main Template Selector

1. Open a file in VS Code (e.g., a .dart, .js, .jsx, or .svelte file)
2. Press Ctrl+Shift+P (Windows/Linux) or Cmd+Shift+P (Mac) to open the Command Palette
3. Type Som STR: Insert Template
4. Select the template you want to insert
5. If the template has multiple files, select the specific file you want
6. The template code will be inserted at your cursor position

Method 2: Direct Template Commands

You can also directly access specific templates:

• Type Som STR: Insert Movie App Template in the Command Palette
• Type Som STR: Insert YT MP3 Local Template in the Command Palette

Available Templates

Movie App (React)

A complete React movie application with:

• Movie browsing and search
• Favorites management
• Theme switching (dark/light mode)
• Responsive design

Files included:

• App.js - Main application component
• components/Header.js - Navigation header
• components/Footer.js - Footer component
• components/MovieCard.js - Movie display card
• pages/Home.js - Home page
• pages/MovieDetails.js - Movie details page
• pages/Favorites.js - Favorites page
• pages/Contact.js - Contact page
• utils/api.js - API utilities
• utils/ThemeContext.js - Theme management
• utils/FavoritesContext.js - Favorites management

YT MP3 Local (Svelte)

A Svelte-based YouTube to MP3 converter with local server:

• App.svelte - Main application
• lib/Counter.svelte - Counter component
• main.js - Entry point

License

MIT License. See LICENSE.