diff --git a/README.md b/README.md index 5b2bd3b78c71dcba87f29aa8529b8f23174c7abb..e3a7bffb1a5e9b3814dfe47f4165fe142484d233 100644 --- a/README.md +++ b/README.md @@ -10,16 +10,33 @@ Native Cuttlefish 'Hunks' are given access to a DOM/div element, making them nic  +## The Latest + +I'm excited about this, so here's an image: + + + +... many lines of js later, I can 'explode' hunk definitions, which means I can invert link relationships, so that I can visually explain nested network relationships in the graph. I've also simplified a lot of view objects, and have come up with this satisfying idea about recipes and atomic operations that I enjoy - that helps me a lot in patch loading, saving, etc - especially for big messy patches (I hope) + --- # Scratch - - view resize, move, should move the link, when wrapped +- next is nautilus refresh, refresh after link expansion, find the link and overlay ... then a video of that + +- ... -> to space + +- writing it all up, and proceeding to a ponyo link + +- after a merge, do unwrapping ... + +- ok, ok, - then to nautilus, to look at unwrapping and matching on internal link + - this will mean (sometimes) adding a new route through the link, that's a move - patches ... still save, do link newfangled state for matchup - - top level merge system, + - top level merge system, - rewrite small policies after refresh as .invert() call to .def ? or .insideout() diff --git a/doc/2019-06-01-exploded-defs.png b/doc/2019-06-01-exploded-defs.png new file mode 100644 index 0000000000000000000000000000000000000000..b077a8e0352f6bdda805ae889f5d917c04805c0b Binary files /dev/null and b/doc/2019-06-01-exploded-defs.png differ diff --git a/style.css b/style.css index 31025f4e277c80d1f6de884d44d9c0aeceb07abe..703f6be5a8de04bb0815cbc315385563b711365b 100644 --- a/style.css +++ b/style.css @@ -226,7 +226,6 @@ body { .nativewrap { position: absolute; width: 500px; /* many sets with js */ - height: 500px; color: #353a42; background-color: #d5dfef; } diff --git a/view/vdef.js b/view/vdef.js index 50db2864343431e5303dbec7779ed225547bb629..7f5780a5bd353d7f951872d349e41cfc5053bac9 100644 --- a/view/vdef.js +++ b/view/vdef.js @@ -290,7 +290,7 @@ function HunkDefinition(spec, view, dt, debug) { ct = dt.readTransform(this.deg.core) } if (this.deg.outputs) { - ht = Math.max(ht, this.deg.inputs.clientHeight) + ht = Math.max(ht, this.deg.outputs.clientHeight) } // ct.x from ct, return { @@ -301,9 +301,20 @@ function HunkDefinition(spec, view, dt, debug) { this.findTotalWidth = () => { if (this.isExploded) console.error('finding width for exploded is not defined yet') - let left = dt.readTransform(this.deg.inputs) - let right = dt.readTransform(this.deg.outputs) - return right.x + this.deg.outputs.clientWidth - left.x + let left + if(this.deg.inputs){ + left = dt.readTransform(this.deg.inputs).x + } else { + left = dt.readTransform(this.deg.core).x + } + let right + if(this.deg.outputs){ + right = dt.readTransform(this.deg.outputs).x + this.deg.outputs.clientWidth + } else { + right = dt.readTransform(this.deg.core).x + this.deg.core.clientWidth + } + // ok, + return right - left } this.remove = () => {