Skip to content

Instantly share code, notes, and snippets.

@maxmarchuk
Created September 11, 2018 17:37
Show Gist options
  • Save maxmarchuk/a803ca56efd35e5a54669de692122e43 to your computer and use it in GitHub Desktop.
Save maxmarchuk/a803ca56efd35e5a54669de692122e43 to your computer and use it in GitHub Desktop.
jama intellij live templates
<!--
This file should go under ~/Library/Preferences/<intellij_version>/templates
This exposes some live templates / shortcuts for react component development, jasmine tests, and a react + enzyme test skeleton.
Jasmine templates: https://github.com/gbritting/jasmine-jetbrains-live-templates
React templates: https://github.com/minwe/jetbrains-react
react + enzyme test: just type `enzymetest` and hit tab to expand
-->
<templateSet group="jama">
<template name="enzymetest" value="import React from 'react';&#10;import { shallow, mount } from 'enzyme';&#10;import $componentName$ from './$componentName$';&#10;&#10;describe('$componentName$', () =&gt; {&#10; it('$specDesc$', () =&gt; {&#10; const subject = shallow(&lt;$componentName$ /&gt;);&#10; expect(subject$END$);&#10; });&#10;});&#10;" description="" toReformat="false" toShortenFQNames="true">
<variable name="componentName" expression="" defaultValue="substringBefore(fileName(),&quot;.&quot;)" alwaysStopAt="false" />
<variable name="specDesc" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="cct" value="childContextTypes: {&#10; $START$: PropTypes.$END$,&#10;},&#10;" description="React: childContextTypes" toReformat="true" toShortenFQNames="true">
<variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="cdm" value="componentDidMount() {&#10; $END$&#10;}&#10;" description="React: componentDidMount" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="cdm5" value="componentDidMount: function() {&#10; $END$&#10;},&#10;" description="React: componentDidMount" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="cdu" value="componentDidUpdate(prevProps, prevState, prevContext) {&#10; $END$&#10;}&#10;" description="React: componentDidUpdate" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="cdu5" value="componentDidUpdate: function(prevProps, prevState, prevContext) {&#10; $END$&#10;},&#10;" description="React: componentDidUpdate" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="cstt" value="constructor(props, context$START$) {&#10; super(props, context$END$);&#10;}&#10;" description="React: constructor(props, context)" toReformat="true" toShortenFQNames="true">
<variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="ct" value="contextTypes: {&#10; $START$: PropTypes.$END$,&#10;},&#10;" description="React: contextTypes" toReformat="true" toShortenFQNames="true">
<variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="ctx" value="this.context.$END$" description="React: this.context" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="cwm" value="componentWillMount() {&#10; $END$&#10;}&#10;" description="React: componentWillMount" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="cwm5" value="componentWillMount: function() {&#10; $END$&#10;},&#10;" description="React: componentWillMount" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="cwr" value="componentWillReceiveProps(nextProps, nextContext) {&#10; $END$&#10;}&#10;" description="React: componentWillReceiveProps" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="cwr5" value="componentWillReceiveProps: function(nextProps, nextContext) {&#10; $END$&#10;},&#10;" description="React: componentWillReceiveProps" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="cwu" value="componentWillUpdate(nextProps, nextState, nextContext) {&#10; $END$&#10;}&#10;" description="React: componentWillUpdate" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="cwu5" value="componentWillUpdate: function(nextProps, nextState, nextContext) {&#10; $END$&#10;},&#10;" description="React: componentWillUpdate" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="cwum" value="componentWillUnmount() {&#10; $END$&#10;}&#10;" description="React: componentWillUnmount" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="cwum5" value="componentWillUnmount: function() {&#10; $END$&#10;},&#10;" description="React: componentWillUnmount" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="dn" value="displayName: '$END$'," description="React: displayName" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="dnp" value="$START$.displayName = '$END$';" description="React: displayName as a property" toReformat="true" toShortenFQNames="true">
<variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="dsih" value="dangerouslySetInnerHTML={{__html: '$END$'}}" description="React: dangerouslySetInnerHTML" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="fdn" value="findDOMNode($END$);" description="React: findDOMNode" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="fup" value="forceUpdate($END$);" description="React: forceUpdate();" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="gcc" value="getChildContext() {&#10; return {&#10; $START$: $END$&#10; };&#10;}&#10;" description="React: getChildContext" toReformat="true" toShortenFQNames="true">
<variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="gcc5" value="getChildContext: function() {&#10; return {&#10; $START$: $END$&#10; };&#10;},&#10;" description="React: getChildContext" toReformat="true" toShortenFQNames="true">
<variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="gdp" value="getDefaultProps() {&#10; return {&#10; $END$&#10; };&#10;}&#10;" description="React: getDefaultProps" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="gdp5" value="getDefaultProps: function() {&#10; return {&#10; $END$&#10; };&#10;},&#10;" description="React: getDefaultProps" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="gis" value="getInitialState() {&#10; return {&#10; $START$: $END$&#10; };&#10;}&#10;" description="React: getInitialState" toReformat="true" toShortenFQNames="true">
<variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="gis5" value="getInitialState: function() {&#10; return {&#10; $START$: $END$&#10; };&#10;},&#10;" description="React: getInitialState" toReformat="true" toShortenFQNames="true">
<variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="ism" value="isMounted()" description="React: isMounted()" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onabt" value="onAbort={$END$}" description="React: onAbort" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onae" value="onAnimationEnd={$END$}" description="React: onAnimationEnd" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onai" value="onAnimationIteration={$END$}" description="React: onAnimationIteration" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onas" value="onAnimationStart={$END$}" description="React: onAnimationStart" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onbl" value="onBlur={$END$}" description="React: onBlur" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onc" value="onClick={$END$}" description="React: onClick" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="oncg" value="onChange={$END$}" description="React: onChange" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="oncm" value="onContextMenu={$END$}" description="React: onContextMenu" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="oncp" value="onCopy={$END$}" description="React: onCopy" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="oncpl" value="onCanPlay={$END$}" description="React: onCanPlay" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="oncpse" value="onCompositionEnd={$END$}" description="React: onCompositionEnd" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="oncpss" value="onCompositionStart={$END$}" description="React: onCompositionStart" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="oncpsu" value="onCompositionUpdate={$END$}" description="React: onCompositionUpdate" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="oncpt" value="onCanPlayThrough={$END$}" description="React: onCanPlayThrough" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onct" value="onCut={$END$}" description="React: onCut" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="ondc" value="onDurationChange={$END$}" description="React: onDurationChange" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="ondg" value="onDrag={$END$}" description="React: onDrag" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="ondge" value="onDragEnd={$END$}" description="React: onDragEnd" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="ondget" value="onDragExit={$END$}" description="React: onDragExit" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="ondgetr" value="onDragEnter={$END$}" description="React: onDragEnter" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="ondgl" value="onDragLeave={$END$}" description="React: onDragLeave" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="ondgo" value="onDragOver={$END$}" description="React: onDragOver" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="ondgst" value="onDragStart={$END$}" description="React: onDragStart" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="ondp" value="onDrop={$END$}" description="React: onDrop" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onekpt" value="onEncrypted={$END$}" description="React: onEncrypted" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onempt" value="onEmptied={$END$}" description="React: onEmptied" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onend" value="onEnded={$END$}" description="React: onEnded" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onerr" value="onError={$END$}" description="React: onError" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onfs" value="onFocus={$END$}" description="React: onFocus" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onip" value="onInput={$END$}" description="React: onInput" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onkd" value="onKeyDown={$END$}" description="React: onKeyDown" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onku" value="onKeyUp={$END$}" description="React: onKeyUp" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onld" value="onLoad={$END$}" description="React: onLoad" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onldd" value="onLoadedData={$END$}" description="React: onLoadedData" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onldmd" value="onLoadedMetadata={$END$}" description="React: onLoadedMetadata" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onls" value="onLoadStart={$END$}" description="React: onLoadStart" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onmd" value="onMouseDown={$END$}" description="React: onMouseDown" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onme" value="onMouseEnter={$END$}" description="React: onMouseEnter" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onml" value="onMouseLeave={$END$}" description="React: onMouseLeave" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onmm" value="onMouseMove={$END$}" description="React: onMouseMove" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onmot" value="onMouseOut={$END$}" description="React: onMouseOut" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onmov" value="onMouseOver={$END$}" description="React: onMouseOver" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onmu" value="onMouseUp={$END$}" description="React: onMouseUp" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onpaus" value="onPause={$END$}" description="React: onPause" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onpgs" value="onProgress={$END$}" description="React: onProgress" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onplg" value="onPlaying={$END$}" description="React: onPlaying" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onps" value="onKeyPress={$END$}" description="React: onKeyPress" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onpt" value="onPaste={$END$}" description="React: onPaste" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onrc" value="onRateChange={$END$}" description="React: onRateChange" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onsb" value="onSubmit={$END$}" description="React: onSubmit" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onsked" value="onSeeked={$END$}" description="React: onSeeked" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onskin" value="onSeeking={$END$}" description="React: onSeeking" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onsl" value="onScroll={$END$}" description="React: onScroll" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onstd" value="onStalled={$END$}" description="React: onStalled" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onsupd" value="onSuspend={$END$}" description="React: onSuspend" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="ontc" value="onTouchCancel={$END$}" description="React: onTouchCancel" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onte" value="onTouchEnd={$END$}" description="React: onTouchEnd" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="ontm" value="onTouchMove={$END$}" description="React: onTouchMove" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onts" value="onTouchStart={$END$}" description="React: onTouchStart" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="ontse" value="onTransitionEnd={$END$}" description="React: onTransitionEnd" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="ontu" value="onTimeUpdate={$END$}" description="React: onTimeUpdate" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onvc" value="onVolumeChange={$END$}" description="React: onVolumeChange" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onwl" value="onWheel={$END$}" description="React: onWheel" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="onwt" value="onWaiting={$END$}" description="React: onWaiting" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="opl" value="onPlay={$END$}" description="React: onPlay" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="props" value="this.props" description="React: this.props" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="pt" value="$START$: PropTypes.$END$," description="React: PropTypes." toReformat="true" toShortenFQNames="true">
<variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="pts" value="propTypes: {&#10; $START$: PropTypes.$END$,&#10;},&#10;" description="React: propTypes" toReformat="true" toShortenFQNames="true">
<variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="rcc" value="import React from 'react';&#10;import createReactClass from 'create-react-class';&#10;import PropTypes from 'prop-types';&#10;&#10;const $COMPONENT$ = createReactClass({&#10; render() {&#10; return (&#10; &lt;div&gt;$END$&lt;/div&gt;&#10; );&#10; }&#10;});&#10;&#10;export default $COMPONENT$;&#10;" description="React: Create a React.js component" toReformat="true" toShortenFQNames="true">
<variable name="COMPONENT" expression="fileNameWithoutExtension()" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="rcc5" value="'use strict';&#10;&#10;var React = require('react');&#10;var createReactClass = require('create-react-class');&#10;var PropTypes = require('prop-types');&#10;&#10;var $COMPONENT$ = createReactClass({&#10; render: function() {&#10; return (&#10; &lt;div&gt;$END$&lt;/div&gt;&#10; );&#10; }&#10;});&#10;&#10;module.exports = $COMPONENT$;&#10;" description="React: Create a React.js component" toReformat="true" toShortenFQNames="true">
<variable name="COMPONENT" expression="fileNameWithoutExtension()" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="rccc" value="$START$ = createReactClass({&#10; render() {&#10; return (&#10; $END$&#10; );&#10; }&#10;});&#10;" description="React: Create a sub component" toReformat="true" toShortenFQNames="true">
<variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="rccc5" value="$START$ = createReactClass({&#10; render: function() {&#10; return (&#10; $END$&#10; );&#10; }&#10;});&#10;" description="React: Create a sub component" toReformat="true" toShortenFQNames="true">
<variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="rcls" value="import React, { Component } from 'react';&#10;import PropTypes from 'prop-types';&#10;&#10;class $COMPONENT$ extends Component {&#10; render() {&#10; return (&#10; &lt;div&gt;$END$&lt;/div&gt;&#10; );&#10; }&#10;}&#10;&#10;$COMPONENT$.propTypes = {};&#10;$COMPONENT$.defaultProps = {};&#10;&#10;export default $COMPONENT$;&#10;" description="React: Create a React ES2015 class" toReformat="true" toShortenFQNames="true">
<variable name="COMPONENT" expression="fileNameWithoutExtension()" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="rdom" value="import ReactDOM from 'react-dom';&#10;$END$&#10;" description="React: import ReactDOM" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="rdom5" value="var ReactDOM = require('react-dom');&#10;$END$&#10;" description="React: import ReactDOM" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="refs" value="this.refs.$END$" description="React: this.refs.$END$" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="ren" value="render() {&#10; return (&#10; &lt;div&gt;$END$&lt;/div&gt;&#10; );&#10;}&#10;" description="React: render()" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="ren5" value="render: function() {&#10; return (&#10; &lt;div&gt;$END$&lt;/div&gt;&#10; );&#10;}&#10;" description="React: render()" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="rfdn" value="ReactDOM.findDOMNode($END$);" description="React: ReactDOM.findDOMNode" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="rpfc" value="import React from 'react';&#10;import PropTypes from 'prop-types';&#10;&#10;function $COMPONENT$($PARAMETER$) {&#10; return (&#10; &lt;div&gt;$END$&lt;/div&gt;&#10; );&#10;}&#10;&#10;$COMPONENT$.propTypes = {};&#10;$COMPONENT$.defaultProps = {};&#10;&#10;export default $COMPONENT$;&#10;" description="React: Create a pure function component" toReformat="true" toShortenFQNames="true">
<variable name="COMPONENT" expression="fileNameWithoutExtension()" defaultValue="" alwaysStopAt="true" />
<variable name="PARAMETER" expression="" defaultValue="&quot;props&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="rpfc5" value="'use strict';&#10;&#10;var React = require('react');&#10;var PropTypes = require('prop-types');&#10;&#10;function $COMPONENT$($PARAMETER$) {&#10; return (&#10; &lt;div&gt;$END$&lt;/div&gt;&#10; );&#10;}&#10;&#10;$COMPONENT$.propTypes = {};&#10;$COMPONENT$.defaultProps = {};&#10;&#10;module.exports = $COMPONENT$;&#10;" description="React: Create a pure function component" toReformat="true" toShortenFQNames="true">
<variable name="COMPONENT" expression="fileNameWithoutExtension()" defaultValue="" alwaysStopAt="true" />
<variable name="PARAMETER" expression="" defaultValue="&quot;props&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="rpfcaf" value="import React from 'react';&#10;import PropTypes from 'prop-types';&#10;&#10;const $COMPONENT$ = ($PARAMETER$) =&gt; {&#10; return (&#10; &lt;div&gt;$END$&lt;/div&gt;&#10; );&#10;};&#10;&#10;$COMPONENT$.propTypes = {};&#10;$COMPONENT$.defaultProps = {};&#10;&#10;export default $COMPONENT$;&#10;" description="React: Create a pure function component using arrow function" toReformat="true" toShortenFQNames="true">
<variable name="COMPONENT" expression="fileNameWithoutExtension()" defaultValue="" alwaysStopAt="true" />
<variable name="PARAMETER" expression="" defaultValue="&quot;props&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="scct" value="static childContextTypes = {&#10; $START$: PropTypes.$END$,&#10;};&#10;" description="React: static childContextTypes" toReformat="true" toShortenFQNames="true">
<variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="sct" value="static contextTypes = {&#10; $START$: PropTypes.$END$,&#10;};&#10;" description="React: static contextTypes" toReformat="true" toShortenFQNames="true">
<variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="scu" value="shouldComponentUpdate(nextProps, nextState, nextContext) {&#10; $END$&#10;}&#10;" description="React: shouldComponentUpdate" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="scu5" value="shouldComponentUpdate: function(nextProps, nextState, nextContext) {&#10; $END$&#10;},&#10;" description="React: shouldComponentUpdate" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="sdn" value="static displayName = '$END$';" description="React: static displayName" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="sdp" value="static defaultProps = {&#10; $START$: $END$,&#10;};&#10;" description="React: static defaultProps" toReformat="true" toShortenFQNames="true">
<variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="spt" value="static propTypes = {&#10; $START$: PropTypes.$END$,&#10;};&#10;" description="React: static propTypes" toReformat="true" toShortenFQNames="true">
<variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="sst" value="this.setState({&#10; $START$: $END$,&#10;});&#10;" description="React: this.setState" toReformat="true" toShortenFQNames="true">
<variable name="START" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="state" value="this.state.$END$" description="React: this.state.$END$" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="tsa" value="transitionAppear={$END$}" description="React: transitionAppear" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="tsat" value="transitionAppearTimeout={$END$}" description="React: transitionAppearTimeout" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="tse" value="transitionEnter={$END$}" description="React: transitionEnter" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="tset" value="transitionEnterTimeout={$END$}" description="React: transitionEnterTimeout" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="tsl" value="transitionLeave={$END$}" description="React: transitionLeave" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="tslt" value="transitionLeaveTimeout={$END$}" description="React: transitionLeaveTimeout" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="tsn" value="transitionName=&quot;$END$&quot;" description="React: transitionName" toReformat="true" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jae" value="afterEach(function () {&#10; $END$&#10;});" description="Jasmine teardown (afterEach)" toReformat="false" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jbe" value="beforeEach(function () {&#10; $END$&#10;});" description="Jasmine setup (beforeEach)" toReformat="false" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jdes" value="describe('$DESCRIBE$', function () {&#10; $END$&#10;});" description="Jasmine suite" toReformat="false" toShortenFQNames="true">
<variable name="DESCRIBE" expression="" defaultValue="&quot;suite title&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jit" value="it('$IT$', function () {&#10; $END$&#10;});" description="Jasmine spec" toReformat="false" toShortenFQNames="true">
<variable name="IT" expression="" defaultValue="&quot;spec title&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jits" value="it('should $IT$', function () {&#10; $END$&#10;});" description="Jasmine spec with should" toReformat="false" toShortenFQNames="true">
<variable name="IT" expression="" defaultValue="&quot;spec title&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jntb" value="expect($INSTANCE1$).not.toBe($INSTANCE2$);" description="expect(x).not.toBe(y)" toReformat="false" toShortenFQNames="true">
<variable name="INSTANCE1" expression="" defaultValue="&quot;actual&quot;" alwaysStopAt="true" />
<variable name="INSTANCE2" expression="" defaultValue="&quot;expected_strict_equality&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jntbd" value="expect($MIXED$).not.toBeDefined();" description="expect(x).not.toBeDefined()" toReformat="false" toShortenFQNames="true">
<variable name="MIXED" expression="" defaultValue="&quot;actual&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jntbf" value="expect($MIXED$).not.toBeFalsy();" description="expect(x).not.toBeFalsy()" toReformat="false" toShortenFQNames="true">
<variable name="MIXED" expression="" defaultValue="&quot;actual&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jntbgt" value="expect($NUMBER1$).not.toBeGreaterThan($NUMBER2$);" description="expect(x).not.toBeGreaterThan(y)" toReformat="false" toShortenFQNames="true">
<variable name="NUMBER1" expression="" defaultValue="&quot;actual&quot;" alwaysStopAt="true" />
<variable name="NUMBER2" expression="" defaultValue="&quot;expected&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jntblt" value="expect($NUMBER1$).not.toBeLessThan($NUMBER2$);" description="expect(x).not.toBeLessThan(y)" toReformat="false" toShortenFQNames="true">
<variable name="NUMBER1" expression="" defaultValue="&quot;actual&quot;" alwaysStopAt="true" />
<variable name="NUMBER2" expression="" defaultValue="&quot;expected&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jntbn" value="expect($MIXED$).not.toBeNull();" description="expect(x).not.toBeNull()" toReformat="false" toShortenFQNames="true">
<variable name="MIXED" expression="" defaultValue="&quot;actual&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jntbt" value="expect($MIXED$).not.toBeTruthy();" description="expect(x).not.toBeTruthy()" toReformat="false" toShortenFQNames="true">
<variable name="MIXED" expression="" defaultValue="&quot;actual&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jntbu" value="expect($MIXED$).not.toBeUndefined();" description="expect(x).not.toBeUndefined()" toReformat="false" toShortenFQNames="true">
<variable name="MIXED" expression="" defaultValue="&quot;actual&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jntc" value="expect($INSTANCE1$).not.toContain($INSTANCE2$);" description="expect(x).not.toContain(y)" toReformat="false" toShortenFQNames="true">
<variable name="INSTANCE1" expression="" defaultValue="&quot;'array or string'&quot;" alwaysStopAt="true" />
<variable name="INSTANCE2" expression="" defaultValue="&quot;'member or substring'&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jnte" value="expect($MIXED1$).not.toEqual($MIXED2$);" description="expect(x).not.toEqual(y)" toReformat="false" toShortenFQNames="true">
<variable name="MIXED1" expression="" defaultValue="&quot;actual&quot;" alwaysStopAt="true" />
<variable name="MIXED2" expression="" defaultValue="&quot;equivalent_to&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jntm" value="expect($MIXED$).not.toMatch($PATTERN$);" description="expect(x).not.toMatch(y)" toReformat="false" toShortenFQNames="true">
<variable name="MIXED" expression="" defaultValue="&quot;actual&quot;" alwaysStopAt="true" />
<variable name="PATTERN" expression="" defaultValue="&quot;regexp_expression&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jntt" value="expect($FN$).not.toThrow($E$);" description="expect(fn).not.toThrow(e)" toReformat="false" toShortenFQNames="true">
<variable name="FN" expression="" defaultValue="&quot;fn&quot;" alwaysStopAt="true" />
<variable name="E" expression="" defaultValue="&quot;e&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jtb" value="expect($INSTANCE1$).toBe($INSTANCE2$);" description="expect(x).toBe(y)" toReformat="false" toShortenFQNames="true">
<variable name="INSTANCE1" expression="" defaultValue="&quot;actual&quot;" alwaysStopAt="true" />
<variable name="INSTANCE2" expression="" defaultValue="&quot;expected_strict_equality&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jtbd" value="expect($MIXED$).toBeDefined();" description="expect(x).toBeDefined()" toReformat="false" toShortenFQNames="true">
<variable name="MIXED" expression="" defaultValue="&quot;actual&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jtbf" value="expect($MIXED$).toBeFalsy();" description="expect(x).toBeFalsy()" toReformat="false" toShortenFQNames="true">
<variable name="MIXED" expression="" defaultValue="&quot;actual&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jtbgt" value="expect($NUMBER1$).toBeGreaterThan($NUMBER2$);" description="expect(x).toBeGreaterThan(y)" toReformat="false" toShortenFQNames="true">
<variable name="NUMBER1" expression="" defaultValue="&quot;actual&quot;" alwaysStopAt="true" />
<variable name="NUMBER2" expression="" defaultValue="&quot;expected&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jtblt" value="expect($NUMBER1$).toBeLessThan($NUMBER2$);" description="expect(x).toBeLessThan(y)" toReformat="false" toShortenFQNames="true">
<variable name="NUMBER1" expression="" defaultValue="&quot;actual&quot;" alwaysStopAt="true" />
<variable name="NUMBER2" expression="" defaultValue="&quot;expected&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jtbn" value="expect($MIXED$).toBeNull();" description="expect(x).toBeNull()" toReformat="false" toShortenFQNames="true">
<variable name="MIXED" expression="" defaultValue="&quot;actual&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jtbt" value="expect($MIXED$).toBeTruthy();" description="expect(x).toBeTruthy()" toReformat="false" toShortenFQNames="true">
<variable name="MIXED" expression="" defaultValue="&quot;actual&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jtbu" value="expect($MIXED$).toBeUndefined();" description="expect(x).toBeUndefined()" toReformat="false" toShortenFQNames="true">
<variable name="MIXED" expression="" defaultValue="&quot;actual&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jtc" value="expect($INSTANCE1$).toContain($INSTANCE2$);" description="expect(x).toContain(y)" toReformat="false" toShortenFQNames="true">
<variable name="INSTANCE1" expression="" defaultValue="&quot;'array or string'&quot;" alwaysStopAt="true" />
<variable name="INSTANCE2" expression="" defaultValue="&quot;'member or substring'&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jte" value="expect($MIXED1$).toEqual($MIXED2$);" description="expect(x).toEqual(y)" toReformat="false" toShortenFQNames="true">
<variable name="MIXED1" expression="" defaultValue="&quot;actual&quot;" alwaysStopAt="true" />
<variable name="MIXED2" expression="" defaultValue="&quot;equivalent_to&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jtm" value="expect($MIXED$).toMatch($PATTERN$);" description="expect(x).toMatch(y)" toReformat="false" toShortenFQNames="true">
<variable name="MIXED" expression="" defaultValue="&quot;actual&quot;" alwaysStopAt="true" />
<variable name="PATTERN" expression="" defaultValue="&quot;regexp expression&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
<template name="jtt" value="expect($FN$).toThrow($E$);" description="expect(fn).toThrow(e)" toReformat="false" toShortenFQNames="true">
<variable name="FN" expression="" defaultValue="&quot;fn&quot;" alwaysStopAt="true" />
<variable name="E" expression="" defaultValue="&quot;e&quot;" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
</context>
</template>
</templateSet>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment