Project: react-templates-plugin (GitHub Link)

react-templates-plugin-master
- src
  - icons
    - fileTypes
    - RTIcons.java
  - com
    - wix
      - rt
        editor
        RTJSInjector.java
        RTJSBracesUtil.java
        projectView
        RTMergerTreeStructureProvider.java
        RTMoveProvider.java
        RTFile.java
        RTRenameHandler.java
        RTNode.java
        actions
        CreateRTDialog.form
        CreateRTAction.java
        SwitchViewAction.java
        RTActionUtil.java
        AbstractCreateFormAction.java
        BuildTemplateAction.java
        build
        RTFileType.java
        Result.java
        RTFileUtil.java
        VerifyMessage.java
        RTFileListener.java
        RTFileTypeFactory.java
        cli
        RTSettings.java
        RTFinder.java
        RTCliBuilder.java
        RTRunner.java
        Outdated.java
        lang
        lexer
        RTTokenTypes.java
        RTLexer.java
        RTTokenType.java
        reactTemplates.flex
        _RTLexer.java
        RTSyntaxHighlighterFactory.java
        RTErrorFilter.java
        RTInfoFilter.java
        psi
        RTFilterExpression.java
        RTAsExpression.java
        RTRecursiveVisitor.java
        RTElementVisitor.java
        RTRepeatExpression.java
        RTLanguage.java
        parser
        RTJSParser.java
        RTElementTypes.java
        RTParserDefinition.java
        RTParser.java
        RTBundle.java
        RTProjectComponent.java
        RTBundle.properties
        RTDocumentationProvider.java
        inspection
        RTExternalAnnotator.java
        RTInspection.java
        codeInsight
        DirectiveUtil.java
        RTHtmlExtension.java
        RTRequireTagDescriptor.java
        RTXmlAttributeDescriptor2.java
        RTAttributeDescriptorsProvider.java
        PsiFileUtils.java
        RTXmlAttributeDescriptor.java
        RTTagDescriptorsProvider.java
        RTClassTagDescriptor.java
        RTAttributes.java
        RTImportTagDescriptor.java
        RTDocTypeProvider.java
        settings
        RTSettingsPage.form
        Settings.java
        RTSettingsPage.java
      - rtk
        projectView
        RTMoveProvider.kt
        RTNode.kt
        RTMergerTreeStructureProviderK2.kt
        RTRenameHandler.kt
        RTFile.kt
        cli
        RTCliBuilder.kt
        Npm.kt
        Outdated.kt
        RTRunner.kt
        RTSettings.kt
- resources
  - fileTemplates
    - internal
      - RT Controller File commonjs.js.ft
      - RT Controller File amd.js.ft
      - RT Controller File typescript.ts.ft
      - RT Controller File es6.js.ft
      - RT File.rt.html
      - RT File.rt.ft
      - RT Controller File none.js.ft
  - inspectionDescriptions
    - RT.html
  - tagDescriptions
    - rt-scope.html
    - rt-repeat.html
    - rt-class.html
    - rt-require.html
    - rt-if.html
    - rt-props.html
- LICENSE
- META-INF
  - plugin.xml
- README.md
- .gitignore
- docs

React-Templates Plugin

React-Templates Light weight templates for React. see more here.
React-Templates plugin for WebStorm, PHPStorm and other Idea family IDE, provides integration with React-Templates and shows errors and warnings inside the editor.

Support displaying react-templates warnings as intellij inspections
Support for react-templates file types
Automatically generate the javascript files from react-templates files
Group rt file with generated js file
Create a new RT file with controller

Getting started

Prerequisites

NodeJS
IntelliJ 13.1.4 / WebStorm 8.0.4, or above.

Install react-templates npm package react-templates npm:

$ cd <project path>
$ npm install react-templates

Or, install react-templates globally:

$ npm install -g react-templates

Settings

To get started, you need to set the react-templates plugin settings:

Go to preferences, react-templates plugin page and check the Enable plugin.
Set the path to the nodejs interpreter bin file.
Set the path to the react-templates bin file. should point to <project path>node_modules/react-templates/bin/rt.js if you installed locally or /usr/local/bin/rt if you installed globally.
- For Windows: install react-templates globally and point to the react-templates cmd file like, e.g. C:\Users\<username>\AppData\Roaming\npm\rt.cmd
Select output modules system (AMD/CommonJS/Globals)
Select whether to group controller file with rt and rt.js files

Configuration:
React-Templates config

New RT File:
React-Templates inline

React-Templates inline

RT Attributes completion:
React-Templates inline

RT Attributes quick docs:
React-Templates inline

A Note to contributors

react-templates plugin uses the code from here as a module, to run the project you need to clone that project as well.

git clone [email protected]:idok/react-templates-plugin.git
git clone [email protected]:idok/intellij-common.git

Open intellij
Import project react-templates-plugin
Import module intellij-common
Add module intellij-common as dependency for react-templates-plugin