Merge pull request #1727 from NativeScript/cankov/network-spike

WebInspector infrastructure

debugger/debugger.ts

@@ -0,0 +1,39 @@
+export namespace domains {
+    export namespace network {
+        export interface NetworkDomainDebugger {
+            create(): domains.network.NetworkRequest;
+        }
+        
+        export interface Headers {
+        }
+
+        export interface Request {
+            url: string;
+            method: string;
+            headers: domains.network.Headers;
+            postData?: string;
+        }
+
+        export interface Response {
+            url: string;
+            status: number;
+            statusText: string;
+            headers: Headers;
+            headersText?: string;
+            mimeType: string;
+            requestHeaders?: domains.network.Headers;
+            requestHeadersText?: string;
+            fromDiskCache?: boolean;
+        }
+
+        export interface NetworkRequest {
+            mimeType: string;
+            data: any;
+            responseReceived(response: domains.network.Response);
+            loadingFinished();
+            requestWillBeSent(request: domains.network.Request);
+        }
+    }
+}
+
+export var network: domains.network.NetworkDomainDebugger;

debugger/package.json

@@ -0,0 +1,2 @@
+{ "name" : "debugger",
+  "main" : "debugger.js" }

debugger/webinspector.ios.ts

@@ -0,0 +1,229 @@
+import * as inspectorCommandTypes from "./InspectorBackendCommands.ios";
+var inspectorCommands: typeof inspectorCommandTypes = require("./InspectorBackendCommands");
+
+import * as debuggerDomains from "./debugger";
+
+declare var __inspectorTimestamp;
+
+const frameId = "NativeScriptMainFrameIdentifier";
+const loaderId = "Loader Identifier";
+
+var resources_datas = [];
+
+var documentTypeByMimeType = {
+    "text/xml": "Document",
+    "text/plain": "Document",
+    "text/html": "Document",
+    "application/xml": "Document",
+    "application/xhtml+xml": "Document",
+    "text/css": "Stylesheet",
+    "text/javascript": "Script",
+    "text/ecmascript": "Script",
+    "application/javascript": "Script",
+    "application/ecmascript": "Script",
+    "application/x-javascript": "Script",
+    "application/json": "Script",
+    "application/x-json": "Script",
+    "text/x-javascript": "Script",
+    "text/x-json": "Script",
+    "text/typescript": "Script"
+}
+
+export class Request {
+
+    private _resourceType: string;
+    private _data: any;
+    private _mimeType: string;
+
+    constructor(private _networkDomainDebugger: NetworkDomainDebugger, private _requestID: string) {
+    }
+
+    get mimeType(): string {
+        return this._mimeType;
+    }
+
+    set mimeType(value: string) {
+        if (this._mimeType !== value) {
+            this._mimeType = value;
+
+            var resourceType = "Other";
+
+            if (this._mimeType in documentTypeByMimeType) {
+                resourceType = documentTypeByMimeType[this._mimeType];
+            }
+
+            if(this._mimeType.indexOf("image/") !== -1) {
+                resourceType = "Image";
+            }
+
+            if (this._mimeType.indexOf("font/") !== -1) {
+                resourceType = "Font";
+            }
+
+            this._resourceType = resourceType;
+        }
+    }
+
+    get requestID(): string {
+        return this._requestID;
+    }
+
+    get hasTextContent(): boolean {
+        return [ "Document", "Stylesheet", "Script", "XHR" ].indexOf(this._resourceType) !== -1;
+    }
+
+    get data(): any {
+        return this._data;
+    }
+
+    set data(value: any) {
+        if (this._data !== value) {
+            this._data = value;
+        }
+    }
+
+    get resourceType() {
+        return this._resourceType;
+    }
+
+    set resourceType(value: string) {
+        if (this._resourceType !== value) {
+                this._resourceType = value;
+        }
+    }
+    
+    public responseReceived(response: inspectorCommandTypes.NetworkDomain.Response): void {
+        if (this._networkDomainDebugger.enabled) {
+            this._networkDomainDebugger.events.responseReceived(this.requestID, frameId, loaderId, __inspectorTimestamp(), <any>this.resourceType, response);
+        }
+    }
+    
+    public loadingFinished(): void {
+        if (this._networkDomainDebugger.enabled) {
+            this._networkDomainDebugger.events.loadingFinished(this.requestID, __inspectorTimestamp());
+        }
+    }
+    
+    public requestWillBeSent(request: inspectorCommandTypes.NetworkDomain.Request): void {
+        if (this._networkDomainDebugger.enabled) {
+            this._networkDomainDebugger.events.requestWillBeSent(this.requestID, frameId, loaderId, request.url, request, __inspectorTimestamp(), { type: 'Script' });
+        }
+    }
+}
+
+@inspectorCommands.DomainDispatcher("Network")
+export class NetworkDomainDebugger implements inspectorCommandTypes.NetworkDomain.NetworkDomainDispatcher {
+    private _enabled: boolean;
+    public events: inspectorCommandTypes.NetworkDomain.NetworkFrontend;
+
+    constructor(dispatchMessage: (message: String) => void) {
+        this.events = new inspectorCommands.NetworkDomain.NetworkFrontend(dispatchMessage);
+    }
+    
+    get enabled(): boolean {
+        return this._enabled;
+    }
+
+    /**
+     * Enables network tracking, network events will now be delivered to the client.
+     */
+    enable(): void {
+        if (debuggerDomains.network) {
+            throw new Error("One NetworkDomainDebugger may be enabled at a time.");
+        } else {
+            debuggerDomains.network = this;
+        }
+        this._enabled = true;
+    }
+    
+    /**
+     * Disables network tracking, prevents network events from being sent to the client.
+     */
+    disable(): void {
+        if (debuggerDomains.network === this) {
+            debuggerDomains.network = null;
+        }
+        this._enabled = false;
+    }
+    
+    /**
+     * Specifies whether to always send extra HTTP headers with the requests from this page.
+     */
+    setExtraHTTPHeaders(params: inspectorCommandTypes.NetworkDomain.SetExtraHTTPHeadersMethodArguments): void {
+        //
+    }
+    
+    /**
+     * Returns content served for the given request.
+     */
+    getResponseBody(params: inspectorCommandTypes.NetworkDomain.GetResponseBodyMethodArguments): { body: string, base64Encoded: boolean } {
+        var resource_data = resources_datas[params.requestId];
+        var body = resource_data.hasTextContent ? NSString.alloc().initWithDataEncoding(resource_data.data, 4).toString() :
+                    resource_data.data.base64EncodedStringWithOptions(0);
+
+        if(resource_data) {
+             return {
+                 body: body,
+                 base64Encoded: !resource_data.hasTextContent
+             };
+        } 
+    }
+    
+    /**
+     * Tells whether clearing browser cache is supported.
+     */
+    canClearBrowserCache(): { result: boolean } {
+        return {
+            result: false
+        };
+    }
+    
+    /**
+     * Clears browser cache.
+     */
+    clearBrowserCache(): void {
+        //
+    }
+    
+    /**
+     * Tells whether clearing browser cookies is supported.
+     */
+    canClearBrowserCookies(): { result: boolean } {
+        return {
+            result: false
+        };
+    }
+    
+    /**
+     * Clears browser cookies.
+     */
+    clearBrowserCookies(): void {
+        //
+    }
+    
+    /**
+     * Toggles ignoring cache for each request. If <code>true</code>, cache will not be used.
+     */
+    setCacheDisabled(params: inspectorCommandTypes.NetworkDomain.SetCacheDisabledMethodArguments): void {
+        //
+    }
+    
+    /**
+     * Loads a resource in the context of a frame on the inspected page without cross origin checks.
+     */
+    loadResource(params: inspectorCommandTypes.NetworkDomain.LoadResourceMethodArguments): { content: string, mimeType: string, status: number } {
+        return {
+            content: "",
+            mimeType: "",
+            status: 200
+        }
+    }
+    
+    public static idSequence: number = 0;
+    create(): Request {
+        let id = (++NetworkDomainDebugger.idSequence).toString();
+        let resourceData = new Request(this, id);
+        resources_datas[id] = resourceData;
+        return resourceData;
+    }
+}

