31:[] 2f:{"title":"Title Transliteration","cells":[{"id":0,"value":"md`\n# Title Transliteration\n\nThis notebook tests title/slug transliteration. A list of pangrams (alphabet test sentences) in various languages can be found [here](http://clagnut.com/blog/2380/).\n\nTransformations performed by Observable:\n- lowercase everything\n- transliterate letters (see [this topic](https://talk.observablehq.com/t/bug-incorrect-transliteration-of-umlauts-in-slugs/2025) for current transliteration bugs)\n- \\`/[^a-z0-9_]+/\\` → \"-\"\n- shorten to 50 characters\n- if slug exists, append \\`/2\\, /3, ..., /n\\`\n\nEnter some text below to test how different packages transliterate it:\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"{\n const value = 'Zwölf Boxkämpfer jagen Viktor quer über den großen Sylter Deich';\n \n const style = 'padding:.5em;font-size:inherit;box-sizing:border-box;width:100%;margin-bottom:1em';\n const input = html``;\n const output = html`

`;\n const view = html`${input}
${output}`;\n input.oninput = e => {\n e && e.stopPropagation();\n for(let n of output.children) output.removeChild(n);\n output.appendChild(slugify(view._input = input.value));\n }\n input.oninput();\n return view;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":121,"value":"md`---\n## Utils\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"function slugify(str) {\n const libs = [libSpeakingurl, libTransliteration, libSlugify];\n const rows = libs.map(({label, slugify}) => {\n return html`${[label, slugify(str)].map(v => html`

${DOM.text(v)}`)}`;\n  });\n  return html`${rows}`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":125,"value":"md`---\n## Dependencies\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":74,"value":"libSpeakingurl = ({\n  label: 'speakingurl@14.0.1',\n  slugify: (await import('https://cdn.skypack.dev/speakingurl@14.0.1')).default,\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":80,"value":"libTransliteration = ({\n  label: 'transliteration@2.1.11',\n  slugify: (await import('transliteration@2.1.11')).slugify,\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"libSlugify = ({\n  label: '@sindresorhus/slugify@1.1.0',\n  slugify: (await import('https://cdn.skypack.dev/@sindresorhus/slugify@1.1.0')).default,\n})","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}
Package Output