A workflow accelerator for Spider development. Instantly insert dynamic Git issue IDs, scaffolding for Backbone/SCSS, and version-specific blocks.
⚡️ Quick Start: Dynamic Commands
Just type / in any JS or SCSS file to trigger dynamic autocomplete commands.
| Trigger |
Action |
Output Example |
/issue |
Insert Git Branch ID
Fetches ID from current branch |
// Issue [#59922](https://github.com/nicholasnadel/spider-branch-issue-inserter-extension/issues/59922) |
/v5 |
V5 Block
Context-aware (JS vs SCSS) |
if (isV5()) { ... } |
/v6 |
V6 Block
Context-aware (JS vs SCSS) |
if (isV6()) { ... } |
⌨️ Keyboard Shortcuts
Faster than typing? Use the Option + / chord.
| Shortcut |
Command |
Opt+/ i |
Insert Issue Comment (// Issue [#123](https://github.com/nicholasnadel/spider-branch-issue-inserter-extension/issues/123)) |
Opt+/ 5 |
Insert V5 Block (wraps selection) |
Opt+/ 6 |
Insert V6 Block (wraps selection) |
📚 Snippet Reference
JavaScript
| Trigger |
Description |
Output |
/v5 |
V5 Block |
if (isV5()) { ... } |
/v6 |
V6 Block |
if (isV6()) { ... } |
vfdisable |
Disable Checkbox |
new DisableCheckbox(...) |
vtview |
Test withView |
withView(new ViewClass... |
vdoc |
JSDoc Typedef |
/** @typedef {Object} ... */ |
ic |
Icon Function |
icon(...) |
SCSS
| Trigger |
Description |
Output |
/v5 |
V5 Block |
@if $v5 { ... } |
/v6 |
V6 Block |
@if $v6 { ... } |
/v56i |
Inline Conditional |
prop: if($v6, val, val); |
/v56b |
Dual Blocks |
@if $v5 { ... } @if $v6 { ... } |
ic |
Icon Function |
icon(...) |
⚙️ Configuration
Customize the extension in VS Code Settings (Cmd+, > search "Spider").
| Setting |
Default |
Description |
spiderInsertBranchId.autoDetectBranch |
true |
Reads the current Git branch to find ID. |
spiderInsertBranchId.fallbackIssueNumber |
XXXX |
Used if no Git branch is detected. |
Git Branch Parsing
The extension automatically extracts numbers from your branch name:
feature/issue-59922-nav → 59922bug/8812-fix-header → 8812
| |
