Anders and briegel in javascript

server/anders_briegel.js

@@ -0,0 +1,113 @@
+var ngbh = {};
+var vops = {};
+var meta = {};
+
+function add_node(node, m) {
+    ngbh[node] = {};
+    vops[node] = clifford.hadamard;
+    meta[node] = m ? m : {};
+}
+
+function add_nodes(nodes) {
+    nodes.forEach(add_node);
+}
+
+function add_edge(a, b) {
+    ngbh[a][b] = true;
+    ngbh[b][a] = true;
+}
+
+function add_edges(edges) {
+    edges.forEach(function(e) {
+        add_edge(e[0], e[1]);
+    });
+}
+
+function del_edge(a, b) {
+    delete ngbh[a][b];
+    delete ngbh[b][a];
+}
+
+function has_edge(a, b) {
+    return Object.prototype.hasOwnProperty.call(ngbh[a], b);
+}
+
+function toggle_edge(a, b) {
+    if (has_edge(a, b)) {
+        del_edge(a, b);
+    } else {
+        add_edge(a, b);
+    }
+}
+
+function get_swap(node, avoid) {
+    for (var i in ngbh[node]) {
+        if (i != avoid) {return i;}
+    }
+    return avoid;
+}
+
+function remove_vop(node, avoid) {
+    var swap_qubit = get_swap(node, avoid);
+    var decomposition = decompositions[vops[node]];
+    for (var i=decomposition.length-1; i >=0; --i) {
+        var v = decomposition[i];
+        local_complementation(v == "x" ? a : swap_qubit);
+    }
+}
+
+function local_complementation(node) {
+    var keys = Object.keys(ngbh[node]);
+    for (var i=0; i < keys.length; ++i) {
+        for (var j=i+1; j < keys.length; ++j) {
+            toggle_edge(keys[i], keys[j]);
+        }
+        vops[i] = times_table[vops[keys[i]]][sqz_h];
+    }
+    vops[node] = times_table[vops[node]][msqx_h];
+}
+
+function act_local_rotation(node, operation) {
+    var rotation = clifford[operation];
+    vops[node] = times_table[rotation][vops[node]];
+}
+
+function act_hadamard(node){
+    act_local_rotation(node, 10);
+}
+
+function is_sole_member(node, group){
+    return group.length == 1 && group[0] == node;
+}
+
+function act_cz(a, b){
+    if (is_sole_member(ngbh[a], b)) {
+        remove_vop(a, b);
+    }
+    if (is_sole_member(ngbh[b], a)) {
+        remove_vop(b, a);
+    }
+    if (is_sole_member(ngbh[a], b)) {
+        remove_vop(a, b);
+    }
+    var edge = has_edge(a, b);
+    var new_state = cz_table[edge ? 1 : 0][vops[a]][vops[b]];
+    vops[a] = new_state[1];
+    vops[b] = new_state[2];
+    if (new_state[0] != edge){
+        toggle_edge(a, b);
+    }
+}
+
+
+function log_graph_state() {
+    console.log(vops);
+    console.log(ngbh);
+}
+
+add_node(0);
+add_node(1);
+act_local_rotation(0, 10);
+act_local_rotation(1, 10);
+act_cz(0, 1);
+log_graph_state();

server/poll.js → server/api.js

