Mirrors/dioxus
2
0
Fork 0
mirror of https://github.com/DioxusLabs/dioxus synced 2025-01-09 19:28:59 +00:00
Code Issues Projects Releases Packages Wiki Activity
dioxus/packages/desktop/src/index.html

143 lines
4.4 KiB
HTML
Raw Normal View History

feat: add edits back! and more webview support! This commit adds a new type - the DomEdit - for serializing the changes made by the diffing machine. The architecture of how DomEdits fit into the cooperative scheduling is still TBD but it will allow us to build change lists without applying them immediately. This is more performant and allows us to only render parts of the page at a time. This commit also adds more infrastructure around webview. Dioxus can now run on the web, generate static pages, run in the desktop, and run on mobile, with a large part of thanks to webview.
2021-07-05 22:37:15 +00:00
<!DOCTYPE html>
<html>
<head>
wip: lots of changes to diffing
2021-07-12 06:23:46 +00:00
<script>
class Interpreter {
constructor(root) {
this.stack = [root];
this.listeners = {};
this.lastNodeWasText = false;
Feat: solve some issues regarding listeners
2021-07-24 04:29:23 +00:00
this.nodes = [];
wip: lots of changes to diffing
2021-07-12 06:23:46 +00:00
}
feat: add edits back! and more webview support! This commit adds a new type - the DomEdit - for serializing the changes made by the diffing machine. The architecture of how DomEdits fit into the cooperative scheduling is still TBD but it will allow us to build change lists without applying them immediately. This is more performant and allows us to only render parts of the page at a time. This commit also adds more infrastructure around webview. Dioxus can now run on the web, generate static pages, run in the desktop, and run on mobile, with a large part of thanks to webview.
2021-07-05 22:37:15 +00:00
wip: lots of changes to diffing
2021-07-12 06:23:46 +00:00
top() {
return this.stack[this.stack.length - 1];
}
feat: add edits back! and more webview support! This commit adds a new type - the DomEdit - for serializing the changes made by the diffing machine. The architecture of how DomEdits fit into the cooperative scheduling is still TBD but it will allow us to build change lists without applying them immediately. This is more performant and allows us to only render parts of the page at a time. This commit also adds more infrastructure around webview. Dioxus can now run on the web, generate static pages, run in the desktop, and run on mobile, with a large part of thanks to webview.
2021-07-05 22:37:15 +00:00
wip: lots of changes to diffing
2021-07-12 06:23:46 +00:00
pop() {
return this.stack.pop();
}
feat: add edits back! and more webview support! This commit adds a new type - the DomEdit - for serializing the changes made by the diffing machine. The architecture of how DomEdits fit into the cooperative scheduling is still TBD but it will allow us to build change lists without applying them immediately. This is more performant and allows us to only render parts of the page at a time. This commit also adds more infrastructure around webview. Dioxus can now run on the web, generate static pages, run in the desktop, and run on mobile, with a large part of thanks to webview.
2021-07-05 22:37:15 +00:00
}
wip: lots of changes to diffing
2021-07-12 06:23:46 +00:00
class OPTABLE {
PushRoot(self, edit) {
const id = edit.root;
const node = self.nodes[id];
self.stack.push(node);
}
AppendChildren(self, edit) {
let root = self.stack[self.stack.length - (edit.many + 1)];
for (let i = 0; i < edit.many; i++) {
console.log("popping ", i, edit.many);
let node = self.pop();
root.appendChild(node);
}
}
ReplaceWith(self, edit) {
feat: move webview to wry
2021-07-08 16:01:31 +00:00
wip: lots of changes to diffing
2021-07-12 06:23:46 +00:00
let root = self.stack[self.stack.length - (edit.many + 1)];
let els = [];
for (let i = 0; i < edit.many; i++) {
els.push(self.pop());
}
feat: add edits back! and more webview support! This commit adds a new type - the DomEdit - for serializing the changes made by the diffing machine. The architecture of how DomEdits fit into the cooperative scheduling is still TBD but it will allow us to build change lists without applying them immediately. This is more performant and allows us to only render parts of the page at a time. This commit also adds more infrastructure around webview. Dioxus can now run on the web, generate static pages, run in the desktop, and run on mobile, with a large part of thanks to webview.
2021-07-05 22:37:15 +00:00
wip: lots of changes to diffing
2021-07-12 06:23:46 +00:00
root.replaceWith(...els);
feat: add edits back! and more webview support! This commit adds a new type - the DomEdit - for serializing the changes made by the diffing machine. The architecture of how DomEdits fit into the cooperative scheduling is still TBD but it will allow us to build change lists without applying them immediately. This is more performant and allows us to only render parts of the page at a time. This commit also adds more infrastructure around webview. Dioxus can now run on the web, generate static pages, run in the desktop, and run on mobile, with a large part of thanks to webview.
2021-07-05 22:37:15 +00:00
}
wip: lots of changes to diffing
2021-07-12 06:23:46 +00:00
Remove(self, edit) {
const node = self.stack.pop();
node.remove();
feat: add edits back! and more webview support! This commit adds a new type - the DomEdit - for serializing the changes made by the diffing machine. The architecture of how DomEdits fit into the cooperative scheduling is still TBD but it will allow us to build change lists without applying them immediately. This is more performant and allows us to only render parts of the page at a time. This commit also adds more infrastructure around webview. Dioxus can now run on the web, generate static pages, run in the desktop, and run on mobile, with a large part of thanks to webview.
2021-07-05 22:37:15 +00:00
}
wip: cleanup
2021-07-21 21:05:48 +00:00
RemoveAllChildren(self, edit) {}
wip: lots of changes to diffing
2021-07-12 06:23:46 +00:00
CreateTextNode(self, edit) {
self.stack.push(document.createTextNode(edit.text));
}
CreateElement(self, edit) {
const tagName = edit.tag;
console.log(`creating element: `, edit);
self.stack.push(document.createElement(tagName));
}
CreateElementNs(self, edit) {
wip: cleanup
2021-07-21 21:05:48 +00:00
const tagName = edit.tag;
console.log(`creating namespaced element: `, edit);
wip: lots of changes to diffing
2021-07-12 06:23:46 +00:00
self.stack.push(document.createElementNS(edit.ns, edit.tag));
}
CreatePlaceholder(self, edit) {
const a = `self.stack.push(document.createElement("pre"))`;
self.stack.push(document.createComment("vroot"));
}
wip: cleanup
2021-07-21 21:05:48 +00:00
NewEventListener(self, edit) {}
RemoveEventListener(self, edit) {}
wip: lots of changes to diffing
2021-07-12 06:23:46 +00:00
SetText(self, edit) {
self.top().textContent = edit.text;
}
SetAttribute(self, edit) {
const name = edit.field;
const value = edit.value;
wip: cleanup
2021-07-21 21:05:48 +00:00
const ns = edit.ns;
wip: lots of changes to diffing
2021-07-12 06:23:46 +00:00
const node = self.top(self.stack);
wip: cleanup
2021-07-21 21:05:48 +00:00
if (ns == "style") {
node.style[name] = value;
} else if (ns !== undefined) {
node.setAttributeNS(ns, name, value);
} else {
node.setAttribute(name, value);
}
wip: lots of changes to diffing
2021-07-12 06:23:46 +00:00
if ((name === "value", self)) {
node.value = value;
}
if ((name === "checked", self)) {
node.checked = true;
}
if ((name === "selected", self)) {
node.selected = true;
}
}
RemoveAttribute(self, edit) {
const name = edit.field;
const node = self.top(self.stack);
wip: cleanup
2021-07-21 21:05:48 +00:00
wip: lots of changes to diffing
2021-07-12 06:23:46 +00:00
node.removeAttribute(name);
if ((name === "value", self)) {
node.value = null;
}
if ((name === "checked", self)) {
node.checked = false;
}
if ((name === "selected", self)) {
node.selected = false;
}
}
}
const op_table = new OPTABLE();
async function initialize() {
const reply = await rpc.call('initiate');
feat: svgs working in webview
2021-07-15 16:18:11 +00:00
const interpreter = new Interpreter(window.document.getElementById("_dioxusroot"));
wip: lots of changes to diffing
2021-07-12 06:23:46 +00:00
console.log(reply);
for (let x = 0; x < reply.length; x++) {
let edit = reply[x];
console.log(edit);
op_table[edit.type](interpreter, edit);
feat: add edits back! and more webview support! This commit adds a new type - the DomEdit - for serializing the changes made by the diffing machine. The architecture of how DomEdits fit into the cooperative scheduling is still TBD but it will allow us to build change lists without applying them immediately. This is more performant and allows us to only render parts of the page at a time. This commit also adds more infrastructure around webview. Dioxus can now run on the web, generate static pages, run in the desktop, and run on mobile, with a large part of thanks to webview.
2021-07-05 22:37:15 +00:00
}
wip: lots of changes to diffing
2021-07-12 06:23:46 +00:00
console.log("stack completed: ", interpreter.stack);
feat: add edits back! and more webview support! This commit adds a new type - the DomEdit - for serializing the changes made by the diffing machine. The architecture of how DomEdits fit into the cooperative scheduling is still TBD but it will allow us to build change lists without applying them immediately. This is more performant and allows us to only render parts of the page at a time. This commit also adds more infrastructure around webview. Dioxus can now run on the web, generate static pages, run in the desktop, and run on mobile, with a large part of thanks to webview.
2021-07-05 22:37:15 +00:00
}
wip: lots of changes to diffing
2021-07-12 06:23:46 +00:00
console.log("initializing...");
initialize();
</script>
</head>
<body>
wip: edit some css
2021-07-12 13:40:13 +00:00
<div id="_dioxusroot">
wip: lots of changes to diffing
2021-07-12 06:23:46 +00:00
</div>
</body>
feat: add edits back! and more webview support! This commit adds a new type - the DomEdit - for serializing the changes made by the diffing machine. The architecture of how DomEdits fit into the cooperative scheduling is still TBD but it will allow us to build change lists without applying them immediately. This is more performant and allows us to only render parts of the page at a time. This commit also adds more infrastructure around webview. Dioxus can now run on the web, generate static pages, run in the desktop, and run on mobile, with a large part of thanks to webview.
2021-07-05 22:37:15 +00:00
</html>
Reference in a new issue Copy permalink