room, user, ddg autocomplete providers (wip)
This commit is contained in:
parent
0df201c483
commit
4bc8ec3e6d
9 changed files with 163 additions and 19 deletions
|
@ -1,3 +1,5 @@
|
|||
export default class AutocompleteProvider {
|
||||
|
||||
getName(): string {
|
||||
return 'Default Provider';
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,7 +1,20 @@
|
|||
import CommandProvider from './CommandProvider';
|
||||
import DuckDuckGoProvider from './DuckDuckGoProvider';
|
||||
import RoomProvider from './RoomProvider';
|
||||
import UserProvider from './UserProvider';
|
||||
|
||||
const COMPLETERS = [CommandProvider].map(completer => new completer());
|
||||
const PROVIDERS = [
|
||||
CommandProvider,
|
||||
DuckDuckGoProvider,
|
||||
RoomProvider,
|
||||
UserProvider
|
||||
].map(completer => new completer());
|
||||
|
||||
export function getCompletions(query: String) {
|
||||
return COMPLETERS.map(completer => completer.getCompletions(query));
|
||||
return PROVIDERS.map(provider => {
|
||||
return {
|
||||
completions: provider.getCompletions(query),
|
||||
provider
|
||||
};
|
||||
});
|
||||
}
|
||||
|
|
|
@ -62,4 +62,8 @@ export default class CommandProvider extends AutocompleteProvider {
|
|||
}
|
||||
return Q.when(completions);
|
||||
}
|
||||
|
||||
getName() {
|
||||
return 'Commands';
|
||||
}
|
||||
}
|
||||
|
|
35
src/autocomplete/DuckDuckGoProvider.js
Normal file
35
src/autocomplete/DuckDuckGoProvider.js
Normal file
|
@ -0,0 +1,35 @@
|
|||
import AutocompleteProvider from './AutocompleteProvider';
|
||||
import Q from 'q';
|
||||
import 'whatwg-fetch';
|
||||
|
||||
const DDG_REGEX = /\/ddg\w+(.+)$/;
|
||||
const REFERER = 'vector';
|
||||
|
||||
export default class DuckDuckGoProvider extends AutocompleteProvider {
|
||||
static getQueryUri(query: String) {
|
||||
return `http://api.duckduckgo.com/?q=${encodeURIComponent(query)}&format=json&t=${encodeURIComponent(REFERER)}`;
|
||||
}
|
||||
|
||||
getCompletions(query: String) {
|
||||
if(!query)
|
||||
return Q.when([]);
|
||||
|
||||
let promise = Q.defer();
|
||||
fetch(DuckDuckGoProvider.getQueryUri(query), {
|
||||
method: 'GET'
|
||||
}).then(response => {
|
||||
let results = response.Results.map(result => {
|
||||
return {
|
||||
title: result.Text,
|
||||
description: result.Result
|
||||
};
|
||||
});
|
||||
promise.resolve(results);
|
||||
});
|
||||
return promise;
|
||||
}
|
||||
|
||||
getName() {
|
||||
return 'Results from DuckDuckGo';
|
||||
}
|
||||
}
|
31
src/autocomplete/RoomProvider.js
Normal file
31
src/autocomplete/RoomProvider.js
Normal file
|
@ -0,0 +1,31 @@
|
|||
import AutocompleteProvider from './AutocompleteProvider';
|
||||
import Q from 'q';
|
||||
import MatrixClientPeg from '../MatrixClientPeg';
|
||||
|
||||
const ROOM_REGEX = /(?=#)[^\s]*/g;
|
||||
|
||||
export default class RoomProvider extends AutocompleteProvider {
|
||||
constructor() {
|
||||
super();
|
||||
}
|
||||
|
||||
getCompletions(query: String) {
|
||||
let client = MatrixClientPeg.get();
|
||||
let completions = [];
|
||||
const matches = query.match(ROOM_REGEX);
|
||||
if(!!matches) {
|
||||
const command = matches[0];
|
||||
completions = client.getRooms().map(room => {
|
||||
return {
|
||||
title: room.name,
|
||||
subtitle: room.roomId
|
||||
};
|
||||
});
|
||||
}
|
||||
return Q.when(completions);
|
||||
}
|
||||
|
||||
getName() {
|
||||
return 'Rooms';
|
||||
}
|
||||
}
|
31
src/autocomplete/UserProvider.js
Normal file
31
src/autocomplete/UserProvider.js
Normal file
|
@ -0,0 +1,31 @@
|
|||
import AutocompleteProvider from './AutocompleteProvider';
|
||||
import Q from 'q';
|
||||
import MatrixClientPeg from '../MatrixClientPeg';
|
||||
|
||||
const ROOM_REGEX = /@[^\s]*/g;
|
||||
|
||||
export default class UserProvider extends AutocompleteProvider {
|
||||
constructor() {
|
||||
super();
|
||||
}
|
||||
|
||||
getCompletions(query: String) {
|
||||
let client = MatrixClientPeg.get();
|
||||
let completions = [];
|
||||
const matches = query.match(ROOM_REGEX);
|
||||
if(!!matches) {
|
||||
const command = matches[0];
|
||||
completions = client.getUsers().map(user => {
|
||||
return {
|
||||
title: user.displayName,
|
||||
description: user.userId
|
||||
};
|
||||
});
|
||||
}
|
||||
return Q.when(completions);
|
||||
}
|
||||
|
||||
getName() {
|
||||
return 'Users';
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue