2b:null 2c:["$","title",null,{"children":"Horizontal SuttaPitaka V2.1 monocolor division | Cittadhammo | Observable"}] 31:T1fd8,chart = { // add <= at the bottom to change the top label orentation // parametres du diagramme // let root = tree(data); const off = 80; // offset des leaves const offDNMN = 32; // offset des leaves const scale = 2.5; // echelle globale const sizeDepth0 = 20; // font size const sizeDepth1 = 18; const sizeDepth2 = 12; const sizeHeight0 = 9; const sizeHeight1 = 12; const size = 0.3; const bulletDepth0 = 2.5; // bullet size const bulletDepth1 = 2; const bulletHeight0 = 1.5; const bulletHeight1 = 1.5; const bullet = 2; const divisor = 1.03; // division of the full circle // 1.8 const angleDeg = -175 + 90 + 180; // angle offset from midday position // -10 is interesting const angleRad = (Math.PI / 180) * angleDeg; // ajustements fins du diagramme data.each(function (d) { // d.y = d.y * scale; // if (d.data.name == "Sutta Pitaka") d.x = Math.PI / 2; // if (d.data.name == "Sagāthāvaggasaṁyutta") d.y = d.y - 150; // if (d.data.name == "Ekakanipāta") d.y = d.y - 150; // if (d.data.name == "Mahāvaggasaṁyutta") d.y = d.y - 150; // if (d.data.name == "Aṅguttara Nikāya") d.y = d.y - 150; // if (d.data.name == "Dīgha Nikāya") d.y = d.y - 300; // if (d.data.name == "Majjhima Nikāya") d.y = d.y - 140; // if (d.data.name == "Saṃyutta Nikāya") d.y = d.y - 20; // if ( // d.ancestors().find((x) => x.data.name == "Majjhima Nikāya") && // d.depth == 2 // ) // d.y = d.y - 50; // if ( // d.ancestors().find((x) => x.data.name == "Saṃyutta Nikāya") && // d.depth == 2 // ) // d.y = d.y + 50; // if (d.depth == 1) d.y = d.y + 30; // // if (d.data.acro != null) d.data.acro = space(d.data.acro); }); const root = tree(data); const str = "vaggasaṁyutta"; root.each(function (d) { d.y = d.y * scale; // if (d.height == 1 || d.height == 0) d.y = 600; // if (d.height == 2) d.y = 490; // if (d.height == 1) d.y = 610; // if (d.height == 2) d.y = 420; // if (d.height == 3) d.y = 280; if (d.depth == 1) d.y = 160 + 100; if (d.depth == 2 && !d.data.acro?.includes("DN")) d.y = 400 + 100; //if (d.depth == 1) d.data.name = d.data.name.replace(str, ""); // if (d.depth == 0) d.x = (Math.PI / 2 - angleRad) * divisor; if (d.depth == 0) d.x = (2 * Math.PI) / 2; if (d.depth == 0) d.y = -50; }); // const root = tree(root0); // fonction d'apartenance à DN ou MN (utile pour les acros) const isDNMN = (d) => d.data.acro?.includes("DN") || d.data.acro?.includes("MN"); // fonction pour la taille de font const fontSize = (d) => { if (d.height == 0) { return sizeHeight0; } else if (d.depth == 1) { return sizeDepth1; } else if (d.height == 1 && !d.data.acro.includes("AN")) { return sizeHeight1; } else if (d.depth == 2) { return sizeDepth2; } else if (d.depth == 0) { return sizeDepth0; } else return size; }; // fonction pour la taille des bullets const bulletSize = (d) => { if (d.depth == 0) { return bulletDepth0; } else if (d.depth == 1) { return bulletDepth1; } else if (d.height == 0) { return bulletHeight0; } else if (d.height == 1 && !d.data.acro.includes("AN")) { return bulletHeight1; } else return bullet; }; // Fonction qui retourne le nom de l'ancestre de depth 1 // utile pour la colorisation const oneDepth = (d, source = false) => { let ancestors = {}; source == true ? (ancestors = d.target.ancestors()) // source <=> target for a different result : (ancestors = d.ancestors()); const oneDepth = ancestors.find((d) => d.depth == 1); const result = oneDepth == null ? d.data.name : oneDepth.data.name; // for some reason it dosen't start with sutta pitaka anymore return result; // return oneDepth?.data.name; }; // fonction Color // const color = d3.scaleOrdinal( // d3.quantize(d3.interpolateRainbow, data.children.length + 1) // ); // const color = () => col2; // const color = (name) => { // if (name == "Dīgha Nikāya") { // return col2; // } else { // return col3; // } // }; const color = d3.scaleOrdinal(domain); // création du diagramme ////////////////////////////////////////////////////////////////////////////////////////////// const svg = d3.create("svg"); // paths svg .append("g") .attr("fill", "none") .attr("stroke", "#555") .attr("stroke-opacity", 0.4) .attr("stroke-width", 1.5) .selectAll("path") .data(root.links()) .join("path") .attr( "d", d3 .linkRadial() .angle((d) => d.x / divisor + angleRad) .radius((d) => d.y) ) .attr("stroke", (d) => color(oneDepth(d, true))); // colorisation // bullet svg .append("g") .selectAll("circle") .data(root.descendants()) .join("circle") .attr( "transform", (d) => ` rotate(${(d.x * 180) / divisor / Math.PI - 90 + angleDeg}) translate(${d.y},0) ` ) .attr("fill", (d) => (d.children ? "#555" : "#999")) .attr("r", (d) => bulletSize(d)) .attr("fill", (d) => color(oneDepth(d))); // colorisation // text svg .append("g") .attr("font-family", "sans-serif") .attr("font-size", 10) .attr("stroke-linejoin", "round") .attr("stroke-width", 3) .selectAll("text") .data(root.descendants()) .join("text") .attr("font-size", (d) => fontSize(d)) .style("fill", (d) => color(oneDepth(d))) // colorisation .attr( "transform", (d) => ` rotate(${(d.x * 180) / divisor / Math.PI - 90 + angleDeg}) translate(${d.y},0) rotate(${ d.x > (Math.PI - angleRad) * divisor || d.x < -angleRad * divisor ? 180 : 0 }) ` ) .attr("dy", "0.31em") .attr("x", (d) => (d.x > (Math.PI - angleRad) * divisor || d.x < -angleRad * divisor) === !d.children ? -6 : 6 ) .attr("text-anchor", (d) => (d.x > (Math.PI - angleRad) * divisor || d.x < -angleRad * divisor) === !d.children ? "end" : "start" ) // ajout du nom de data ou de l'acro seulement pour leaves // .text((d) => { // if (d.depth == 0 || d.depth == 1) return d.data.name; // if (d.height != 0 && isDNMN(d)) return d.data.name; // if (d.data.acro == "") return d.data.name; // not usefull for KN // if (d.x > Math.PI) { // return !d.children ? d.data.acro : d.data.acro + " : " + d.data.name; // } else { // return !d.children ? d.data.acro : d.data.name + " : " + d.data.acro; // } // }) .text((d) => { if (d.depth == 0 || d.depth == 1) return d.data.name; if (d.height != 0 && isDNMN(d)) return d.data.name; if (d.data.acro == "") return d.data.name; // not usefull for KN if (d.x > (Math.PI - angleRad) * divisor || d.x < -angleRad * divisor) { return !d.children ? d.data.name + " : " + d.data.acro : d.data.acro + " : " + d.data.name; } else { return !d.children ? d.data.acro + " : " + d.data.name : d.data.name + " : " + d.data.acro; } }) .clone(true) .lower() .attr("stroke", "white"); // ajout du nom des leaves // .clone(true) // .attr("stroke-width", 0) // .attr("x", (d) => // d.x < Math.PI === !d.children // ? isDNMN(d) // ? offDNMN // : off // : isDNMN(d) // ? -offDNMN // : -off // ) // .text((d) => { // if (!d.children && d.data.acro != "") // return d.x > Math.PI ? d.data.name + " : " : " : " + d.data.name; // }); const svg2 = chart2.node().innerHTML; // d3.select('#svgtmp').append('div').html(' x.data.id != "kn" && x.data.id != "kp" && x.data.id != "dhp" && x.data.id != "bv" && x.data.id != "mnd" && // x.data.id != "ne" && x.data.id != "pe" ) && d.height == 1 ) d.children = null; // if ( // d.ancestors().find((x) => x.data.name == "Saṃyutta Nikāya") && // d.depth == 2 // ) // d.y = d.y + 50; // if (d.depth == 1) d.y = d.y + 30; // if (d.data.acro != null) d.data.acro = space(d.data.acro); }); const root = tree(data2); const str = "vaggasaṁyutta"; root.each(function (d) { d.y = d.y * scale; if (d.height == 1 || d.height == 0) d.y = 600 + 230; if (d.height == 2) d.y = 490 + 230; if (d.depth == 1) d.y = 260 + 100; if (d.depth == 0) d.x = Math.PI; // if (d.height == 1 || d.height == 0) d.y = 600; // if (d.height == 2) d.y = 490; // if (d.height == 1) d.y = 610; // if (d.height == 2) d.y = 420; // if (d.height == 3) d.y = 280; // if (d.depth == 1) d.y = 200; //if (d.depth == 1) d.data.name = d.data.name.replace(str, ""); // if (d.depth == 0) d.x = (Math.PI / 2 - angleRad) * divisor; if (d.depth == 0) d.y = -9 * 80; }); // const root = tree(root0); // fonction d'apartenance à DN ou MN (utile pour les acros) const isDNMN = (d) => d.data.acro?.includes("DN") || d.data.acro?.includes("MN"); // fonction pour la taille de font const fontSize = (d) => { if (d.height == 0) { return sizeHeight0; } else if (d.depth == 1) { return sizeDepth1; } else if (d.height == 1 && !d.data.acro.includes("AN")) { return sizeHeight1; } else if (d.depth == 2) { return sizeDepth2; } else if (d.depth == 0) { return sizeDepth0; } else return size; }; // fonction pour la taille des bullets const bulletSize = (d) => { if (d.depth == 0) { return bulletDepth0; } else if (d.depth == 1) { return bulletDepth1; } else if (d.height == 0) { return bulletHeight0; } else if (d.height == 1 && !d.data.acro.includes("AN")) { return bulletHeight1; } else return bullet; }; // Fonction qui retourne le nom de l'ancestre de depth 1 // utile pour la colorisation const oneDepth = (d, source = false) => { let ancestors = {}; source == true ? (ancestors = d.target.ancestors()) // source <=> target for a different result : (ancestors = d.ancestors()); const oneDepth = ancestors.find((d) => d.depth == 1); const result = oneDepth == null ? d.data.name : oneDepth.data.name; // for some reason it dosen't start with sutta pitaka anymore return result; // return oneDepth?.data.name; }; // fonction Color // const color = d3.scaleOrdinal( // d3.quantize(d3.interpolateRainbow, data.children.length + 1) // ); const color = () => col1; // création du diagramme ////////////////////////////////////////////////////////////////////////////////////////////// const svg = d3.create("svg"); // paths svg .append("g") .attr("fill", "none") .attr("stroke", "#555") .attr("stroke-opacity", 0.4) .attr("stroke-width", 1) .selectAll("path") .data(root.links()) .join("path") .attr( "d", d3 .linkRadial() .angle((d) => d.x / divisor + angleRad) .radius((d) => d.y) ) .attr("stroke", (d) => color(oneDepth(d, true))); // colorisation // bullet svg .append("g") .selectAll("circle") .data(root.descendants()) .join("circle") .attr( "transform", (d) => ` rotate(${(d.x * 180) / divisor / Math.PI - 90 + angleDeg}) translate(${d.y},0) ` ) .attr("fill", (d) => (d.children ? "#555" : "#999")) .attr("r", (d) => bulletSize(d)) .attr("fill", (d) => color(oneDepth(d))); // colorisation // text svg .append("g") .attr("font-family", "sans-serif") .attr("font-size", 10) .attr("stroke-linejoin", "round") .attr("stroke-width", 3) .selectAll("text") .data(root.descendants()) .join("text") .attr("font-size", (d) => fontSize(d)) .style("fill", (d) => color(oneDepth(d))) // colorisation .attr( "transform", (d) => ` rotate(${(d.x * 180) / divisor / Math.PI - 90 + angleDeg}) translate(${d.y},0) rotate(${ d.x > (Math.PI - angleRad) * divisor || d.x < -angleRad * divisor ? 180 : 0 }) ` ) .attr("dy", "0.31em") .attr("x", (d) => (d.x > (Math.PI - angleRad) * divisor || d.x < -angleRad * divisor) === !d.children ? -6 : 6 ) .attr("text-anchor", (d) => (d.x > (Math.PI - angleRad) * divisor || d.x < -angleRad * divisor) === !d.children ? "end" : "start" ) // ajout du nom de data ou de l'acro seulement pour leaves // .text((d) => { // if (d.depth == 0 || d.depth == 1) return d.data.name; // if (d.height != 0 && isDNMN(d)) return d.data.name; // if (d.data.acro == "") return d.data.name; // not usefull for KN // if (d.x > Math.PI) { // return !d.children ? d.data.acro : d.data.acro + " : " + d.data.name; // } else { // return !d.children ? d.data.acro : d.data.name + " : " + d.data.acro; // } // }) .text((d) => { if (d.depth == 0 || d.depth == 1) return d.data.name; if (d.height != 0 && isDNMN(d)) return d.data.name; if (d.data.acro == "") return d.data.name; // not usefull for KN if (d.x > (Math.PI - angleRad) * divisor || d.x < -angleRad * divisor) { return !d.children ? d.data.name + " : " + d.data.acro : d.data.acro + " : " + d.data.name; } else { return !d.children ? d.data.acro + " : " + d.data.name : d.data.name + " : " + d.data.acro; } }) .clone(true) .lower() .attr("stroke", "white"); // ajout du nom des leaves // .clone(true) // .attr("stroke-width", 0) // .attr("x", (d) => // d.x < Math.PI === !d.children // ? isDNMN(d) // ? offDNMN // : off // : isDNMN(d) // ? -offDNMN // : -off // ) // .text((d) => { // if (!d.children && d.data.acro != "") // return d.x > Math.PI ? d.data.name + " : " : " : " + d.data.name; // }); // return svg.attr("viewBox", autoBox).node(); return svg; }33:T810,space = (str) => { if (str.length < 7) { if (str.includes("DN") || str.includes("MN")) { const name = str.split(" ")[0]; const number = str?.split(" ")[1]; str = name + " " + number; if (str.length == 4) { str = name + "\xa0\xa0\xa0\xa0\xa0" + number; } else if (str.length == 5) { str = name + "\xa0\xa0\xa0" + number; } return str; } else { const name = str.split(" ")[0]; const number = str?.split(" ")[1]; str = name + " " + number; if (str.length == 4) { str = name + "\xa0\xa0\xa0" + number; } else if (str.length == 5) { str = name + "\xa0" + number; } return str; } } else { const name = str.split(" ")[0]; const numbers = str?.split(" ")[1]; // methode 1 let a = numbers.split(".")[0]; let reste = numbers?.split(".")[1]; let b = reste.split("-")[0]; let c = reste?.split("-")[1]; const bCopy = b; if (a.length == 1) a = "\xa0\xa0" + a; // if (a.length == 1) a = "\xa0" + a; // if (b.length == 1) b = "\xa0\xa0\xa0\xa0" + b; // if (b.length == 2) b = "\xa0\xa0" + b; // if (c.length == 4) b = bCopy; // if (c.length == 1) c = "\xa0\xa0\xa0" + c; // if (c.length == 2) c = "\xa0\xa0" + c; // str = name + "\xa0\xa0" + a + "." + b + "-" + c; str = name + "\xa0" + a + "." + b + "-" + c; // if (b.length == 3 && c.length == 4) str = name + "" + a + "." + b + "-" + c; // Methode 2 // if (numbers.length == 11) return name + "\xa0\xa0" + numbers; // if (numbers.length == 10) return name + "\xa0\xa0" + numbers; // if (numbers.length == 9) return name + "\xa0\xa0\xa0\xa0" + numbers; // if (numbers.length == 8) return name + "\xa0\xa0\xa0\xa0\xa0\xa0" + numbers; // if (numbers.length == 7) // return name + "\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0" + numbers; // if (numbers.length == 6) // return name + "\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0" + numbers; // methode 3 //methode 0 return str; } }34:[] 2f:{"id":"0d29deb1a8c496cf","slug":null,"title":"Horizontal SuttaPitaka V2.1 monocolor division","thumbnail":"06e908b6ce8fb17d522148b2035a7dfed8591a3750764373d7dbcf36fbeacb4a","access_level":"unlisted","create_time":"$D2022-01-11T00:38:09.824Z","update_time":"$D2022-04-28T06:52:02.771Z","view_time":null,"first_public_time":null,"has_unpublished_edits":null,"fork":{"id":"5fb02809eaefa408","slug":"suttapitaka","title":"SuttaPitaka","owner":{"id":"d277e65fbd31f04d","login":"cittadhammo","name":"Cittadhammo"}},"stars":0,"starred":false,"owner":{"type":"team","id":"d277e65fbd31f04d","login":"cittadhammo","name":"Cittadhammo","avatar_url":"https://avatars-next.observableusercontent.com/e3cb3f2eef03b628da9dd1e938902c82ffb474c2adb36b34ce7ffd562d9f2158","tier":"starter_2024","bio":""},"version":1120,"publish_version":1120,"role":null,"authored":false,"authors":[{"type":"individual","id":"7722371e7ecac8bd","login":"cittadhammo","name":"Cittadhammo","avatar_url":"https://avatars-next.observableusercontent.com/e3cb3f2eef03b628da9dd1e938902c82ffb474c2adb36b34ce7ffd562d9f2158","tier":null,"bio":""}],"members":[{"type":"individual","id":"7722371e7ecac8bd","login":"cittadhammo","name":"Cittadhammo","avatar_url":"https://avatars-next.observableusercontent.com/e3cb3f2eef03b628da9dd1e938902c82ffb474c2adb36b34ce7ffd562d9f2158","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Horizontal SuttaPitaka V2.1 monocolor division","cells":[{"id":1,"value":"md`# Horizontal SuttaPitaka V2.1 monocolor division\nneed to ajust space function\n\nData are from [Sutta Pitaka Data V2.0](https://observablehq.com/d/eb4984f02c934460#sn_tree)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":413,"value":"domain = [col5, col2, col3, col4, col6]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1029,"value":"console.log(chart2.node())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1000,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":381,"value":"viewof col1 = colorPicker(\"#631680\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":393,"value":"viewof col2 = colorPicker(\"#b32222\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":399,"value":"viewof col5 = colorPicker(\"#baab22\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":395,"value":"viewof col3 = colorPicker(\"#2760c2\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":397,"value":"viewof col4 = colorPicker(\"#83b053\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":406,"value":"viewof col6 = colorPicker(\"#111\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":554,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":273,"value":"// the old color funciton\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":172,"value":"function autoBox() {\n document.body.appendChild(this);\n const { x, y, width, height } = this.getBBox();\n document.body.removeChild(this);\n return [x, y, width, height];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":210,"value":"data = {\n return d3.stratify()(SuttaPitakaTree);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1002,"value":"data2 = {\n return d3.stratify()(kn);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":693,"value":"data.each((d) => console.log(d.data.name))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":202,"value":"import { SuttaPitakaTree } from \"eb4984f02c934460\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1004,"value":"import { kn } from \"eb4984f02c934460\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"width = 975","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"value":"radius = width / 2","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"tree = d3.cluster().size([2 * Math.PI, radius - 100])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":349,"value":"color2 = d3.scaleOrdinal(domain)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":379,"value":"import { colorPicker } from \"@shaunlebron/color-picker\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1"}} 30:"$2f:body"