return Rx.Observable.create( (observer:Rx.Observer<any>) => {

        let xhr = $.ajax({
                url: '/proxy/en.wikipedia.org/w/api.php',
                async:true,
                timeout: 1500,
                cache:false,
                data: {
                    action: 'opensearch',
                    format: 'json',
                    search: term
                },
                error: (jqXHR: JQueryXHR, textStatus: string, errorThrown: string) => {
                      //console.log( "error", textStatus, errorThrown);
                      observer.error( errorThrown );
                },
                success: (data: any, textStatus: string, jqXHR: JQueryXHR) => {
                    //console.log( "data", data);
                    observer.next( data );
                    observer.complete();
                }
          });
          return () => { // On Unsubscribe
            if( xhr!=null && !xhr.status) {
                xhr.abort();
                console.log( "canceled!" );    
            }

          }
    });

var updateTable = function() {
    $.ajax({
        url: "/peekLeaderboard",
        dataType: 'json'
    })
    .done(function(data) {
        let usernames = data.Usernames
        console.log(usernames)
        let scores = data.Scores
        let table = "<table id='leaderboard-table'>\
                      <thead>\
                        <tr>\
                          <th></th>\
                          <th>Name</th>\
                          <th>Score</th>\
                        </tr>\
                      </thead>"
        table += "<tbody>"
        for (var i = 0; i < 10; i++) {
            table += "<tr>\
            <td>" + (i + 1).toString() + "</td>"
         + "<td>" + usernames[i] + "</td>"
         + "<td>" + scores[i] + "</td></tr>"
        }
        table +=  "</tbody>"
        document.getElementById("leaderboardTable").innerHTML = table
    })
}

export function fetchServerConfig(){
    return $.ajax({
        url: getConfigurationServiceApiUrl(),
        dataType: "jsonp",
        jsonpCallback: "callback"
    });
}

export function getImages(keyword) {
  let options: JQueryAjaxSettings = {
      url: `${CLIP_ART_ENDPOINT}?query=${keyword}&amount=20`
  };

  return $.ajax(options);
}

 function findFilesByName(text, onComplete) {
    let originalText = text;
    
    if(text && text.length > 1) {
       $.ajax({
          url: '/file/' + Common.getProjectName() + '?expression=' + originalText,
          success: function (filesMatched) {
             var response = [];
             
             for(var i = 0; i < filesMatched.length; i++) {
                var fileMatch = filesMatched[i];
                var typeEntry = {
                   resource: fileMatch.resource,
                   path: fileMatch.path,
                   name: fileMatch.name,
                   project: Common.getProjectName()
                };
                response.push(fileMatch);
             }
             onComplete(response, originalText);
          },
          async: true
       });
    } else {
       onComplete([], originalText);
    }
 }

 private static fetchStaleVersionInfo() {
   return $.ajax({
     method: "GET",
     url: Routes.apiv1StaleVersionInfoPath(),
     beforeSend: mrequest.xhrConfig.forVersion("v1")
   });
 }

  it('should PUT', async () => {
    mock.use((req, res) => {
      expect(req.method()).to.eq('PUT');
      expect(String(req.url())).to.eq('/');
      expect(req.body()).to.eq(JSON.stringify({foo: 'bar'}));
      return res
        .status(200)
        .reason('OK')
        .header('Content-Length', '12')
        .body('Hello World!');
    });

    const res = await $.ajax({
      method: 'put',
      url: '/',
      data: JSON.stringify({foo: 'bar'})
    })
      .then((data, status, xhr) => {
        expect(xhr.status).to.eq(200);
        expect(xhr.statusText).to.eq('OK');
        expect(xhr.getAllResponseHeaders()).to.contain(
          'content-length: 12\r\n'
        );
        expect(data).to.eq('Hello World!');
      })
      .catch((xhr, status, error) => expect.fail(error));
  });

	/**
	 * @memberof RegistrationController
	 * @this RegistrationController
	 * @instance
	 * @method save
	 * @desc Registers or updates the current device
	 */
	private save(): void {
		// Get the device details
		this.device.name = String($("#deviceName").val());

		// Send a PUT request to the server, including the device ID in the request headers
		$.ajax({
			url: `/devices/${this.device.name}`,
			context: this,
			type: "PUT",
			headers: {
				"X-DEVICE-ID": String(this.device.id)
			},
			success(_registrationReponse: string, _status: JQuery.Ajax.SuccessTextStatus, jqXHR: JQuery.jqXHR): void {
				// Get the device ID returned in the Location header
				this.device.id = jqXHR.getResponseHeader("Location");

				const device: Setting = new Setting("Device", JSON.stringify(this.device));

				// Update the database
				device.save();

				// Pop the view off the stack
				this.appController.popView();
			},
			error: (request: JQuery.jqXHR, statusText: JQuery.Ajax.ErrorTextStatus): void => this.appController.showNotice({
				label: `Registration failed: ${statusText}, ${request.status} (${request.statusText})`,
				leftButton: {
					style: "cautionButton",
					label: "OK"
				}
			})
		});
	}

 export function showFileHistory() {
    var editorState: FileEditorState = FileEditor.currentEditorState();
    var editorPath: FilePath = editorState.getResource();
 
    if(!editorPath) {
       console.log("Editor path does not exist: ", editorState);
    }
    var resource = editorPath.getProjectPath();
    
    $.ajax({
       url: '/history/' + Common.getProjectName() + '/' + resource,
       success: function (currentRecords) {
          var historyRecords = [];
          var historyIndex = 1;
          
          for (var i = 0; i < currentRecords.length; i++) {
             var currentRecord = currentRecords[i];
             var recordResource: FilePath = FileTree.createResourcePath(currentRecord.path);
             
             historyRecords.push({ 
                recid: historyIndex++,
                resource: "<div class='historyPath'>" + recordResource.getFilePath() + "</div>", // /blah/file.snap 
                date: currentRecord.date,
                time: currentRecord.timeStamp,
                script: recordResource.getResourcePath() // /resource/<project>/blah/file.snap
             });
          }
          w2ui['history'].records = historyRecords;
          w2ui['history'].refresh();
       },
       async: true
    });
 }

	/**
	 * @memberof RegistrationController
	 * @this RegistrationController
	 * @instance
	 * @method unregister
	 * @desc Unregisters the current device
	 */
	private unregister(): void {
		// Send a DELETE request to the server
		$.ajax({
			url: `/devices/${this.device.id}`,
			context: this,
			type: "DELETE",
			headers: {
				"X-DEVICE-ID": String(this.device.id)
			},
			success(): void {
				const device: Setting = new Setting("Device", null);

				// Remove the device from the database
				device.remove();

				// Pop the view off the stack
				this.appController.popView();
			},
			error: (request: JQuery.jqXHR, statusText: JQuery.Ajax.ErrorTextStatus): void => this.appController.showNotice({
				label: `Unregister failed: ${statusText}, ${request.status} (${request.statusText})`,
				leftButton: {
					style: "cautionButton",
					label: "OK"
				}
			})
		});
	}