add snippet editor to the demo

demo/kitchen-sink/docs/tmSnippet.tmSnippet

@@ -1,19 +1,26 @@
-$$------------------------------------
-tabTrigger: t
-name: Heading 3
-scope: language
-content: -----------------------------
-\begin{${1:documnet}}
-    ${2:$TM_SELECTED_TEXT:some latex}
-    ${3:$TM_SELECTED_TEXT/a/b/c}
-    ${4:${TM_SELECTED_TEXT/(.)/\\u$1/g:7}}
-\end{$1}
-$0\\$$
-$$------------------------------------
-tabTrigger: ^3
-name: Heading 3
-scope: language
-content: -----------------------------
-
-${TM_CURRENT_LINE/./^/g}
-$$------------------------------------
+# Function
+snippet fun
+	function ${1?:function_name}(${2:argument}) {
+		${3:// body...}
+	}
+# Anonymous Function
+regex /((=)\s*|(:)\s*|(\()|\b)/f/(\))?/
+name f
+	function${M1?: ${1:functionName}}($2) {
+		${0:$TM_SELECTED_TEXT}
+	}${M2?;}${M3?,}${M4?)}
+# Immediate function
+trigger \(?f\(
+endTrigger \)?
+snippet f(
+	(function(${1}) {
+		${0:${TM_SELECTED_TEXT:/* code */}}
+	}(${1}));
+# if
+snippet if
+	if (${1:true}) {
+		${0}
+	}
+	
+	
+