Dojo Snippets for VS Code

This extension for Visual Studio Code adds snippets and supporting commands for Dojo 6+.

Use Extension

See the CHANGELOG for the latest changes

Usage

Type part of a snippet, press enter, and the snippet unfolds.

Alternatively, press Ctrl+Space (Windows, Linux) or Cmd+Space (OSX) to activate snippets from within the editor.

Command	Purpose	Shortcut
Dojo: Add i18n middleware	Imports and configures i18n middleware for use
Dojo: Add theme middleware	Imports and configures theme middleware for use
Dojo: Add block middleware	Imports and configures block middleware for use
Dojo: Add breakpoint middleware	Imports and configures breakpoint middleware for use
Dojo: Add cache middleware	Imports and configures cache middleware for use
Dojo: Add icache middleware	Imports and configures icache middleware for use
Dojo: Add focus middleware	Imports and configures focus middleware for use
Dojo: Add intersection middleware	Imports and configures intersection middleware for use
Dojo: Add resize middleware	Imports and configures resize middleware for use
Dojo: Add store middleware	Imports and configures store middleware for use
Dojo: Add dimensions middleware	Imports and configures dimensions middleware for use
Dojo: Add properties to widget	Creates properties interface and configures in widget
Dojo: Add children to widget	Configures children in widget and inserts at cursor
Dojo: Run test	Runs the selected test, test suite or test file in intern or jest	`Ctrl + Shift + T`
Dojo: Run all tests	Runs the selected file's tests in intern or jest	`Ctrl + Shift + Alt + T`

Snippet	Purpose
`d-widget`	widget
`d-widget-theme`	widget with theme middleware
`d-widget-i18n`	widget with i18n middleware
`d-widget-properties`	widget with properties
`d-widget-classes`	adds widget classes property

Snippet	Purpose
`d-outlet`	outlet
`d-outlet-params`	outlet with parameters
`d-outlet-exact`	outlet that renders only when route is exact
`d-routes`	routes file setup with root route
`d-route`	route
`d-route-default`	route with `defaultRoute: true`
`d-route-default-params`	route with default parameter values
`d-route-children`	route with children
`d-route-children-default-params`	route with default parameter values and children

Snippet	Purpose
`d-middleware`	middleware
`d-store-get`	store middleware get operation
`d-store-apply`	store middleware apply operation
`d-icache-get`	icache middleware get
`d-icache-getorset`	icache middleware getOrSet
`d-icache-getorset-typeed`	icache middleware getOrSet with typed return
`d-icache-set`	icache middleware set
`d-cache-get`	cache middleware get
`d-cache-set`	cache middleware set
`d-localize`	localize nls bundle
`d-i18n-bundle`	i18n bundle
`d-theme-classes`	theme css module
`d-block`	block function (used by block middleware)
`d-block-options`	block function with options (used by block middleware)
`d-block-run`	block middleware run
`d-breakpoint-get`	breakpoint middleware get
`d-breakpoint-get-custom`	breakpoint middleware get with custom breakpoints
`d-dimensions-get`	breakpoint dimensions get
`d-focus-isFocused`	focus middleware isFocused
`d-intersection-get`	intersection middleware get
`d-resize-get`	resize middleware get

Snippet	Purpose
`d-command-factory`	initialize processes file with command factory and imports
`d-process`	process
`d-process-in-progress`	process with in progress flag in state

Snippet	Purpose
`d-test-widget-intern-bdd`	initialize Intern BDD test file for Dojo widget
`d-test-widget-intern-object`	initialize Intern Object test file for Dojo widget
`d-test-widget-jest`	initialize Jest spec file for Dojo widget
`d-test-process-jest`	initialize Jest spec file for Dojo process

package.json - this is the manifest file that defines the location of the snippet files, specifies the language of the snippets, and what commands are available.
snippets/typescript.json - the file containing all snippets available only in .ts files.
snippets/typescriptreact.json - the file containing all snippets available only in .tsx files.
snippets/common.json - the file containing all snippets available in both .ts and .tsx files.
src/extension.ts - the entry point for all commands.

You can relaunch the extension from the debug toolbar after making changes to the files listed above.
You can also reload (Ctrl+R or Cmd+R on Mac) the VS Code window with the extension to load any changes.