2b:null 2c:["$","title",null,{"children":"Easy Diff | jbouecke | Observable"}] 31:T12a3,diff = { /* * Javascript Diff Algorithm * By John Resig (http://ejohn.org/) * Modified by Chu Alan "sprite" * * Released under the MIT license. * * More Info: * http://ejohn.org/projects/javascript-diff-algorithm/ */ const escape = (s) => { var n = s; n = n.replace(/&/g, "&"); n = n.replace(//g, ">"); n = n.replace(/"/g, """); return n; }; const diffString = (o, n) => { o = o.replace(/\s+$/, ""); n = n.replace(/\s+$/, ""); var out = diff( o == "" ? [] : o.split(/\s+/), n == "" ? [] : n.split(/\s+/) ); var str = ""; var oSpace = o.match(/\s+/g); if (oSpace == null) { oSpace = ["\n"]; } else { oSpace.push("\n"); } var nSpace = n.match(/\s+/g); if (nSpace == null) { nSpace = ["\n"]; } else { nSpace.push("\n"); } if (out.n.length == 0) { for (var i = 0; i < out.o.length; i++) { str += "~~" + escape(out.o[i]) + oSpace[i] + "~~"; } } else { if (out.n[0].text == null) { for (n = 0; n < out.o.length && out.o[n].text == null; n++) { str += "~~" + escape(out.o[n]) + oSpace[n] + "~~"; } } for (var i = 0; i < out.n.length; i++) { if (out.n[i].text == null) { str += "" + escape(out.n[i]) + nSpace[i] + ""; } else { var pre = ""; for ( n = out.n[i].row + 1; n < out.o.length && out.o[n].text == null; n++ ) { pre += "~~" + escape(out.o[n]) + oSpace[n] + "~~"; } str += " " + out.n[i].text + nSpace[i] + pre; } } } return str; }; const randomColor = () => { return ( "rgb(" + Math.random() * 100 + "%, " + Math.random() * 100 + "%, " + Math.random() * 100 + "%)" ); }; const diffString2 = (o, n) => { o = o.replace(/\s+$/, ""); n = n.replace(/\s+$/, ""); var out = diff( o == "" ? [] : o.split(/\s+/), n == "" ? [] : n.split(/\s+/) ); var oSpace = o.match(/\s+/g); if (oSpace == null) { oSpace = ["\n"]; } else { oSpace.push("\n"); } var nSpace = n.match(/\s+/g); if (nSpace == null) { nSpace = ["\n"]; } else { nSpace.push("\n"); } var os = ""; var colors = new Array(); for (var i = 0; i < out.o.length; i++) { colors[i] = randomColor(); if (out.o[i].text != null) { os += '' + escape(out.o[i].text) + oSpace[i] + ""; } else { os += "~~" + escape(out.o[i]) + oSpace[i] + "~~"; } } var ns = ""; for (var i = 0; i < out.n.length; i++) { if (out.n[i].text != null) { ns += '' + escape(out.n[i].text) + nSpace[i] + ""; } else { ns += "" + escape(out.n[i]) + nSpace[i] + ""; } } return { o: os, n: ns }; }; const diff = (o, n) => { var ns = new Object(); var os = new Object(); for (var i = 0; i < n.length; i++) { if (ns[n[i]] == null) ns[n[i]] = { rows: new Array(), o: null }; ns[n[i]].rows.push(i); } for (var i = 0; i < o.length; i++) { if (os[o[i]] == null) os[o[i]] = { rows: new Array(), n: null }; os[o[i]].rows.push(i); } for (var i in ns) { if ( ns[i].rows.length == 1 && typeof os[i] != "undefined" && os[i].rows.length == 1 ) { n[ns[i].rows[0]] = { text: n[ns[i].rows[0]], row: os[i].rows[0] }; o[os[i].rows[0]] = { text: o[os[i].rows[0]], row: ns[i].rows[0] }; } } for (var i = 0; i < n.length - 1; i++) { if ( n[i].text != null && n[i + 1].text == null && n[i].row + 1 < o.length && o[n[i].row + 1].text == null && n[i + 1] == o[n[i].row + 1] ) { n[i + 1] = { text: n[i + 1], row: n[i].row + 1 }; o[n[i].row + 1] = { text: o[n[i].row + 1], row: i + 1 }; } } for (var i = n.length - 1; i > 0; i--) { if ( n[i].text != null && n[i - 1].text == null && n[i].row > 0 && o[n[i].row - 1].text == null && n[i - 1] == o[n[i].row - 1] ) { n[i - 1] = { text: n[i - 1], row: n[i].row - 1 }; o[n[i].row - 1] = { text: o[n[i].row - 1], row: i - 1 }; } } return { o: o, n: n }; }; return { diffString }; }32:[] 2f:{"id":"0f56be3e28efc484","slug":"easy-diff","title":"Easy Diff","thumbnail":"fc986d59fac7abf2eba39bcd19fbaa2b11e6b98c4cfe4a73f5bebf6aa4fa6f4c","access_level":"public","create_time":"$D2021-05-20T13:32:18.980Z","update_time":"$D2021-05-27T10:15:12.612Z","view_time":null,"first_public_time":"$D2021-05-27T06:36:13.455Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"da6d52a08faa17c7","login":"jbouecke","name":"","avatar_url":"https://avatars-next.observableusercontent.com/9f89bcf8248011a62f8b5938e160e76f93ae420ac622f34e5514266e06774889","tier":"starter_2024"},"version":149,"publish_version":149,"role":null,"authored":false,"authors":[{"type":"individual","id":"9936311cbed5414b","login":"jbouecke","name":"","avatar_url":"https://avatars-next.observableusercontent.com/9f89bcf8248011a62f8b5938e160e76f93ae420ac622f34e5514266e06774889","tier":null}],"members":[{"type":"individual","id":"9936311cbed5414b","login":"jbouecke","name":"","avatar_url":"https://avatars-next.observableusercontent.com/9f89bcf8248011a62f8b5938e160e76f93ae420ac622f34e5514266e06774889","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Easy Diff","cells":[{"id":0,"value":"# Easy Diff\n\nThe intention of this page is to have an eays way to create a nice diff that is easy to review for humans if you have the source and the target text (or table) copyable (in your clipbard).\n\nThe result (HTML) than could be copied e.g. into MS word.\n\nIt's work in progress... feal free to extend (e.g. by adding Drag & Drop for text files or excel files....)\n\nCredidts for the acutal diff goes here: [link (2021-05-27)](https://johnresig.com/projects/javascript-diff-algorithm/)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":125,"value":"## TSV Diff\n\nHere you can paste data e.g. from an excel sheet.\n\n**Headlines are required**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":27,"value":"viewof a = html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":30,"value":"viewof b = html`<textarea/>`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":18,"value":"{\n  return html`<table><tr><th>${columns.join(\n    \"</th><th>\"\n  )}</th></tr>${rows}</table>`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":53,"value":"from = d3.tsvParse(a);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":118,"value":"to = d3.tsvParse(b)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":114,"value":"columns = [...new Set([from.columns, to.columns].flat())]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":58,"value":"rows = {\n  if (to.length != from.length) throw \"Both tables must be of same size\";\n  return from.map((fromRow, i) => {\n    const toRow = to[i];\n    return (\n      \"<tr><td>\" +\n      columns\n        .map((c) => diff.diffString(fromRow[c].trim(), toRow[c].trim()))\n        .join(\"</td><td>\") +\n      \"</td></tr>\"\n    );\n  });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":39,"value":"<style>\n  del {\n    background-color:#FFB9B9\n  }\n  ins {\n    background-color:#B9FFB9\n  }\n</style>","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":8,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":92,"value":"d3 = require(\"d3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}}
30:"$2f:body"
</article></body></html>