Dojo Snippets (Version 6)

Dojo

|
17 installs
|
46 downloads
| (0) | Free
Dojo 6+ snippets and supporting commands
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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.

Commands (Command Palette)

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

Snippets

Widget Snippets

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

Routing Snippets

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

Middleware Snippets

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

Command/Process Snippets

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

Testing Snippets

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

Developing

What's in here

  • 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.

Get up and running straight away

  • Press F5 to open a new window with the extension loaded.

Make changes

  • 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.