Merge pull request #9 from duckRabbitPy/stage-4

Add tsx and classes

Author: duckRabbitPy

public/app.js

@@ -57,6 +57,23 @@ const snippets = {
         `function firstElem<Type>(arr: Type[]): Type | undefined {return arr[0];}`,
         `topic complete return to menu!`,
     ],
+    Tsx: [
+        `type: tsx`,
+        `import type { menuBtn } from '@components/ReactHooks/menu';`,
+        `<Select selectProps={{ items: cards }} {...props} />`,
+        `useEffect(() => { findOptions(searchText);}, [searchText]);`,
+        `<div onClick={() => addLinkedRecord(recordId)} key={recordId}>`,
+        `export const useTransition = <T extends HTMLElement = HTMLElement>():`,
+        `topic complete return to menu!`,
+    ],
+    Classes: [
+        `type: classes`,
+        `class magician {powers: element[]; constructor(powers: element[]){}`,
+        `class Greeter {name: string; constructor() { this.name = "hello";}}`,
+        `class Place {readonly name: string = "world";}`,
+        `class Derived extends Base {constructor() {super();}}`,
+        `topic complete return to menu!`,
+    ],
 };
 // key event listener
 document.addEventListener("keydown", (event) => {

public/index.html

@@ -33,6 +33,8 @@ <h1>Touch-Typed!</h1>
         <input type="button" value="Generics" class="grid-item"></input>
         <input type="button" value="Interfaces" class="grid-item"></input>
         <input type="button" value="Casting" class="grid-item"></input>
+        <input type="button" value="Tsx" class="grid-item"></input>
+        <input type="button" value="Classes" class="grid-item"></input>
       </form>
 
 

src/app.ts

@@ -59,13 +59,32 @@ const snippets = {
     `function firstElem<Type>(arr: Type[]): Type | undefined {return arr[0];}`,
     `topic complete return to menu!`,
   ],
+  Tsx: [
+    `type: tsx`,
+    `import type { menuBtn } from '@components/ReactHooks/menu';`,
+    `<Select selectProps={{ items: cards }} {...props} />`,
+    `useEffect(() => { findOptions(searchText);}, [searchText]);`,
+    `<div onClick={() => addLinkedRecord(recordId)} key={recordId}>`,
+    `export const useTransition = <T extends HTMLElement = HTMLElement>():`,
+    `topic complete return to menu!`,
+  ],
+  Classes: [
+    `type: classes`,
+    `class magician {powers: element[]; constructor(powers: element[]){}`,
+    `class Greeter {name: string; constructor() { this.name = "hello";}}`,
+    `class Place {readonly name: string = "world";}`,
+    `class Derived extends Base {constructor() {super();}}`,
+    `topic complete return to menu!`,
+  ],
 };
 
 type selectOptions = {
   Functions: string[];
   Casting: string[];
   Interfaces: string[];
   Generics: string[];
+  Tsx: string[];
+  Classes: string[];
 };
 type options = keyof selectOptions;