31:I[204091,["/_next/static/immutable/chunks/02pb8rek9_r8q.js"],"IconMark"] 2a:null 2b:["$","title",null,{"children":"Hello, citation-js! | fheyen | Observable"}] 30:[] 2e:{"id":"7401d33f4e973792","slug":"citation-js","title":"Hello, citation-js!","thumbnail":"6ba50dc1357bdbb59bec395c531cdae50c245c05fbfb5bb9fe6cee5e308d200b","access_level":"public","create_time":"$D2021-08-03T09:28:07.661Z","update_time":"$D2022-01-29T11:51:38.192Z","view_time":null,"first_public_time":"$D2021-08-03T11:02:52.506Z","fork":false,"stars":23,"starred":false,"owner":{"type":"team","id":"5cbdc37d5634c888","login":"fheyen","name":"","avatar_url":"https://avatars-next.observableusercontent.com/5583b3edc59d97385b9ad17f74c76e9ed15457d372ed96534dbd829f3d95ebd5","tier":"starter_2024"},"version":232,"publish_version":232,"role":null,"authored":false,"authors":[{"type":"individual","id":"ce539535bc3f40fc","login":"fheyen","name":"","avatar_url":"https://avatars-next.observableusercontent.com/5583b3edc59d97385b9ad17f74c76e9ed15457d372ed96534dbd829f3d95ebd5","tier":null}],"members":[{"type":"individual","id":"ce539535bc3f40fc","login":"fheyen","name":"","avatar_url":"https://avatars-next.observableusercontent.com/5583b3edc59d97385b9ad17f74c76e9ed15457d372ed96534dbd829f3d95ebd5","tier":null,"role":"editor"}],"comments":[{"id":"6a4af95eca15998a","reply_to_id":null,"content":"Some entries appear empty because they only have an \"unstructured\" key. Might be useful to handle all three cases:\n1. DOI\n2. author + year + volume-title\n3. unstructured","create_time":"$D2021-08-03T18:00:56.952Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"07362516b5994994","login":"mootari","name":"Fabian Iwand","avatar_url":"https://avatars-next.observableusercontent.com/0d7defa821f38094c03bad23b9b360a5364e6e97e21fc238c39ddc48db7994ad","tier":null}},{"id":"d186384c80444cea","reply_to_id":"6a4af95eca15998a","content":"I now did. For a weird reason the text for unstructured appears twice... I resorted to slicing it in half but that might not work in every case.","create_time":"$D2021-08-03T20:45:14.131Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"ce539535bc3f40fc","login":"fheyen","name":"","avatar_url":"https://avatars-next.observableusercontent.com/5583b3edc59d97385b9ad17f74c76e9ed15457d372ed96534dbd829f3d95ebd5","tier":null}},{"id":"264143ad3e336aa1","reply_to_id":null,"content":"I suggest to use `width: \"100%\",` here, otherwise the input will reset whenever the window is resized. You may also want to add `submit: true`.","create_time":"$D2022-01-29T11:45:46.435Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"07362516b5994994","login":"mootari","name":"Fabian Iwand","avatar_url":"https://avatars-next.observableusercontent.com/0d7defa821f38094c03bad23b9b360a5364e6e97e21fc238c39ddc48db7994ad","tier":null}},{"id":"1b5b7b605df9c9ee","reply_to_id":"264143ad3e336aa1","content":"Done.","create_time":"$D2022-01-29T11:53:30.834Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"ce539535bc3f40fc","login":"fheyen","name":"","avatar_url":"https://avatars-next.observableusercontent.com/5583b3edc59d97385b9ad17f74c76e9ed15457d372ed96534dbd829f3d95ebd5","tier":null}},{"id":"f199e08097146b9d","reply_to_id":"6a4af95eca15998a","content":"The output here breaks for https://doi.org/10.1016/S0925-7721(98)00035-2 . It's possible that the structure of a data entry depends on the source (\"CrossRef\" in this case). I haven't found a spec yet.","create_time":"$D2022-01-29T12:04:06.620Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"07362516b5994994","login":"mootari","name":"Fabian Iwand","avatar_url":"https://avatars-next.observableusercontent.com/0d7defa821f38094c03bad23b9b360a5364e6e97e21fc238c39ddc48db7994ad","tier":null}},{"id":"107a1b2e5e7bad6b","reply_to_id":"6a4af95eca15998a","content":"Keep in mind that I'm not the author of citation-js, I just created this notebook to look into it and published it since it might be interesting for others... but feedback is very welcome of course ; )","create_time":"$D2022-01-29T12:06:48.964Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"ce539535bc3f40fc","login":"fheyen","name":"","avatar_url":"https://avatars-next.observableusercontent.com/5583b3edc59d97385b9ad17f74c76e9ed15457d372ed96534dbd829f3d95ebd5","tier":null}},{"id":"adacd74abda37cca","reply_to_id":"6a4af95eca15998a","content":"Totally! I'm just documenting the gotchas that I come across :)","create_time":"$D2022-01-29T12:08:07.442Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"07362516b5994994","login":"mootari","name":"Fabian Iwand","avatar_url":"https://avatars-next.observableusercontent.com/0d7defa821f38094c03bad23b9b360a5364e6e97e21fc238c39ddc48db7994ad","tier":null}}],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":4,"collection":null,"type":"notebook","body":{"title":"Hello, citation-js!","cells":[{"id":0,"value":"# Hello, citation-js!\n\n[github.com/larsgw/citation.js](https://github.com/larsgw/citation.js)\n\nPaste one or more [DOIs, or other identifiers]((https://citation.js.org/api/0.3/tutorial-input_formats.html)) into the input textbox and this notebook will display the citation(s) as text and bibtex.\n\n*Beware of errors, always double-check the data!*\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":63,"value":"viewof input = Inputs.text({\n label: \"DOI or other input\",\n width: \"100%\",\n value: \"https://doi.org/10.1145/3399715.3399814\",\n submit: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":150,"value":"## Citation","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":36,"value":"html`${output}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":99,"value":"html`

${citation.format(\"bibtex\", {\n  format: \"text\",\n  lang: \"en-US\"\n})}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":22,"value":"output = citation.format(\"bibliography\", {\n format: \"html\",\n template: \"apa\",\n lang: \"en-US\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":176,"value":"citation.format(\"data\", { format: \"object\" })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":210,"value":"citation.format(\"label\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":144,"value":"## References","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":117,"value":"html`${citation.data.map(\n (d) => html`\n

${d.author[0].family} - ${d.title} ${\n d.DOI ?? \"\"\n } (${d.reference.length} references)

${ref.author ?? \"\"} ${ref.year ?? \"\"} ${\n ref[\"volume-title\"] ? \"in \" + ref[\"volume-title\"] : \"\"\n } ${ref.DOI ?? \"\"}${\n ref.unstructured?.slice(\n Math.floor((ref.unstructured + \"\").length / 2)\n ) ?? \"\"\n // ref.unstructured ?? \"\"\n }

\n`\n)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":21,"value":"citation = await Cite.async(input)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":28,"value":"// Cite = require('citation-js')\nCite = require('https://bundle.run/citation-js@0.5.1')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2f:"$2e:body" 23:null 27:[["$","title","0",{"children":"Hello, citation-js! | fheyen | Observable"}],["$","meta","1",{"property":"og:title","content":"Hello, citation-js!"}],["$","meta","2",{"property":"og:description","content":"An Observable notebook by fheyen"}],["$","meta","3",{"property":"og:url","content":"https://observablehq.com/@fheyen/citation-js"}],["$","meta","4",{"property":"og:site_name","content":"Observable"}],["$","meta","5",{"property":"og:image","content":"https://static.observableusercontent.com/thumbnail/6ba50dc1357bdbb59bec395c531cdae50c245c05fbfb5bb9fe6cee5e308d200b.jpg"}],["$","meta","6",{"property":"og:image:width","content":"640"}],["$","meta","7",{"property":"og:image:height","content":"400"}],["$","meta","8",{"property":"og:type","content":"article"}],["$","meta","9",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","10",{"name":"twitter:title","content":"Hello, citation-js!"}],["$","meta","11",{"name":"twitter:description","content":"An Observable notebook by fheyen"}],["$","meta","12",{"name":"twitter:image","content":"https://static.observableusercontent.com/thumbnail/6ba50dc1357bdbb59bec395c531cdae50c245c05fbfb5bb9fe6cee5e308d200b.jpg"}],["$","meta","13",{"name":"twitter:image:width","content":"640"}],["$","meta","14",{"name":"twitter:image:height","content":"400"}],["$","link","15",{"rel":"icon","href":"/favicon.ico?favicon.2hqc0rwsy9zm6.ico","sizes":"96x96","type":"image/x-icon"}],["$","link","16",{"rel":"icon","href":"/icon.png?icon.1mhghqfpotdlb.png","sizes":"512x512","type":"image/png"}],["$","$L31","17",{}]]