Add types declaration in JS SDK

example.php

@@ -32,7 +32,7 @@ function getSSLPage($url) {
     }
 
     //$spec = getSSLPage('https://appwrite.io/v1/open-api-2.json?extensions=1');
-    $spec = getSSLPage('https://localhost:2444/v1/open-api-2.json?extensions=1'); // Enable only with Appwrite local server running on port 80
+    $spec = getSSLPage('https://appwrite.io/v1/open-api-2.json?extensions=1'); // Enable only with Appwrite local server running on port 80
 
     if(empty($spec)) {
         throw new Exception('Failed to fetch spec from Appwrite server');
@@ -80,6 +80,7 @@ function getSSLPage($url) {
     $sdk
         ->setDescription('Repo description goes here')
         ->setShortDescription('Repo short description goes here')
+        ->setVersion('0.0.0')
         ->setURL('https://example.com')
         ->setLogo('https://appwrite.io/v1/images/console.png')
         ->setLicenseContent('test test test')

src/SDK/Language/JS.php

@@ -7,8 +7,8 @@
 class JS extends Language {
 
     protected $params = [
-        'npmPackage' => 'packageName',
-        'bowerPackage' => 'packageName',
+        'npmPackage' => 'appwrite',
+        'bowerPackage' => 'appwrite',
     ];
 
     /**
@@ -164,6 +164,18 @@ public function getFiles()
                 'template'      => '/js/docs/example.md.twig',
                 'minify'        => false,
             ],
+            [
+                'scope'         => 'default',
+                'destination'   => 'types/index.d.ts',
+                'template'      => '/js/types/index.d.ts.twig',
+                'minify'        => false,
+            ],
+            [
+                'scope'         => 'default',
+                'destination'   => 'tsconfig.json',
+                'template'      => '/js/tsconfig.json.swig',
+                'minify'        => false,
+            ],
         ];
     }
 
@@ -178,6 +190,8 @@ public function getTypeName($type)
             case self::TYPE_NUMBER:
                 return 'number';
             break;
+            case self::TYPE_ARRAY:
+                return 'string[]';
             case self::TYPE_FILE:
                 return 'File';
             break;

templates/js/package.json.twig

@@ -5,10 +5,13 @@
   "version": "{{ sdk.version }}",
   "license": "{{ sdk.license }}",
   "main": "src/sdk.js",
+  "types": "types/index.d.ts",
   "repository": {
     "type": "git",
     "url": "{{ sdk.gitURL }}"
   },
-  "devDependencies": {},
+  "devDependencies": {
+  "typescript": "^3.6.4"
+  },
   "dependencies": {}
 }

templates/js/tsconfig.json.twig

@@ -0,0 +1,8 @@
+{
+    "compilerOptions": {
+        "target": "ES6",
+        "lib": ["ES2015", "ES6", "dom"],
+        "module": "commonjs",
+        "sourceMap": true
+    }
+}

templates/js/types/index.d.ts.twig

@@ -0,0 +1,68 @@
+// Type definitions for {{ language.params.npmPackage }} {{ sdk.version }}
+// Project: {{ spec.title }}
+
+
+/*~ This declaration specifies that the class constructor function
+ *~ is the exported object from the file
+ */
+export = {{ spec.title | caseUcfirst }};
+
+/*~ Write your module's methods and properties in this class */
+declare class {{ spec.title | caseUcfirst }} {
+    constructor();
+
+    /**
+     * @param {string} endpoint
+     * @returns {this}
+     */
+    setEndpoint(endpoint: string): this;
+
+{% for header in spec.global.headers %}
+	/**
+	 * Set {{header.key | caseUcfirst}}
+	 *
+{% if header.description %}
+{{header.description|comment2}}
+	 *
+{% endif %}
+     * @param value string
+     *
+     * @return this
+     */
+    set{{header.key | caseUcfirst}}({{ header.key | caseCamel }}: string): this;
+{% endfor %}
+
+{% for service in spec.services %}
+	{{ service.name }}:{{ spec.title | caseUcfirst }}.{{ service.name | caseUcfirst }};
+{% endfor %}
+
+}
+
+declare namespace {{ spec.title | caseUcfirst }} {
+
+{% for service in spec.services %}
+    export interface {{ service.name | caseUcfirst }} {
+
+{% for method in service.methods %}
+        /**
+         * {{ method.title }}
+         *
+{% if method.description %}
+{{ method.description|comment2 }}
+{% endif %}
+	     *
+{% for parameter in method.parameters.all %}
+         * @param {{ '{' }}{{ parameter.type | typeName }}{{ '}' }} {{ parameter.name | caseCamel }}
+{% endfor %}
+         * @throws {Error}
+         * @return {% if method.location %}{string}{% elseif method.cookies %}{null}{% else %}{Promise}{% endif %}
+
+         */
+	    {{ method.name | caseCamel }}({% for parameter in method.parameters.all %}{{ parameter.name | caseCamel }}: {{ parameter.type | typeName }}{% if not loop.last %}, {% endif %}{% endfor %}): Promise<string>;
+
+{% endfor %}
+	}
+
+{% endfor %}
+
+}