@@ -1,5 +1,12 @@
-function poll() {
-    var ws = new WebSocket("ws://localhost:5001");
+var ws;
+
+function add_node(node){
+    data = {"method": "add_node", "node": node};
+    ws.send(JSON.stringify(data));
+}
+
+function connect_to_server() {
+    ws = new WebSocket("ws://localhost:5001");
     ws.onopen = function()
     {
        console.log("Connected to server.");
@@ -17,5 +24,4 @@ function poll() {
     };
 }
 
-window.onload = poll;
 

server/client.py

@@ -1,4 +0,0 @@
-from abp import VisibleGraphState
-
-s = VisibleGraphState()
-s.add_node(0)

server/client2.py

@@ -1,38 +0,0 @@
-import abp
-import atexit
-import json
-from websocket import create_connection
-
-class ServedState(abp.GraphState):
-    def __init__(self):
-        abp.GraphState.__init__(self) 
-        self.ws = create_connection("ws://localhost:5001")
-        atexit.register(self.ws.close)
-        self.send("clear")
-
-    def send(self, method, *args, **kwargs):
-        kwargs.update({"method":method})
-        self.ws.send(json.dumps(kwargs))
-
-    def add_node(self, node):
-        abp.GraphState.add_node(self, node)
-        self.send("add_node", node = node)
-
-    def add_edge(self, start, end):
-        abp.GraphState.add_edge(self, start, end)
-        self.send("add_edge", start = start, end = end)
-
-    def del_edge(self, start, end):
-        abp.GraphState.del_edge(self, start, end)
-        self.send("del_edge", start = start, end = end)
-
-    def del_edge(self, start, end):
-        abp.GraphState.del_edge(self, start, end)
-        self.send("del_edge", start = start, end = end)
-
-
-if __name__ == '__main__':
-    s = ServedState()
-    s.add_node(0)
-    s.add_node(1)
-    s.add_edge(0,1)

server/grid.js

@@ -0,0 +1,5 @@
+//TODO Move to THREE.gridhelper
+// Make a grid
+function makeGrid(side, n, color) {
+    return grid;
+}

server/index.html

@@ -4,9 +4,35 @@
 <head>
   <meta charset="utf-8">
   <title>abp</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1" />
+  <link rel="stylesheet" href="main.css">
 </head>
 
 <body>
+<script type="text/javascript" src="three.js"></script>
+<script type="text/javascript" src="libs.js"></script>
+<script type="text/javascript" src="materials.js"></script>
 <script type="text/javascript" src="poll.js"></script>
+<script type="text/javascript" src="api.js"></script>
+<script type="text/javascript" src="curve.js"></script>
+<script type="text/javascript" src="tables.js"></script>
+<script type="text/javascript" src="anders_briegel.js"></script>
+<script type="text/javascript" src="main.js"></script>
+<img id="ball" src="data:image/png;base64,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"/
+ style=display:none;>
+
+<div id=infoholder class=hidden>
+</div>
+
+<div id=pallette>
+<ul>
+    <li>add_qubit</li>
+    <li>delete_qubit</li>
+    <li>hadamard</li>
+    <li>cz</li>
+    <li>clear</li>
+</ul>
+</div>
+
 </body>
 </html>

server/static/main.js → server/main.js

@@ -13,7 +13,9 @@ window.onload = init;
 // Clear the whole scene
 function makeScene() {
     var myScene = new THREE.Scene();
-    var grid = makeGrid(10, 10, "lightgray");
+    var grid = new THREE.GridHelper(20, 2);
+    grid.rotation.x = Math.PI/2;
+    grid.setColors(0xdddddd, 0xeeeeee);
     myScene.add(grid);
     return myScene;
 }
@@ -48,6 +50,10 @@ function init() {
     document.querySelector("body").appendChild(renderer.domElement);
     window.addEventListener("resize", onWindowResize, false);
 
+    renderer.domElement.addEventListener("click", function (evt) {
+        add_node(0);
+    });
+
     // Time to load the materials
     loadMaterials();
 
@@ -64,6 +70,6 @@ function init() {
     // Run
     scene = makeScene();
     controls.addEventListener("change", render);
-    poll();
+    connect_to_server();
     render();
 }

server/server.py

@@ -1,12 +1,24 @@
 from websocket_server import WebsocketServer
 import threading
+import abp
+import json
 
 clients = []
-#state = "awd"
+state = abp.VisibleGraphState()
+
+def compute_diff(decoded_message):
+
 
 def new_message(client, server, message):
-    print "Sending message ..."
-    server.send_message_to_all(message)
+    decoded_message = json.loads(message)
+    if "diff" in decoded_message:
+        server.send_message_to_all(message)
+    elif "method" in decoded_message:
+        message = compute_diff(decoded_message)
+        server.send_message_to_all(message)
+    else:
+        print "Could not interpret message"
+
 
 def new_client(client, server):
     print "Client {} connected.".format(client["id"])

server/static/grid.js

@@ -1,8 +0,0 @@
-//TODO Move to THREE.gridhelper
-// Make a grid
-function makeGrid(side, n, color) {
-    var grid = new THREE.GridHelper(20, 2);
-    grid.rotation.x = Math.PI/2;
-    grid.setColors(0xdddddd, 0xeeeeee);
-    return grid;
-}

server/static/main.css

@@ -1,47 +0,0 @@
-html, body { margin: 0; padding: 0; overflow: hidden; font-size:  10pt; font-family:  "courier new"; }
-#infoholder { 
-    background: black; 
-    color:white;
-    padding: 5px;
-    margin:0px;
-    position: absolute;
-    top:5px;
-    left:5px;
-    font-family:"courier new";
-    text-align: center;
-    font-size:10pt;
-    height:15px;
-    border-radius:3px;
-}
-
-#pallette {
-    background-color: black;
-    /*border-radius:3px;*/
-    color:white;
-    padding: 10px;
-    font-family:"courier new";
-    position: absolute;
-    top: 10px;
-    right: 10px;
-    font-size: 9pt;
-}
-
-ul {
-    list-style-type: none;
-    padding: 0px;
-    margin: 0px;
-}
-
-.visible {
-  visibility: visible;
-  opacity: 1;
-  transform: scale(1);
-  transition: opacity .08s linear, transform .08s linear;
-}
-
-.hidden {
-  visibility: hidden;
-  opacity: 0;
-  transform: scale(.5);
-  transition: visibility .08s, opacity .08s linear, transform .08s linear;
-}

server/static/poll.js

@@ -1,54 +0,0 @@
-function poll() {
-    var xhr = new XMLHttpRequest();
-    xhr.timeout = 60000;
-
-    xhr.onload = function() {
-        var state = JSON.parse(xhr.responseText);
-        updateScene(state);
-        poll();
-    };
-
-    xhr.onerror = function(e){
-        poll();
-    };
-
-    xhr.open("GET", "/state", true);
-    xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
-    xhr.send();
-}
-
-function updateScene(state) {
-    if (state.needs_update === false){return;}
-    var oldState = scene.getObjectByName("graphstate");
-    scene.remove(oldState);
-    oldState = null;
-   
-    var geometry = new THREE.Geometry();
-    //nodeGeometry.labels = [];
-    //nodeGeometry.colors = [];
-    for (var i in state.nodes) {
-        var node = state.nodes[i];
-        var pos = state.meta[i].pos;
-        var vertex = new THREE.Vector3(pos.x, pos.y, pos.z);
-        geometry.vertices.push(vertex);
-        //geometry.colors[i] = new THREE.Color(n.color);
-        //geometry.labels[i] = n.label;
-    }
-
-    var edges = new THREE.Object3D();
-    for (i=0; i < state.edges.length; ++i) {
-        var edge = state.edges[i];
-        var start = state.meta[edge[0]].pos;
-        var end = state.meta[edge[1]].pos;
-        var newEdge = makeEdge(start, end);
-        edges.add(newEdge);
-    }
-
-    var particles = new THREE.Points(geometry, materials.qubit);
-    var newState = new THREE.Object3D();
-    newState.name = "graphstate";
-    newState.add(particles);
-    newState.add(edges);
-    scene.add(newState);
-    render();
-}

server/templates/index.html

@@ -1,36 +0,0 @@
-<!DOCTYPE html>
-
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>abp</title>
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1" />
-  <link rel="stylesheet" href="/static/main.css">
-</head>
-
-<body>
-<script type="text/javascript" src="/static/three.js"></script>
-<script type="text/javascript" src="/static/libs.js"></script>
-<script type="text/javascript" src="/static/materials.js"></script>
-<script type="text/javascript" src="/static/poll.js"></script>
-<script type="text/javascript" src="/static/grid.js"></script>
-<script type="text/javascript" src="/static/curve.js"></script>
-<script type="text/javascript" src="/static/main.js"></script>
-<img id="ball" src="data:image/png;base64,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"/
- style=display:none;>
-
-<div id=infoholder class=hidden>
-</div>
-
-<div id=pallette>
-<ul>
-    <li>add_qubit</li>
-    <li>delete_qubit</li>
-    <li>hadamard</li>
-    <li>cz</li>
-    <li>clear</li>
-</ul>
-</div>
-
-</body>
-</html>