support inputs with setters

Author: roguib

CHANGELOG.md

@@ -1,31 +1,31 @@
-import typescript from 'rollup-plugin-typescript2'
+import typescript from "rollup-plugin-typescript2";
 import shebang from "rollup-plugin-add-shebang";
 
-import pkg from './package.json'
+import pkg from "./package.json";
 
 export default [
-    {
-        input: 'src/index.ts',
-        output: { format: "cjs", file: `build/${pkg.name}.js` },
-        plugins: [
-            shebang({
-                include: `build/${pkg.name}.js`,
-              }),
-            typescript({
-              typescript: require('typescript'),
-            }),
-          ],
-    },
-    {
-        input: 'src/index.ts',
-        output: { format: "cjs", file: `build/${pkg.name}.min.js` },
-        plugins: [
-            shebang({
-                include: `build/${pkg.name}.min.js`,
-              }),
-            typescript({
-              typescript: require('typescript'),
-            }),
-          ],
-    },
-]
+  {
+    input: "src/index.ts",
+    output: { format: "cjs", file: `build/${pkg.name}.js` },
+    plugins: [
+      shebang({
+        include: `build/${pkg.name}.js`,
+      }),
+      typescript({
+        typescript: require("typescript"),
+      }),
+    ],
+  },
+  {
+    input: "src/index.ts",
+    output: { format: "cjs", file: `build/${pkg.name}.min.js` },
+    plugins: [
+      shebang({
+        include: `build/${pkg.name}.min.js`,
+      }),
+      typescript({
+        typescript: require("typescript"),
+      }),
+    ],
+  },
+];

rollup.config.js

@@ -4,7 +4,7 @@ const path = require("path");
 import { File, Input, Output } from "./shared/IFile";
 import * as logger from "./shared/logger";
 
-//TODO: Test in in other OS (github actions)
+// TODO: Test in in other OS (github actions)
 // TODO: Read files synchronously
 export const parser = (filePaths: Array<string>): Array<File> => {
   let result: Array<File> = [];
@@ -54,17 +54,10 @@ export const parser = (filePaths: Array<string>): Array<File> => {
         continue;
       }
       componentSelectorData[0].replace(/(\s+)/g, " ");
-      selector = componentSelectorData[0]
-        .split(" ")[1]
-        .replace(/('|")/g, "");
+      selector = componentSelectorData[0].split(" ")[1].replace(/('|")/g, "");
       logger.log("Selector:", selector);
     }
 
-    // TODO: @Input() set foo(value: type) {};
-
-    // input literal type
-    // @Input() variableName: 'type1' | 'type2' | 'type3'; and
-    // @Input() variableName: 'type1' | 'type2' | 'type3' = 'type1';
     // notice we ignore the default value of the input in the regex
     let inputs: Array<Input> = [];
     let inputsData: Array<string> =
@@ -136,6 +129,57 @@ export const parser = (filePaths: Array<string>): Array<File> => {
       });
     }
 
+    //@Input() set foo(value) {}
+    inputsData = [];
+    inputsData =
+      file?.match(
+        /@Input\(\)(\s+)set(\s+)[A-Za-z0-9]+\([A-Za-z0-9]+\)(\s+)/g
+      ) || [];
+    for (let input of inputsData) {
+      let tmp: Array<string> = input.replace(/(\s+)/g, " ").split(" ");
+      const inputName = tmp[2].replace(/(\s+)/g, "").split("(")[0];
+      inputs.push({
+        inputName,
+        type: undefined,
+      });
+    }
+
+    //@Input() set foo(value: type) {}
+    inputsData = [];
+    inputsData =
+      file?.match(
+        /@Input\(\)(\s+)set(\s+)[A-Za-z0-9]+\([A-Za-z0-9]+:(\s+)[A-Za-z0-9]+\)(\s+)/g
+      ) || [];
+    for (let input of inputsData) {
+      let tmp: Array<string> = input.replace(/(\s+)/g, " ").split(" ");
+      const inputName = tmp[2].replace(/(\s+)/g, "").split("(")[0];
+      const type = tmp[3].replace(/(\s+)/g, "").split(")")[0];
+      inputs.push({
+        inputName,
+        type,
+      });
+    }
+
+    //@Input() set foo(value: type) {}
+    inputsData = [];
+    inputsData =
+      file?.match(
+        /@Input\(\)(\s+)set(\s+)[A-Za-z0-9]+\([A-Za-z0-9]+:((\s+)('|")[A-Za-z0-9]+('|")(\s+)\|)+(\s)('|")[A-Za-z0-9]+('|")\)/g
+      ) || [];
+    for (let input of inputsData) {
+      let tmp: Array<string> = input.replace(/(\s+)/g, " ").split(" ");
+      const inputName = tmp[2].replace(/(\s+)/g, "").split("(")[0];
+      const type = tmp
+      .slice(3, tmp.length)
+      .join()
+      .replace(/'|"|\)/g, "")
+      .replace(/,/g, " ");
+      inputs.push({
+        inputName,
+        type,
+      });
+    }
+
     // @Input() variableName; and @Input() variableName. Also for now we will parse
     // in this part of the code @Input() variableName = value and @Input() variableName = value;
     inputsData = [];

src/parser.ts

@@ -22,6 +22,15 @@ export class MainComponent extends BaseComponent {
   @Input() variableAssignedValueAndSemicolon = value;
   @Output() buttonClick: EventEmitter<any> = new EventEmitter();
   @Output() fooVar: EventEmitter<number> = new EventEmitter();
+  @Input() set Foo(value) {
+
+  }
+  @Input() set FooType(value: string) {
+    
+  }
+  @Input() set FooTypeLiteral(value: 'literal1' | 'literal2' | 'literal3') {
+    
+  }
 
   someRandomFunction(action) {
     action = "action";

tests/fixtures/parser/main.component.ts

@@ -51,6 +51,18 @@ test("Parses the contents of the candidate files and returns an array of File ty
           inputName: "inputNameD",
           type: undefined,
         },
+        {
+          inputName: "Foo",
+          type: undefined,
+        },
+        {
+          inputName: "FooType",
+          type: "string",
+        },
+        {
+          inputName: "FooTypeLiteral",
+          type: "literal1 | literal2 | literal3",
+        },
         {
           inputName: "withoutType",
           type: undefined,