Merge pull request #359 from sei40kr/react-redux-snippets

Improvements and fixes for React & Redux snippets

Author: AndreaCrotti

snippets/rjsx-mode/.yasparents renamed to snippets/rjsx-mode/.yas-parents

@@ -0,0 +1,21 @@
+;;; .yas-setup.el --- Yasnippet helper functions for JSX snippets
+
+;;; Commentary:
+
+;;; Code:
+
+(require 'yasnippet)
+(require 's)
+
+(defun yas-jsx-get-class-name-by-file-name ()
+  "Return name of class-like construct by `file-name'."
+  (if buffer-file-name
+      (let ((class-name (file-name-nondirectory
+                         (file-name-sans-extension buffer-file-name))))
+        (if (equal class-name "index")
+            (file-name-nondirectory
+             (directory-file-name (file-name-directory buffer-file-name)))
+          class-name))
+    ""))
+
+;;; .yas-setup.el ends here

snippets/rjsx-mode/.yas-setup.el

@@ -8,11 +8,11 @@
 import React, { Component } from 'react'
 import { Text, View } from 'react-native'
 
-export default class ${1:${TM_FILENAME_BASE}} extends Component {
+export default class ${1:`(yas-jsx-get-class-name-by-file-name)`} extends Component {
   render() {
     return (
       <View>
-        <Text> ${2:textInComponent} </Text>
+        <Text>${2:textInComponent}</Text>
       </View>
     )
   }

snippets/rjsx-mode/React-Native/rnc

@@ -8,14 +8,14 @@
 import React, { Component } from 'react'
 import { Text, View } from 'react-native'
 
-export class ${1:${TM_FILENAME_BASE}} extends Component {
+export class ${1:`(yas-jsx-get-class-name-by-file-name)`} extends Component {
   render() {
     return (
       <View>
-        <Text> ${2:textInComponent} </Text>
+        <Text>${2:textInComponent}</Text>
       </View>
     )
   }
 }
 
-export default ${1:${TM_FILENAME_BASE}}
+export default $1

snippets/rjsx-mode/React-Native/rnce

@@ -8,11 +8,11 @@
 import React, { Component } from 'react'
 import { Text, StyleSheet, View } from 'react-native'
 
-export default class ${1:${TM_FILENAME_BASE}} extends Component {
+export default class ${1:`(yas-jsx-get-class-name-by-file-name)`} extends Component {
   render() {
     return (
       <View>
-        <Text> ${2:textInComponent} </Text>
+        <Text>${2:textInComponent}</Text>
       </View>
     )
   }

snippets/rjsx-mode/React-Native/rncs

@@ -8,11 +8,11 @@
 import React, { PureComponent } from 'react'
 import { Text, View } from 'react-native'
 
-export default class ${1:${TM_FILENAME_BASE}} extends PureComponent {
+export default class ${1:`(yas-jsx-get-class-name-by-file-name)`} extends PureComponent {
   render() {
     return (
       <View>
-        <Text> ${2:textInComponent} </Text>
+        <Text>${2:textInComponent}</Text>
       </View>
     )
   }

snippets/rjsx-mode/React-Native/rnpc

@@ -8,14 +8,14 @@
 import React, { PureComponent } from 'react'
 import { Text, View } from 'react-native'
 
-export class ${1:${TM_FILENAME_BASE}} extends PureComponent {
+export class ${1:`(yas-jsx-get-class-name-by-file-name)`} extends PureComponent {
   render() {
     return (
       <View>
-        <Text> ${2:textInComponent} </Text>
+        <Text>${2:textInComponent}</Text>
       </View>
     )
   }
 }
 
-export default ${1:${TM_FILENAME_BASE}}
+export default $1

snippets/rjsx-mode/React-Native/rnpce

@@ -5,6 +5,6 @@
 # key: cdm
 # --
 
-componentDidMount = () => {
+componentDidMount() {
   $0
 }

snippets/rjsx-mode/React/cdm

@@ -5,6 +5,6 @@
 # key: cdup
 # --
 
-componentDidUpdate = (prevProps, prevState) => {
+componentDidUpdate(prevProps, prevState, snapshot) {
   $0
 }