aboutsummaryrefslogtreecommitdiff
path: root/src_js
diff options
context:
space:
mode:
Diffstat (limited to 'src_js')
-rw-r--r--src_js/hatter/common.js66
-rw-r--r--src_js/hatter/main.js41
-rw-r--r--src_js/hatter/renderer.js153
-rw-r--r--src_js/hatter/util.js172
-rw-r--r--src_js/hatter/vt.js4
5 files changed, 0 insertions, 436 deletions
diff --git a/src_js/hatter/common.js b/src_js/hatter/common.js
deleted file mode 100644
index c6dcfcc..0000000
--- a/src_js/hatter/common.js
+++ /dev/null
@@ -1,66 +0,0 @@
-
-import r from 'hatter/renderer';
-import * as util from 'hatter/util';
-
-
-export const defaultState = {
- conn: null,
- log: {
- offset: 0,
- offsetText: '0',
- limit: 0,
- limitText: '0',
- entries: []
- },
- job: {
- active: null,
- queue: []
- },
- repositories: []
-};
-
-
-export function processMsg(msg) {
- if (msg.type == 'repositories') {
- r.set('repositories', msg.repositories);
- } else if (msg.type == 'active_job') {
- r.set(['job', 'active'], msg.job);
- } else if (msg.type == 'job_queue') {
- r.set(['job', 'queue'], msg.jobs);
- } else if (msg.type == 'log_entries') {
- r.set(['log', 'entires'], msg.entries);
- }
-}
-
-
-export function addJob(repository) {
- r.get('conn').send(JSON.stringify({
- type: 'add_job',
- repository: repository,
- commit: 'HEAD'
- }));
-}
-
-
-bean.on(r, 'change', state => {
- let newOffset = parseInt(state.log.offsetText);
- let newLimit = parseInt(state.log.limitText);
- if (util.isInteger(newOffset) && newOffset != state.log.offset) {
- r.set(['log', 'offset'], newOffset).then(sendSetLog);
- }
- if (util.isInteger(newLimit) && newLimit != state.log.limit) {
- r.set(['log', 'limit'], newLimit).then(sendSetLog);
- }
-});
-
-
-function sendSetLog() {
- let conn = r.get('conn');
- if (!conn)
- return;
- conn.send(JSON.stringify({
- type: 'set_log',
- offset: r.get('offset'),
- limit: r.get('limit')
- }));
-}
diff --git a/src_js/hatter/main.js b/src_js/hatter/main.js
deleted file mode 100644
index 3f64ed3..0000000
--- a/src_js/hatter/main.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import bean from 'bean';
-
-import r from 'hatter/renderer';
-import * as util from 'hatter/util';
-import * as common from 'hatter/common';
-import * as vt from 'hatter/vt';
-
-import 'static!static/index.html';
-import 'style/main.scss';
-
-
-function main() {
- let conn = new WebSocket(wsAddress);
-
- conn.onopen = () => {
- let root = document.body.appendChild(document.createElement('div'));
- let state = util.set('conn', conn, common.defaultState);
- r.init(root, state, vt.main);
- };
-
- conn.onclose = () => {
- alert("Disconnected from server");
- };
-
- conn.onerror = () => {
- alert("Couldn't connect to server");
- };
-
- conn.onmessage = (evt) => {
- try {
- let msg = JSON.parse(evt.data);
- common.processMsg(msg);
- } catch(e) {
- conn.close();
- throw e;
- }
- };
-}
-
-
-bean.on(window, 'load', main);
diff --git a/src_js/hatter/renderer.js b/src_js/hatter/renderer.js
deleted file mode 100644
index aed7c48..0000000
--- a/src_js/hatter/renderer.js
+++ /dev/null
@@ -1,153 +0,0 @@
-import Delegator from 'dom-delegator';
-import bean from 'bean';
-import vh from 'virtual-dom/h';
-import diff from 'virtual-dom/diff';
-import patch from 'virtual-dom/patch';
-import createElement from 'virtual-dom/create-element';
-
-import * as u from 'hatter/util';
-
-
-const delegator = Delegator();
-const vhTypes = ['VirtualNode', 'Widget'];
-
-
-function vhFromArray(node) {
- if (!node)
- return [];
- if (u.isString(node) || vhTypes.includes(node.type))
- return node;
- if (!u.isArray(node))
- throw 'Invalid node structure';
- if (node.length < 1)
- return [];
- if (typeof node[0] != 'string')
- return node.map(vhFromArray);
- let hasProps = (node.length > 1 &&
- u.isObject(node[1]) &&
- !vhTypes.includes(node[1].type));
- let children = Array.from(
- u.flatten(node.slice(hasProps ? 2 : 1).map(vhFromArray)));
- let result = hasProps ? vh(node[0], node[1], children) :
- vh(node[0], children);
- return result;
-}
-
-
-class VTreeRenderer {
-
- constructor(el) {
- this._el = el;
- this._vtree = null;
- }
-
- render(vtree) {
- let vt = vhFromArray(vtree);
- if (vt.type == 'VirtualNode') {
- if (this._vtree) {
- let d = diff(this._vtree, vt);
- patch(this._el.firstChild, d);
- } else {
- while (this._el.firstChild)
- this._el.removeChild(this._el.firstChild);
- this._el.appendChild(createElement(vt));
- }
- this._vtree = vt;
- } else {
- this._vtree = null;
- while (this._el.firstChild)
- this._el.removeChild(this._el.firstChild);
- }
- }
-
-}
-
-
-export class Renderer {
-
- constructor(el, initState, vtCb, maxFps) {
- this.init(el, initState, vtCb, maxFps);
- }
-
- init(el, initState, vtCb, maxFps) {
- this._state = null;
- this._changes = [];
- this._promise = null;
- this._timeout = null;
- this._lastRender = null;
- this._vtCb = vtCb;
- this._maxFps = maxFps;
- this._r = new VTreeRenderer(el || document.querySelector('body'));
- if (initState)
- this.change(_ => initState);
- }
-
- get(...paths) {
- return u.get(paths, this._state);
- }
-
- set(path, value) {
- if (arguments.length < 2) {
- value = path;
- path = [];
- }
- return this.change(path, _ => value);
- }
-
- change(path, cb) {
- if (arguments.length < 2) {
- cb = path;
- path = [];
- }
- this._changes.push([path, cb]);
- if (this._promise)
- return this._promise;
- this._promise = new Promise((resolve, reject) => {
- setTimeout(() => {
- try {
- this._change();
- } catch(e) {
- this._promise = null;
- reject(e);
- throw e;
- }
- this._promise = null;
- resolve();
- }, 0);
- });
- return this._promise;
- }
-
- _change() {
- let change = false;
- while (this._changes.length > 0) {
- let [path, cb] = this._changes.shift();
- let view = u.get(path);
- let oldState = this._state;
- this._state = u.change(path, cb, this._state);
- if (this._state && u.equals(view(oldState),
- view(this._state)))
- continue;
- change = true;
- if (!this._vtCb || this._timeout)
- continue;
- let delay = (!this._lastRender || !this._maxFps ?
- 0 :
- (1000 / self._maxFps) -
- (performance.now() - this._lastRender));
- this._timeout = setTimeout(() => {
- this._timeout = null;
- this._lastRender = performance.now();
- this._r.render(this._vtCb(this._state));
- bean.fire(this, 'render', this._state);
- }, (delay > 0 ? delay : 0));
- }
- if (change)
- bean.fire(this, 'change', this._state);
- }
-
-}
-
-
-const defaultRenderer = new Renderer();
-export default defaultRenderer;
diff --git a/src_js/hatter/util.js b/src_js/hatter/util.js
deleted file mode 100644
index e3dbfeb..0000000
--- a/src_js/hatter/util.js
+++ /dev/null
@@ -1,172 +0,0 @@
-
-
-export const isArray = Array.isArray;
-export const isObject = obj => obj !== null &&
- typeof(obj) == 'object' &&
- !isArray(obj);
-export const isNumber = n => typeof(n) == 'number';
-export const isInteger = Number.isInteger;
-export const isString = str => typeof(str) == 'string';
-
-
-export function clone(obj) {
- if (isArray(obj))
- return Array.from(obj, clone);
- if (isObject(obj)) {
- let ret = {};
- for (let i in obj)
- ret[i] = clone(obj[i]);
- return ret;
- }
- return obj;
-}
-
-
-export function equals(x, y) {
- if (x === y)
- return true;
- if (typeof(x) != 'object' || typeof(y) != 'object' || x === null || y === null)
- return false;
- if (Array.isArray(x) || Array.isArray(y)) {
- if (!Array.isArray(x) || !Array.isArray(y) || x.length != y.length)
- return false;
- }
- for (let i in x)
- if (!equals(x[i], y[i]))
- return false;
- for (let i in y)
- if (!equals(x[i], y[i]))
- return false;
- return true;
-}
-
-
-export function toPairs(obj) {
- return Object.entries(obj);
-}
-
-
-export function fromPairs(arr) {
- let ret = {};
- for (let [k, v] of arr)
- ret[k] = v;
- return ret;
-}
-
-
-export function* flatten(arr) {
- if (isArray(arr)) {
- for (let i of arr)
- if (isArray(i))
- yield* flatten(i);
- else
- yield i;
- } else {
- yield arr;
- }
-}
-
-
-export function pipe(...fns) {
- if (fns.length < 1)
- throw 'no functions';
- return function (...args) {
- let ret = fns[0].apply(this, args);
- for (let fn of fns.slice(1))
- ret = fn(ret);
- return ret;
- };
-}
-
-
-export function curry(fn) {
- let wrapper = function(oldArgs) {
- return function(...args) {
- args = oldArgs.concat(args);
- if (args.length >= fn.length)
- return fn.apply(this, args);
- return wrapper(args);
- };
- };
- return wrapper([]);
-}
-
-
-export const get = curry((path, obj) => {
- let ret = obj;
- for (let i of flatten(path)) {
- if (ret === null || typeof(ret) != 'object')
- return undefined;
- ret = ret[i];
- }
- return ret;
-});
-
-
-export const change = curry((path, fn, obj) => {
- function _change(path, obj) {
- if (isInteger(path[0])) {
- obj = (isArray(obj) ? Array.from(obj) : []);
- } else if (isString(path[0])) {
- obj = (isObject(obj) ? Object.assign({}, obj) : {});
- } else {
- throw 'invalid path';
- }
- if (path.length > 1) {
- obj[path[0]] = _change(path.slice(1), obj[path[0]]);
- } else {
- obj[path[0]] = fn(obj[path[0]]);
- }
- return obj;
- }
- path = Array.from(flatten(path));
- if (path.length < 1)
- return fn(obj);
- return _change(path, obj);
-});
-
-
-export const set = curry((path, val, obj) => change(path, _ => val, obj));
-
-
-export const omit = curry((path, obj) => {
- function _omit(path, obj) {
- if (isInteger(path[0])) {
- obj = (isArray(obj) ? Array.from(obj) : []);
- } else if (isString(path[0])) {
- obj = (isObject(obj) ? Object.assign({}, obj) : {});
- } else {
- throw 'invalid path';
- }
- if (path.length > 1) {
- obj[path[0]] = _omit(path.slice(1), obj[path[0]]);
- } else {
- delete obj[path[0]];
- }
- return obj;
- }
- path = Array.from(flatten(path));
- if (path.length < 1)
- return undefined;
- return _omit(path, obj);
-});
-
-
-export const sortBy = curry((fn, arr) => Array.from(arr).sort((x, y) => {
- let xVal = fn(x);
- let yVal = fn(y);
- if (xVal < yVal)
- return -1;
- if (xVal > yVal)
- return 1;
- return 0;
-}));
-
-
-export const map = curry((fn, arr) => arr.map(fn));
-
-
-export const filter = curry((fn, arr) => arr.filter(fn));
-
-
-export const append = curry((val, arr) => arr.concat([val]));
diff --git a/src_js/hatter/vt.js b/src_js/hatter/vt.js
deleted file mode 100644
index c1fcb9f..0000000
--- a/src_js/hatter/vt.js
+++ /dev/null
@@ -1,4 +0,0 @@
-
-export function main() {
- return ['div', 'Hatter'];
-}