globals/decorators.ts

@@ -0,0 +1,32 @@
+if (typeof global.__decorate !== "function") {
+    global.__decorate = function (decorators, target, key, desc) {
+        var c = arguments.length;
+        var r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+
+        if (typeof global.Reflect === "object" && typeof global.Reflect.decorate === "function") {
+            r = global.Reflect.decorate(decorators, target, key, desc);
+        }
+        else {
+            for (var i = decorators.length - 1; i >= 0; i--) {
+                if (d = decorators[i]) {
+                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+                }
+            }
+        }
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    }
+}
+
+if (typeof global.__metadata !== "function") {
+    global.__metadata = function (k, v) {
+        if (typeof global.Reflect === "object" && typeof global.Reflect.metadata === "function") {
+            return global.Reflect.metadata(k, v);
+        }
+    };
+}
+
+if (typeof global.__param !== "function") {
+    global.__param = (global && global.__param) || function (paramIndex, decorator) {
+        return function (target, key) { decorator(target, key, paramIndex); }
+    };
+}

globals/globals.ts

@@ -100,38 +100,7 @@ if (platform.device.os === platform.platformNames.android) {
     global.console.dump = function (args) { c.dump(args); };
 }
 
-if (typeof global.__decorate !== "function") {
-    global.__decorate = function (decorators, target, key, desc) {
-        var c = arguments.length;
-        var r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-
-        if (typeof global.Reflect === "object" && typeof global.Reflect.decorate === "function") {
-            r = global.Reflect.decorate(decorators, target, key, desc);
-        }
-        else {
-            for (var i = decorators.length - 1; i >= 0; i--) {
-                if (d = decorators[i]) {
-                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-                }
-            }
-        }
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-}
-
-if (typeof global.__metadata !== "function") {
-    global.__metadata = function (k, v) {
-        if (typeof global.Reflect === "object" && typeof global.Reflect.metadata === "function") {
-            return global.Reflect.metadata(k, v);
-        }
-    };
-}
-
-if (typeof global.__param !== "function") {
-    global.__param = (global && global.__param) || function (paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); }
-    };
-}
+require("./decorators");
 
 export function Deprecated(target: Object, key?: string | symbol, descriptor?: any) {
     if (descriptor) {

http/http-request.d.ts

@@ -2,6 +2,5 @@
 
 declare module "http/http-request" {
     import http = require("http");
-
     export var request: (options: http.HttpRequestOptions) => Promise<http.HttpResponse>;
 }

http/http-request.ios.ts

@@ -1,15 +1,22 @@
 /**
  * iOS specific http request implementation.
  */
+
 import http = require("http");
+
 import * as types from "utils/types";
 import * as imageSourceModule from "image-source";
 import * as utilsModule from "utils/utils";
 import * as fsModule from "file-system";
 
+import domainDebugger = require("./../debugger/debugger");
+
 var GET = "GET";
 var USER_AGENT_HEADER = "User-Agent";
 var USER_AGENT = "Mozilla/5.0 (iPad; CPU OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10A5355d Safari/8536.25";
+var sessionConfig = NSURLSessionConfiguration.defaultSessionConfiguration();
+var queue = NSOperationQueue.mainQueue();
+var session = NSURLSession.sessionWithConfigurationDelegateDelegateQueue(sessionConfig, null, queue);
 
 var utils: typeof utilsModule;
 function ensureUtils() {
@@ -29,10 +36,7 @@ export function request(options: http.HttpRequestOptions): Promise<http.HttpResp
     return new Promise<http.HttpResponse>((resolve, reject) => {
 
         try {
-            var sessionConfig = NSURLSessionConfiguration.defaultSessionConfiguration();
-            var queue = NSOperationQueue.mainQueue();
-            var session = NSURLSession.sessionWithConfigurationDelegateDelegateQueue(
-                sessionConfig, null, queue);
+            var debugRequest = domainDebugger.network && domainDebugger.network.create();
 
             var urlRequest = NSMutableURLRequest.requestWithURL(
                 NSURL.URLWithString(options.url));
@@ -72,6 +76,21 @@ export function request(options: http.HttpRequestOptions): Promise<http.HttpResp
                                 (<any>http).addHeader(headers, key, value);
                             }
                         }
+                        
+                        if (debugRequest) {
+                            debugRequest.mimeType = response.MIMEType;
+                            debugRequest.data = data;
+                            var debugResponse = {
+                                url: options.url,
+                                status: response.statusCode,
+                                statusText: NSHTTPURLResponse.localizedStringForStatusCode(response.statusCode),
+                                headers: headers,
+                                mimeType: response.MIMEType,
+                                fromDiskCache: false
+                            }
+                            debugRequest.responseReceived(debugResponse);
+                            debugRequest.loadingFinished();
+                        }
 
                         resolve({
                             content: {
@@ -126,6 +145,15 @@ export function request(options: http.HttpRequestOptions): Promise<http.HttpResp
                     }
                 });
 
+            if(options.url && debugRequest) {
+                var request = {
+                    url: options.url,
+                    method: "GET",
+                    headers: options.headers
+                };
+                debugRequest.requestWillBeSent(request);
+            }
+
             dataTask.resume();
         } catch (ex) {
             reject(ex);

inspector_modules.ios.ts

@@ -0,0 +1,2 @@
+require("./globals/decorators");
+require("./debugger/webinspector");

tsconfig.json

@@ -418,6 +418,10 @@
         "data/observable/observable.ts",
         "data/virtual-array/virtual-array.d.ts",
         "data/virtual-array/virtual-array.ts",
+        "debugger/InspectorBackendCommands.ios.ts",
+        "debugger/debugger.ts",
+        "debugger/webinspector.ios.ts",
+        "inspector_modules.ios.ts",
         "declarations.android.d.ts",
         "declarations.d.ts",
         "declarations.ios.d.ts",
@@ -437,6 +441,7 @@
         "fps-meter/fps-native.d.ts",
         "fps-meter/fps-native.ios.ts",
         "globals/globals.ts",
+        "globals/decorators.ts",
         "http/http-request.android.ts",
         "http/http-request.d.ts",
         "http/http-request.ios.ts",
@@ -706,4 +711,4 @@
     "atom": {
         "rewriteTsconfig": true
     }
-}
+}