[
{
"path": "LICENSE",
"content": "CC0 1.0 Universal\n\nStatement of Purpose\n\nThe laws of most jurisdictions throughout the world automatically confer\nexclusive Copyright and Related Rights (defined below) upon the creator and\nsubsequent owner(s) (each and all, an \"owner\") of an original work of\nauthorship and/or a database (each, a \"Work\").\n\nCertain owners wish to permanently relinquish those rights to a Work for the\npurpose of contributing to a commons of creative, cultural and scientific\nworks (\"Commons\") that the public can reliably and without fear of later\nclaims of infringement build upon, modify, incorporate in other works, reuse\nand redistribute as freely as possible in any form whatsoever and for any\npurposes, including without limitation commercial purposes. These owners may\ncontribute to the Commons to promote the ideal of a free culture and the\nfurther production of creative, cultural and scientific works, or to gain\nreputation or greater distribution for their Work in part through the use and\nefforts of others.\n\nFor these and/or other purposes and motivations, and without any expectation\nof additional consideration or compensation, the person associating CC0 with a\nWork (the \"Affirmer\"), to the extent that he or she is an owner of Copyright\nand Related Rights in the Work, voluntarily elects to apply CC0 to the Work\nand publicly distribute the Work under its terms, with knowledge of his or her\nCopyright and Related Rights in the Work and the meaning and intended legal\neffect of CC0 on those rights.\n\n1. Copyright and Related Rights. A Work made available under CC0 may be\nprotected by copyright and related or neighboring rights (\"Copyright and\nRelated Rights\"). Copyright and Related Rights include, but are not limited\nto, the following:\n\n i. the right to reproduce, adapt, distribute, perform, display, communicate,\n and translate a Work;\n\n ii. moral rights retained by the original author(s) and/or performer(s);\n\n iii. publicity and privacy rights pertaining to a person's image or likeness\n depicted in a Work;\n\n iv. rights protecting against unfair competition in regards to a Work,\n subject to the limitations in paragraph 4(a), below;\n\n v. rights protecting the extraction, dissemination, use and reuse of data in\n a Work;\n\n vi. database rights (such as those arising under Directive 96/9/EC of the\n European Parliament and of the Council of 11 March 1996 on the legal\n protection of databases, and under any national implementation thereof,\n including any amended or successor version of such directive); and\n\n vii. other similar, equivalent or corresponding rights throughout the world\n based on applicable law or treaty, and any national implementations thereof.\n\n2. Waiver. To the greatest extent permitted by, but not in contravention of,\napplicable law, Affirmer hereby overtly, fully, permanently, irrevocably and\nunconditionally waives, abandons, and surrenders all of Affirmer's Copyright\nand Related Rights and associated claims and causes of action, whether now\nknown or unknown (including existing as well as future claims and causes of\naction), in the Work (i) in all territories worldwide, (ii) for the maximum\nduration provided by applicable law or treaty (including future time\nextensions), (iii) in any current or future medium and for any number of\ncopies, and (iv) for any purpose whatsoever, including without limitation\ncommercial, advertising or promotional purposes (the \"Waiver\"). Affirmer makes\nthe Waiver for the benefit of each member of the public at large and to the\ndetriment of Affirmer's heirs and successors, fully intending that such Waiver\nshall not be subject to revocation, rescission, cancellation, termination, or\nany other legal or equitable action to disrupt the quiet enjoyment of the Work\nby the public as contemplated by Affirmer's express Statement of Purpose.\n\n3. Public License Fallback. Should any part of the Waiver for any reason be\njudged legally invalid or ineffective under applicable law, then the Waiver\nshall be preserved to the maximum extent permitted taking into account\nAffirmer's express Statement of Purpose. In addition, to the extent the Waiver\nis so judged Affirmer hereby grants to each affected person a royalty-free,\nnon transferable, non sublicensable, non exclusive, irrevocable and\nunconditional license to exercise Affirmer's Copyright and Related Rights in\nthe Work (i) in all territories worldwide, (ii) for the maximum duration\nprovided by applicable law or treaty (including future time extensions), (iii)\nin any current or future medium and for any number of copies, and (iv) for any\npurpose whatsoever, including without limitation commercial, advertising or\npromotional purposes (the \"License\"). The License shall be deemed effective as\nof the date CC0 was applied by Affirmer to the Work. Should any part of the\nLicense for any reason be judged legally invalid or ineffective under\napplicable law, such partial invalidity or ineffectiveness shall not\ninvalidate the remainder of the License, and in such case Affirmer hereby\naffirms that he or she will not (i) exercise any of his or her remaining\nCopyright and Related Rights in the Work or (ii) assert any associated claims\nand causes of action with respect to the Work, in either case contrary to\nAffirmer's express Statement of Purpose.\n\n4. Limitations and Disclaimers.\n\n a. No trademark or patent rights held by Affirmer are waived, abandoned,\n surrendered, licensed or otherwise affected by this document.\n\n b. Affirmer offers the Work as-is and makes no representations or warranties\n of any kind concerning the Work, express, implied, statutory or otherwise,\n including without limitation warranties of title, merchantability, fitness\n for a particular purpose, non infringement, or the absence of latent or\n other defects, accuracy, or the present or absence of errors, whether or not\n discoverable, all to the greatest extent permissible under applicable law.\n\n c. Affirmer disclaims responsibility for clearing rights of other persons\n that may apply to the Work or any use thereof, including without limitation\n any person's Copyright and Related Rights in the Work. Further, Affirmer\n disclaims responsibility for obtaining any necessary consents, permissions\n or other rights required for any use of the Work.\n\n d. Affirmer understands and acknowledges that Creative Commons is not a\n party to this document and has no duty or obligation with respect to this\n CC0 or use of the Work.\n\nFor more information, please see\n\n"
},
{
"path": "README.md",
"content": "\n\n# [Gopher Konstructor](http://quasilyte.dev/gopherkon)\n\nCreate [Go](https://golang.org/) gophers and use them as you like.\n\nThere is a good chance that the amount of assets available will increase over time.\n\nCurrently served at [quasilyte.dev/gopherkon](http://quasilyte.dev/gopherkon).\n\n# Contributing\n\nIf you want:\n\n- A new feature\n- Re-design or improvements towards mobile usability\n- New assets/sprites\n\nFeel free to [create a new issue](https://github.com/quasilyte/gopherkon/issues/new) or send a Pull Request.\n\nAnother way to contribute is to :star: this repository, since it gives me the motivation to continue working on it. You can also help by sharing your gophers on [Twitter](http://twitter.com/) using `#gopherkon` hashtag.\n\n# License\n\nBased on original artwork from the Renee French.\n"
},
{
"path": "app.js",
"content": "var App;\n(function (App) {\n function decodeWord(s) {\n return parseInt(s, 36);\n }\n function encodeWord(num) {\n let s = num.toString(36);\n if (s.length == 2) {\n return s;\n }\n if (s.length == 1) {\n return \"0\" + s;\n }\n console.error(\"bad num: %d\", num);\n return \"0\";\n }\n const gopherHatList = [\n \"sprites/none.png\",\n \"sprites/hat/sailor.png\",\n \"sprites/hat/ushanka.png\",\n \"sprites/hat/googler.png\",\n \"sprites/hat/tophat.png\",\n \"sprites/hat/miner.png\",\n \"sprites/hat/student.png\",\n \"sprites/hat/puffball.png\",\n \"sprites/hat/santa.png\",\n \"sprites/hat/sherlock.png\",\n \"sprites/hat/bow_yellow.png\",\n \"sprites/hat/bow_purple.png\",\n \"sprites/hat/bow_blue.png\",\n \"sprites/hat/headband_purple.png\",\n \"sprites/hat/headband_blue.png\",\n ];\n const gopherExtrasList = [\n \"sprites/none.png\",\n \"sprites/extras/bowtie.png\",\n \"sprites/extras/beard_adamj.png\",\n \"sprites/extras/scar_harry.png\",\n \"sprites/extras/antennae.png\",\n \"sprites/extras/eyeflames.png\",\n ];\n const gopherHairList = [\n \"sprites/none.png\",\n \"sprites/hair/dark_edgy.png\",\n \"sprites/hair/payot.png\",\n \"sprites/hair/short.png\",\n \"sprites/hair/whiskers.png\",\n \"sprites/hair/whiskers2.png\",\n \"sprites/hair/long.png\",\n \"sprites/hair/tennis.png\",\n ];\n const gopherTeethList = [\n \"sprites/none.png\",\n \"sprites/teeth/classical.png\",\n \"sprites/teeth/edgy.png\",\n \"sprites/teeth/fangs.png\",\n \"sprites/teeth/fragile.png\",\n \"sprites/teeth/funky.png\",\n \"sprites/teeth/shy.png\",\n \"sprites/teeth/soft.png\",\n \"sprites/teeth/broken.png\",\n \"sprites/teeth/monoteeth.png\",\n \"sprites/teeth/vampire.png\",\n ];\n const gopherMouthList = [\n \"sprites/none.png\",\n \"sprites/mouth/grin.png\",\n \"sprites/mouth/lol.png\",\n \"sprites/mouth/shout.png\",\n \"sprites/mouth/surprised.png\",\n \"sprites/mouth/tongue.png\",\n \"sprites/mouth/annoyed.png\",\n \"sprites/mouth/smile.png\",\n ];\n const gopherColorsList = [\n \"sprites/torso/normal/0.png\",\n \"sprites/torso/normal/5.png\",\n \"sprites/torso/normal/10.png\",\n \"sprites/torso/normal/15.png\",\n \"sprites/torso/normal/40.png\",\n \"sprites/torso/normal/75.png\",\n \"sprites/torso/normal/80.png\",\n \"sprites/torso/normal/85.png\",\n \"sprites/torso/normal/90.png\",\n \"sprites/torso/normal/95.png\",\n \"sprites/torso/normal/100.png\",\n \"sprites/torso/normal/105.png\",\n \"sprites/torso/normal/110.png\",\n \"sprites/torso/normal/115.png\",\n \"sprites/torso/normal/125.png\",\n \"sprites/torso/normal/145.png\",\n \"sprites/torso/normal/150.png\",\n \"sprites/torso/normal/155.png\",\n \"sprites/torso/normal/170.png\",\n \"sprites/torso/normal/180.png\",\n \"sprites/torso/normal/195.png\",\n ];\n const gopherEarsList = [\n \"sprites/none.png\",\n \"sprites/ears/fancy\",\n \"sprites/ears/fluffy\",\n \"sprites/ears/foxy\",\n \"sprites/ears/normal\",\n \"sprites/ears/playful\",\n \"sprites/ears/pointy\",\n \"sprites/ears/tiny\",\n \"sprites/ears/wide\",\n \"sprites/ears/wolf\",\n ];\n const gopherTorsoList = [\n \"sprites/none.png\",\n \"sprites/torso/cheeky\",\n \"sprites/torso/curly\",\n \"sprites/torso/normal\",\n \"sprites/torso/shaggy\",\n \"sprites/torso/wolf\",\n \"sprites/torso/barbed\",\n ];\n const gopherPoseList = [\n \"sprites/none.png\",\n \"sprites/pose/cowboy.png\",\n \"sprites/pose/dunno.png\",\n \"sprites/pose/right_holding.png\",\n \"sprites/pose/right_holding.mic.png\",\n \"sprites/pose/right_holding.white_rose.png\",\n \"sprites/pose/right_holding.wrench.png\",\n \"sprites/pose/sides.png\",\n \"sprites/pose/sign_blank.png\",\n \"sprites/pose/sign_persik_happy.png\",\n \"sprites/pose/sign_persik_laugh.png\",\n \"sprites/pose/sign_persik_thumbsup.png\",\n \"sprites/pose/sign_persik_angry.png\",\n \"sprites/pose/sign_go.png\",\n \"sprites/pose/sign_linux.png\",\n \"sprites/pose/thinking.magnifier.png\",\n \"sprites/pose/thinking.medic.png\",\n \"sprites/pose/thinking.png\",\n \"sprites/pose/timid.beads.png\",\n \"sprites/pose/timid.camera.png\",\n \"sprites/pose/timid.coffee.png\",\n \"sprites/pose/timid.money.png\",\n \"sprites/pose/timid.png\",\n \"sprites/pose/sign_1.png\",\n \"sprites/pose/sign_2.png\",\n \"sprites/pose/sign_3.png\",\n \"sprites/pose/handsup.png\",\n \"sprites/pose/shocked.png\",\n \"sprites/pose/nunchuck.png\",\n \"sprites/pose/water_magic.png\",\n \"sprites/pose/fire_magic.png\",\n \"sprites/pose/lightning_magic.png\",\n \"sprites/pose/snowball.png\",\n \"sprites/pose/dance.png\",\n \"sprites/pose/thumbs_up1.png\",\n \"sprites/pose/thumbs_up2.png\",\n \"sprites/pose/sides2.png\",\n \"sprites/pose/sides3.png\",\n \"sprites/pose/sides4.png\",\n ];\n const gopherNoseList = [\n \"sprites/nose/neat_a.png\",\n \"sprites/nose/neat_b.png\",\n \"sprites/nose/oval.png\",\n \"sprites/nose/round.png\",\n \"sprites/nose/small.png\",\n \"sprites/nose/tiny.png\",\n \"sprites/nose/apple.png\",\n \"sprites/nose/flat.png\",\n ];\n const gopherEyewearList = [\n \"sprites/none.png\",\n \"sprites/eyewear/censored_black.png\",\n \"sprites/eyewear/censored_red.png\",\n \"sprites/eyewear/glasses_cool.png\",\n \"sprites/eyewear/deal_with_it.png\",\n \"sprites/eyewear/glasses_hipster.png\",\n \"sprites/eyewear/glasses_glam.png\",\n \"sprites/eyewear/glasses_nerd.png\",\n \"sprites/eyewear/glasses_square.png\",\n \"sprites/eyewear/glasses_adamj.png\",\n \"sprites/eyewear/glasses_cyber.png\",\n \"sprites/eyewear/protective_goggles.png\",\n \"sprites/eyewear/monocle_left.png\",\n \"sprites/eyewear/monocle_right.png\",\n \"sprites/eyewear/monocle_black.png\",\n ];\n const gopherAccessoryList = [\n \"sprites/none.png\",\n \"sprites/accessory/headphones.png\",\n \"sprites/accessory/facemask.png\",\n \"sprites/accessory/evil_mustache.png\",\n ];\n const gopherEyesList = [\n \"sprites/eyes/alien_center.png\",\n \"sprites/eyes/alien_crazy.png\",\n \"sprites/eyes/alien_fish.png\",\n \"sprites/eyes/angry.png\",\n \"sprites/eyes/angry_one.png\",\n \"sprites/eyes/confused.png\",\n \"sprites/eyes/different.png\",\n \"sprites/eyes/different_mirrored.png\",\n \"sprites/eyes/different_mirrored_eyebrow.png\",\n \"sprites/eyes/distant_normal_left.png\",\n \"sprites/eyes/happy.png\",\n \"sprites/eyes/happy_as_in_anime.png\",\n \"sprites/eyes/killed.png\",\n \"sprites/eyes/normal_up.png\",\n \"sprites/eyes/normal_up_lashes.png\",\n \"sprites/eyes/oval_center.png\",\n \"sprites/eyes/oval_center_lashes.png\",\n \"sprites/eyes/oval_crazy.png\",\n \"sprites/eyes/oval_curious.png\",\n \"sprites/eyes/oval_curious_empty.png\",\n \"sprites/eyes/oval_down.png\",\n \"sprites/eyes/oval_down_lashes.png\",\n \"sprites/eyes/rofl.png\",\n \"sprites/eyes/sceptical.png\",\n \"sprites/eyes/small_center.png\",\n \"sprites/eyes/small_center_lashes.png\",\n \"sprites/eyes/wink.png\",\n \"sprites/eyes/goofy.png\",\n ];\n const gopherUndernoseList = [\n \"sprites/undernose/normal.png\",\n \"sprites/undernose/oval.png\",\n \"sprites/undernose/rome.png\",\n \"sprites/undernose/small.png\",\n \"sprites/undernose/gourmet.png\",\n ];\n const gopherTattooList = [\n \"sprites/none.png\",\n \"sprites/tattoo/apple.png\",\n \"sprites/tattoo/batman.png\",\n \"sprites/tattoo/digital_resistance1.png\",\n \"sprites/tattoo/digital_resistance2.png\",\n \"sprites/tattoo/durov_dog1.png\",\n \"sprites/tattoo/durov_dog2.png\",\n \"sprites/tattoo/github.png\",\n \"sprites/tattoo/invader.png\",\n \"sprites/tattoo/sammy.png\",\n \"sprites/tattoo/sekai.png\",\n \"sprites/tattoo/slowpoke.png\",\n \"sprites/tattoo/ubuntu.png\",\n \"sprites/tattoo/usb.png\",\n \"sprites/tattoo/vk.png\",\n \"sprites/tattoo/x.png\",\n \"sprites/tattoo/deusex_logo.png\",\n \"sprites/tattoo/gengar.png\",\n \"sprites/tattoo/hello_kitty.png\",\n \"sprites/tattoo/sonic.png\",\n \"sprites/tattoo/vaultboy.png\",\n \"sprites/tattoo/reddit.png\",\n \"sprites/tattoo/virus1.png\",\n \"sprites/tattoo/virus2.png\",\n ];\n const optionTabList = [\n {\n key: \"colorOptionTab\",\n options: gopherColorsList,\n label: \"Body color\",\n },\n {\n key: \"eyesOptionTab\",\n options: gopherEyesList,\n label: \"Eyes\",\n },\n {\n key: \"poseOptionTab\",\n options: gopherPoseList,\n label: \"Pose\",\n },\n {\n key: \"torsoOptionTab\",\n options: gopherTorsoList,\n label: \"Torso\",\n },\n {\n key: \"earsOptionTab\",\n options: gopherEarsList,\n label: \"Ears\",\n },\n {\n key: \"teethOptionTab\",\n options: gopherTeethList,\n label: \"Teeth\",\n },\n {\n key: \"mouthOptionTab\",\n options: gopherMouthList,\n label: \"Mouth\",\n },\n {\n key: \"undernoseOptionTab\",\n options: gopherUndernoseList,\n label: \"Undernose\",\n },\n {\n key: \"noseOptionTab\",\n options: gopherNoseList,\n label: \"Nose\",\n },\n {\n key: \"eyewearOptionTab\",\n options: gopherEyewearList,\n label: \"Eyewear\",\n },\n {\n key: \"accessoryOptionTab\",\n options: gopherAccessoryList,\n label: \"Accessory\",\n },\n {\n key: \"tattooOptionTab\",\n options: gopherTattooList,\n label: \"Tattoo\",\n },\n {\n key: \"extrasOptionTab\",\n options: gopherExtrasList,\n label: \"Extras\",\n },\n {\n key: \"hairOptionTab\",\n options: gopherHairList,\n label: \"Hair\",\n },\n {\n key: \"hatOptionTab\",\n options: gopherHatList,\n label: \"Hat\",\n },\n ];\n function objectListFmt(list) {\n return {\n enc: function (x) {\n for (let i in list) {\n if (list[i].key == x.key) {\n return encodeWord(+i);\n }\n }\n console.error(\"%s not found\", x.key);\n return encodeWord(0);\n },\n dec: function (s) { return list[decodeWord(s)]; },\n };\n }\n function stringListFmt(list) {\n return {\n enc: function (s) { return encodeWord(list.indexOf(s)); },\n dec: function (s) { return list[decodeWord(s)]; },\n };\n }\n let optsFmt = {\n // We have 1296 values.\n // It's safe to use up to 10 bits (2^10).\n //\n // Bits:\n // 0-1 - isLegacy\n // 2-9 - reserved\n enc: function (opts) {\n let bits = 0;\n if (opts.isLegacy) {\n bits = bits | (1 << 0);\n }\n return encodeWord(bits);\n },\n dec: function (s) {\n let opts = { isLegacy: false };\n let bits = decodeWord(s);\n opts.isLegacy = (bits & (1 << 0)) != 0;\n return opts;\n },\n };\n let app = {\n query: new URLSearchParams(window.location.search),\n legacyStateSchemeChunks: 13,\n state: {\n tabSelection: optionTabList,\n // Defaults.\n tab: optionTabList[0],\n colorOptionTab: \"sprites/torso/normal/100.png\",\n eyesOptionTab: \"sprites/eyes/normal_up.png\",\n poseOptionTab: \"sprites/pose/dunno.png\",\n torsoOptionTab: \"sprites/torso/normal\",\n earsOptionTab: \"sprites/ears/normal\",\n teethOptionTab: \"sprites/teeth/classical.png\",\n mouthOptionTab: \"sprites/none.png\",\n undernoseOptionTab: \"sprites/undernose/normal.png\",\n noseOptionTab: \"sprites/nose/oval.png\",\n eyewearOptionTab: \"sprites/none.png\",\n accessoryOptionTab: \"sprites/none.png\",\n tattooOptionTab: \"sprites/none.png\",\n extrasOptionTab: \"sprites/none.png\",\n opts: {\n // Whether URL/state was converted from the pre base-36 form.\n isLegacy: false,\n },\n hairOptionTab: \"sprites/none.png\",\n hatOptionTab: \"sprites/none.png\",\n },\n stateScheme: [\n { name: \"tab\", fmt: objectListFmt(optionTabList) },\n { name: \"colorOptionTab\", fmt: stringListFmt(gopherColorsList) },\n { name: \"eyesOptionTab\", fmt: stringListFmt(gopherEyesList) },\n { name: \"poseOptionTab\", fmt: stringListFmt(gopherPoseList) },\n { name: \"torsoOptionTab\", fmt: stringListFmt(gopherTorsoList) },\n { name: \"earsOptionTab\", fmt: stringListFmt(gopherEarsList) },\n { name: \"teethOptionTab\", fmt: stringListFmt(gopherTeethList) },\n { name: \"mouthOptionTab\", fmt: stringListFmt(gopherMouthList) },\n { name: \"undernoseOptionTab\", fmt: stringListFmt(gopherUndernoseList) },\n { name: \"noseOptionTab\", fmt: stringListFmt(gopherNoseList) },\n { name: \"eyewearOptionTab\", fmt: stringListFmt(gopherEyewearList) },\n { name: \"accessoryOptionTab\", fmt: stringListFmt(gopherAccessoryList) },\n { name: \"tattooOptionTab\", fmt: stringListFmt(gopherTattooList) },\n { name: \"extrasOptionTab\", fmt: stringListFmt(gopherExtrasList) },\n { name: \"opts\", fmt: optsFmt },\n { name: \"hairOptionTab\", fmt: stringListFmt(gopherHairList) },\n { name: \"hatOptionTab\", fmt: stringListFmt(gopherHatList) },\n ],\n };\n function stateString(delta) {\n delta = delta || {};\n let parts = [];\n for (let i in app.stateScheme) {\n let desc = app.stateScheme[i];\n let val = delta[desc.name] || app.state[desc.name];\n parts.push(desc.fmt.enc(val));\n }\n return parts.join(\"\");\n }\n // Try loading state from the state argument or,\n // if not explicitely passed, \"state\" GET param.\n function loadState(state = \"\") {\n state = state || app.query.get(\"state\");\n if (!state) {\n return;\n }\n let parts = state.match(/.{2}/g);\n if (parts.length < app.stateScheme.length) {\n console.warn(\"legacy state param: have %d chunks, want %d\", parts.length, app.stateScheme.length);\n }\n else if (parts.length > app.stateScheme.length) {\n console.error(\"corrupted state param: have %d chunks, want %d\", parts.length, app.stateScheme.length);\n return;\n }\n // Old permalinks detection.\n if (parts.length == app.legacyStateSchemeChunks) {\n app.state.opts.isLegacy = true;\n // Hex radix was used before.\n // Fix old permalinks by re-encoding base-16 values\n // into base-36 values.\n for (let i in parts) {\n let hexValue = parseInt(parts[i], 16);\n parts[i] = hexValue.toString(36);\n }\n }\n // This could initialize state only partially in case of\n // legacy state strings, where some fields are missing.\n for (let i in parts) {\n let desc = app.stateScheme[i];\n app.state[desc.name] = desc.fmt.dec(parts[i]);\n }\n }\n function initOptionTabSelector() {\n let tabInfo = app.state.tab;\n let tabSelector = document.getElementById(\"tab-selector\");\n let parts = [];\n let tabSelection = app.state.tabSelection;\n for (let i in tabSelection) {\n let label = tabSelection[i].label;\n if (tabInfo == tabSelection[i]) {\n parts.push(`
`);\n }\n else {\n parts.push(`
`);\n }\n }\n tabSelector.innerHTML = parts.join(\"\");\n }\n function initOptionTab() {\n let tabInfo = app.state.tab;\n let optionTab = document.getElementById(tabInfo.key);\n optionTab.style.display = \"block\";\n let parts = [];\n let tabKey = app.state.tab.key;\n for (let i in tabInfo.options) {\n let imgURL = spriteURL(tabInfo.options[i]);\n let delta = {};\n delta[tabKey] = tabInfo.options[i];\n let updatedState = stateString(delta);\n if (app.state[tabKey] == tabInfo.options[i]) {\n parts.push(``);\n }\n else {\n parts.push(``);\n }\n }\n optionTab.innerHTML = parts.join(\"\");\n }\n function spriteURL(url) {\n if (url.endsWith(\".png\")) {\n return url;\n }\n let parts = app.state.colorOptionTab.split(\"/\");\n let suffix = parts[parts.length - 1];\n return url + \"/\" + suffix;\n }\n function drawImages(images) {\n let canvas = document.getElementById(\"gopher\");\n let ctx = canvas.getContext(\"2d\");\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n for (let i in images) {\n let img = images[i];\n ctx.drawImage(img, 0, 0);\n }\n }\n function renderGopher() {\n let drawOrder = [\n \"earsOptionTab\",\n \"torsoOptionTab\",\n \"hairOptionTab\",\n \"eyesOptionTab\",\n \"extrasOptionTab\",\n \"mouthOptionTab\",\n \"teethOptionTab\",\n \"undernoseOptionTab\",\n \"noseOptionTab\",\n \"tattooOptionTab\",\n \"hatOptionTab\",\n \"accessoryOptionTab\",\n \"eyewearOptionTab\",\n \"poseOptionTab\",\n ];\n let images = [];\n let toLoad = drawOrder.length; // For sync.\n for (let i in drawOrder) {\n let tabKey = drawOrder[i];\n let imgURL = spriteURL(app.state[tabKey]);\n if (!imgURL) {\n toLoad--;\n continue;\n }\n let img = new Image();\n images.push(img); // Order is preserved.\n img.src = imgURL;\n img.onload = function () {\n toLoad--;\n if (toLoad == 0) {\n drawImages(images);\n }\n };\n }\n }\n function initDownload() {\n let link = document.getElementById(\"download\");\n link.onclick = function () {\n let canvas = document.getElementById(\"gopher\");\n link.href = canvas.toDataURL(\"image/png;base64\");\n };\n }\n function copyToClipboard(text) {\n let el = document.createElement(\"textarea\"); // Temp container\n el.value = text;\n el.setAttribute(\"readonly\", \"\");\n el.style.position = \"absolute\";\n el.style.left = \"-9999px\";\n document.body.appendChild(el);\n el.select();\n try {\n let ok = document.execCommand(\"copy\");\n console.debug(\"copy to clipboard:\", ok);\n }\n catch (e) {\n console.error(\"clipboard insertion failed\", e);\n }\n document.body.removeChild(el);\n }\n function initShareButton() {\n let share = document.getElementById(\"share\");\n share.onclick = function () {\n let url = \"https://quasilyte.dev/gopherkon/?state=\" + stateString({});\n copyToClipboard(url);\n };\n }\n function getOptionsList(key) {\n for (let tab of app.state.tabSelection) {\n if (tab.key == key) {\n return tab;\n }\n }\n return null;\n }\n function rand(min, max) {\n return Math.floor(Math.random() * (max - min)) + min;\n }\n function randBool(v = 0.5) {\n return Math.random() >= v;\n }\n function randomizedState() {\n // preferZero enumerate tabs that should have at least 50%\n // to have zero value against all other options.\n let preferZero = {\n \"accessoryOptionTab\": 0.15,\n \"eyewearOptionTab\": 0.5,\n \"extrasOptionTab\": 0.25,\n \"hairOptionTab\": 0.25,\n \"tattooOptionTab\": 0.5,\n \"hatOptionTab\": 0.4,\n };\n // nonZero enumerates tabs that should not have 0 index.\n let nonZero = new Set([\n \"poseOptionTab\",\n \"torsoOptionTab\",\n \"earsOptionTab\",\n \"teethOptionTab\",\n ]);\n let delta = {};\n for (let i in app.stateScheme) {\n let desc = app.stateScheme[i];\n let tab = getOptionsList(desc.name);\n if (tab === null) {\n continue;\n }\n let minIndex = nonZero.has(desc.name) ? 1 : 0;\n let index = rand(minIndex, tab.options.length);\n if (preferZero[desc.name] && randBool(preferZero[desc.name])) {\n index = 0;\n }\n let value = desc.fmt.dec(encodeWord(index));\n delta[desc.name] = value;\n }\n return stateString(delta);\n }\n function initShuffleButton() {\n let shuffle = document.getElementById(\"shuffle\");\n shuffle.href = \"?state=\" + randomizedState();\n }\n function changeTab(tabIndex) {\n let tabSelection = app.state.tabSelection;\n let href = \"?state=\" + stateString({ tab: tabSelection[tabIndex] });\n window.location.href = href;\n }\n App.changeTab = changeTab;\n function updateWithoutReload(state) {\n loadState(state);\n initOptionTab();\n renderGopher();\n // Rewrite URL query, if possible.\n if (window.history.replaceState) {\n let url = window.location.protocol + \"//\" + window.location.host + window.location.pathname;\n url = url + \"?state=\" + state;\n window.history.replaceState({ path: url }, \"\", url);\n }\n }\n App.updateWithoutReload = updateWithoutReload;\n function main() {\n loadState();\n console.debug(\"decoded state:\", app.state);\n console.debug(\"state string:\", stateString({}));\n initOptionTabSelector();\n initOptionTab();\n renderGopher();\n initDownload();\n initShareButton();\n initShuffleButton();\n }\n App.main = main;\n})(App || (App = {}));\nwindow.onload = function () {\n App.main();\n};\n"
},
{
"path": "app.ts",
"content": "namespace App {\n function decodeWord(s: string): number {\n return parseInt(s, 36);\n }\n\n function encodeWord(num: number): string {\n let s = num.toString(36);\n if (s.length == 2) {\n return s;\n }\n if (s.length == 1) {\n return \"0\" + s;\n }\n console.error(\"bad num: %d\", num);\n return \"0\";\n }\n\n const gopherHatList = [\n \"sprites/none.png\",\n \"sprites/hat/sailor.png\",\n \"sprites/hat/ushanka.png\",\n \"sprites/hat/googler.png\",\n \"sprites/hat/tophat.png\",\n \"sprites/hat/miner.png\",\n \"sprites/hat/student.png\",\n \"sprites/hat/puffball.png\",\n \"sprites/hat/santa.png\",\n \"sprites/hat/sherlock.png\",\n \"sprites/hat/bow_yellow.png\",\n \"sprites/hat/bow_purple.png\",\n \"sprites/hat/bow_blue.png\",\n \"sprites/hat/headband_purple.png\",\n \"sprites/hat/headband_blue.png\",\n ];\n\n const gopherExtrasList = [\n \"sprites/none.png\",\n \"sprites/extras/bowtie.png\",\n \"sprites/extras/beard_adamj.png\",\n \"sprites/extras/scar_harry.png\",\n \"sprites/extras/antennae.png\",\n \"sprites/extras/eyeflames.png\",\n ];\n\n const gopherHairList = [\n \"sprites/none.png\",\n \"sprites/hair/dark_edgy.png\",\n \"sprites/hair/payot.png\",\n \"sprites/hair/short.png\",\n \"sprites/hair/whiskers.png\",\n \"sprites/hair/whiskers2.png\",\n \"sprites/hair/long.png\",\n \"sprites/hair/tennis.png\",\n ];\n\n const gopherTeethList = [\n \"sprites/none.png\",\n \"sprites/teeth/classical.png\",\n \"sprites/teeth/edgy.png\",\n \"sprites/teeth/fangs.png\",\n \"sprites/teeth/fragile.png\",\n \"sprites/teeth/funky.png\",\n \"sprites/teeth/shy.png\",\n \"sprites/teeth/soft.png\",\n \"sprites/teeth/broken.png\",\n \"sprites/teeth/monoteeth.png\",\n \"sprites/teeth/vampire.png\",\n ];\n\n const gopherMouthList = [\n \"sprites/none.png\",\n \"sprites/mouth/grin.png\",\n \"sprites/mouth/lol.png\",\n \"sprites/mouth/shout.png\",\n \"sprites/mouth/surprised.png\",\n \"sprites/mouth/tongue.png\",\n \"sprites/mouth/annoyed.png\",\n \"sprites/mouth/smile.png\",\n ];\n\n const gopherColorsList = [\n \"sprites/torso/normal/0.png\",\n \"sprites/torso/normal/5.png\",\n \"sprites/torso/normal/10.png\",\n \"sprites/torso/normal/15.png\",\n \"sprites/torso/normal/40.png\",\n \"sprites/torso/normal/75.png\",\n \"sprites/torso/normal/80.png\",\n \"sprites/torso/normal/85.png\",\n \"sprites/torso/normal/90.png\",\n \"sprites/torso/normal/95.png\",\n \"sprites/torso/normal/100.png\",\n \"sprites/torso/normal/105.png\",\n \"sprites/torso/normal/110.png\",\n \"sprites/torso/normal/115.png\",\n \"sprites/torso/normal/125.png\",\n \"sprites/torso/normal/145.png\",\n \"sprites/torso/normal/150.png\",\n \"sprites/torso/normal/155.png\",\n \"sprites/torso/normal/170.png\",\n \"sprites/torso/normal/180.png\",\n \"sprites/torso/normal/195.png\",\n ];\n\n const gopherEarsList = [\n \"sprites/none.png\",\n \"sprites/ears/fancy\",\n \"sprites/ears/fluffy\",\n \"sprites/ears/foxy\",\n \"sprites/ears/normal\",\n \"sprites/ears/playful\",\n \"sprites/ears/pointy\",\n \"sprites/ears/tiny\",\n \"sprites/ears/wide\",\n \"sprites/ears/wolf\",\n ];\n\n const gopherTorsoList = [\n \"sprites/none.png\",\n \"sprites/torso/cheeky\",\n \"sprites/torso/curly\",\n \"sprites/torso/normal\",\n \"sprites/torso/shaggy\",\n \"sprites/torso/wolf\",\n \"sprites/torso/barbed\",\n ];\n\n const gopherPoseList = [\n \"sprites/none.png\",\n \"sprites/pose/cowboy.png\",\n \"sprites/pose/dunno.png\",\n \"sprites/pose/right_holding.png\",\n \"sprites/pose/right_holding.mic.png\",\n \"sprites/pose/right_holding.white_rose.png\",\n \"sprites/pose/right_holding.wrench.png\",\n \"sprites/pose/sides.png\",\n \"sprites/pose/sign_blank.png\",\n \"sprites/pose/sign_persik_happy.png\",\n \"sprites/pose/sign_persik_laugh.png\",\n \"sprites/pose/sign_persik_thumbsup.png\",\n \"sprites/pose/sign_persik_angry.png\",\n \"sprites/pose/sign_go.png\",\n \"sprites/pose/sign_linux.png\",\n \"sprites/pose/thinking.magnifier.png\",\n \"sprites/pose/thinking.medic.png\",\n \"sprites/pose/thinking.png\",\n \"sprites/pose/timid.beads.png\",\n \"sprites/pose/timid.camera.png\",\n \"sprites/pose/timid.coffee.png\",\n \"sprites/pose/timid.money.png\",\n \"sprites/pose/timid.png\",\n \"sprites/pose/sign_1.png\",\n \"sprites/pose/sign_2.png\",\n \"sprites/pose/sign_3.png\",\n \"sprites/pose/handsup.png\",\n \"sprites/pose/shocked.png\",\n \"sprites/pose/nunchuck.png\",\n \"sprites/pose/water_magic.png\",\n \"sprites/pose/fire_magic.png\",\n \"sprites/pose/lightning_magic.png\",\n \"sprites/pose/snowball.png\",\n \"sprites/pose/dance.png\",\n \"sprites/pose/thumbs_up1.png\",\n \"sprites/pose/thumbs_up2.png\",\n \"sprites/pose/sides2.png\",\n \"sprites/pose/sides3.png\",\n \"sprites/pose/sides4.png\",\n ];\n\n const gopherNoseList = [\n \"sprites/nose/neat_a.png\",\n \"sprites/nose/neat_b.png\",\n \"sprites/nose/oval.png\",\n \"sprites/nose/round.png\",\n \"sprites/nose/small.png\",\n \"sprites/nose/tiny.png\",\n \"sprites/nose/apple.png\",\n \"sprites/nose/flat.png\",\n ];\n\n const gopherEyewearList = [\n \"sprites/none.png\",\n \"sprites/eyewear/censored_black.png\",\n \"sprites/eyewear/censored_red.png\",\n \"sprites/eyewear/glasses_cool.png\",\n \"sprites/eyewear/deal_with_it.png\",\n \"sprites/eyewear/glasses_hipster.png\",\n \"sprites/eyewear/glasses_glam.png\",\n \"sprites/eyewear/glasses_nerd.png\",\n \"sprites/eyewear/glasses_square.png\",\n \"sprites/eyewear/glasses_adamj.png\",\n \"sprites/eyewear/glasses_cyber.png\",\n \"sprites/eyewear/protective_goggles.png\",\n \"sprites/eyewear/monocle_left.png\",\n \"sprites/eyewear/monocle_right.png\",\n \"sprites/eyewear/monocle_black.png\",\n ];\n\n const gopherAccessoryList = [\n \"sprites/none.png\",\n \"sprites/accessory/headphones.png\",\n \"sprites/accessory/facemask.png\",\n \"sprites/accessory/evil_mustache.png\",\n ];\n\n const gopherEyesList = [\n \"sprites/eyes/alien_center.png\",\n \"sprites/eyes/alien_crazy.png\",\n \"sprites/eyes/alien_fish.png\",\n \"sprites/eyes/angry.png\",\n \"sprites/eyes/angry_one.png\",\n \"sprites/eyes/confused.png\",\n \"sprites/eyes/different.png\",\n \"sprites/eyes/different_mirrored.png\",\n \"sprites/eyes/different_mirrored_eyebrow.png\",\n \"sprites/eyes/distant_normal_left.png\",\n \"sprites/eyes/happy.png\",\n \"sprites/eyes/happy_as_in_anime.png\",\n \"sprites/eyes/killed.png\",\n \"sprites/eyes/normal_up.png\",\n \"sprites/eyes/normal_up_lashes.png\",\n \"sprites/eyes/oval_center.png\",\n \"sprites/eyes/oval_center_lashes.png\",\n \"sprites/eyes/oval_crazy.png\",\n \"sprites/eyes/oval_curious.png\",\n \"sprites/eyes/oval_curious_empty.png\",\n \"sprites/eyes/oval_down.png\",\n \"sprites/eyes/oval_down_lashes.png\",\n \"sprites/eyes/rofl.png\",\n \"sprites/eyes/sceptical.png\",\n \"sprites/eyes/small_center.png\",\n \"sprites/eyes/small_center_lashes.png\",\n \"sprites/eyes/wink.png\",\n \"sprites/eyes/goofy.png\",\n ];\n\n const gopherUndernoseList = [\n \"sprites/undernose/normal.png\",\n \"sprites/undernose/oval.png\",\n \"sprites/undernose/rome.png\",\n \"sprites/undernose/small.png\",\n \"sprites/undernose/gourmet.png\",\n ];\n\n const gopherTattooList = [\n \"sprites/none.png\",\n \"sprites/tattoo/apple.png\",\n \"sprites/tattoo/batman.png\",\n \"sprites/tattoo/digital_resistance1.png\",\n \"sprites/tattoo/digital_resistance2.png\",\n \"sprites/tattoo/durov_dog1.png\",\n \"sprites/tattoo/durov_dog2.png\",\n \"sprites/tattoo/github.png\",\n \"sprites/tattoo/invader.png\",\n \"sprites/tattoo/sammy.png\",\n \"sprites/tattoo/sekai.png\",\n \"sprites/tattoo/slowpoke.png\",\n \"sprites/tattoo/ubuntu.png\",\n \"sprites/tattoo/usb.png\",\n \"sprites/tattoo/vk.png\",\n \"sprites/tattoo/x.png\",\n \"sprites/tattoo/deusex_logo.png\",\n \"sprites/tattoo/gengar.png\",\n \"sprites/tattoo/hello_kitty.png\",\n \"sprites/tattoo/sonic.png\",\n \"sprites/tattoo/vaultboy.png\",\n \"sprites/tattoo/reddit.png\",\n \"sprites/tattoo/virus1.png\",\n \"sprites/tattoo/virus2.png\",\n ];\n\n const optionTabList = [\n {\n key: \"colorOptionTab\",\n options: gopherColorsList,\n label: \"Body color\",\n },\n {\n key: \"eyesOptionTab\",\n options: gopherEyesList,\n label: \"Eyes\",\n },\n {\n key: \"poseOptionTab\",\n options: gopherPoseList,\n label: \"Pose\",\n },\n {\n key: \"torsoOptionTab\",\n options: gopherTorsoList,\n label: \"Torso\",\n },\n {\n key: \"earsOptionTab\",\n options: gopherEarsList,\n label: \"Ears\",\n },\n {\n key: \"teethOptionTab\",\n options: gopherTeethList,\n label: \"Teeth\",\n },\n {\n key: \"mouthOptionTab\",\n options: gopherMouthList,\n label: \"Mouth\",\n },\n {\n key: \"undernoseOptionTab\",\n options: gopherUndernoseList,\n label: \"Undernose\", \n },\n {\n key: \"noseOptionTab\",\n options: gopherNoseList,\n label: \"Nose\", \n },\n {\n key: \"eyewearOptionTab\",\n options: gopherEyewearList,\n label: \"Eyewear\",\n },\n {\n key: \"accessoryOptionTab\",\n options: gopherAccessoryList,\n label: \"Accessory\",\n },\n {\n key: \"tattooOptionTab\",\n options: gopherTattooList,\n label: \"Tattoo\",\n },\n {\n key: \"extrasOptionTab\",\n options: gopherExtrasList,\n label: \"Extras\",\n },\n {\n key: \"hairOptionTab\",\n options: gopherHairList,\n label: \"Hair\",\n },\n {\n key: \"hatOptionTab\",\n options: gopherHatList,\n label: \"Hat\",\n },\n ];\n\n function objectListFmt(list) {\n return {\n enc: function(x) {\n for (let i in list) {\n if (list[i].key == x.key) {\n return encodeWord(+i);\n } \n }\n console.error(\"%s not found\", x.key);\n return encodeWord(0);\n },\n dec: function(s) { return list[decodeWord(s)]; },\n };\n }\n\n function stringListFmt(list) {\n return {\n enc: function(s) { return encodeWord(list.indexOf(s)); },\n dec: function(s) { return list[decodeWord(s)]; },\n };\n }\n\n let optsFmt = {\n // We have 1296 values.\n // It's safe to use up to 10 bits (2^10).\n //\n // Bits:\n // 0-1 - isLegacy\n // 2-9 - reserved\n enc: function(opts) {\n let bits = 0;\n if (opts.isLegacy) {\n bits = bits | (1 << 0);\n }\n return encodeWord(bits);\n },\n dec: function(s) {\n let opts = {isLegacy: false};\n let bits = decodeWord(s);\n opts.isLegacy = (bits & (1 << 0)) != 0;\n return opts;\n },\n };\n\n let app = {\n query: new URLSearchParams(window.location.search),\n\n legacyStateSchemeChunks: 13,\n\n state: {\n tabSelection: optionTabList, // TODO(quasilyte): move outside of the \"state\"?\n \n // Defaults.\n tab: optionTabList[0],\n colorOptionTab: \"sprites/torso/normal/100.png\",\n eyesOptionTab: \"sprites/eyes/normal_up.png\",\n poseOptionTab: \"sprites/pose/dunno.png\",\n torsoOptionTab: \"sprites/torso/normal\",\n earsOptionTab: \"sprites/ears/normal\",\n teethOptionTab: \"sprites/teeth/classical.png\",\n mouthOptionTab: \"sprites/none.png\",\n undernoseOptionTab: \"sprites/undernose/normal.png\",\n noseOptionTab: \"sprites/nose/oval.png\",\n eyewearOptionTab: \"sprites/none.png\",\n accessoryOptionTab: \"sprites/none.png\",\n tattooOptionTab: \"sprites/none.png\",\n extrasOptionTab: \"sprites/none.png\",\n opts: {\n // Whether URL/state was converted from the pre base-36 form.\n isLegacy: false,\n },\n hairOptionTab: \"sprites/none.png\",\n hatOptionTab: \"sprites/none.png\",\n },\n\n stateScheme: [\n {name: \"tab\", fmt: objectListFmt(optionTabList)},\n {name: \"colorOptionTab\", fmt: stringListFmt(gopherColorsList)},\n {name: \"eyesOptionTab\", fmt: stringListFmt(gopherEyesList)},\n {name: \"poseOptionTab\", fmt: stringListFmt(gopherPoseList)},\n {name: \"torsoOptionTab\", fmt: stringListFmt(gopherTorsoList)},\n {name: \"earsOptionTab\", fmt: stringListFmt(gopherEarsList)},\n {name: \"teethOptionTab\", fmt: stringListFmt(gopherTeethList)},\n {name: \"mouthOptionTab\", fmt: stringListFmt(gopherMouthList)},\n {name: \"undernoseOptionTab\", fmt: stringListFmt(gopherUndernoseList)},\n {name: \"noseOptionTab\", fmt: stringListFmt(gopherNoseList)},\n {name: \"eyewearOptionTab\", fmt: stringListFmt(gopherEyewearList)},\n {name: \"accessoryOptionTab\", fmt: stringListFmt(gopherAccessoryList)},\n {name: \"tattooOptionTab\", fmt: stringListFmt(gopherTattooList)},\n {name: \"extrasOptionTab\", fmt: stringListFmt(gopherExtrasList)},\n {name: \"opts\", fmt: optsFmt},\n {name: \"hairOptionTab\", fmt: stringListFmt(gopherHairList)},\n {name: \"hatOptionTab\", fmt: stringListFmt(gopherHatList)},\n ],\n };\n\n function stateString(delta): string {\n delta = delta || {};\n let parts = [];\n for (let i in app.stateScheme) {\n let desc = app.stateScheme[i];\n let val = delta[desc.name] || app.state[desc.name];\n parts.push(desc.fmt.enc(val));\n }\n return parts.join(\"\");\n }\n\n // Try loading state from the state argument or,\n // if not explicitely passed, \"state\" GET param.\n function loadState(state: string = \"\") {\n state = state || app.query.get(\"state\");\n if (!state) {\n return;\n }\n\n let parts = state.match(/.{2}/g);\n if (parts.length < app.stateScheme.length) {\n console.warn(\"legacy state param: have %d chunks, want %d\",\n parts.length, app.stateScheme.length);\n } else if (parts.length > app.stateScheme.length) {\n console.error(\"corrupted state param: have %d chunks, want %d\",\n parts.length, app.stateScheme.length);\n return;\n }\n\n // Old permalinks detection.\n if (parts.length == app.legacyStateSchemeChunks) {\n app.state.opts.isLegacy = true;\n\n // Hex radix was used before.\n // Fix old permalinks by re-encoding base-16 values\n // into base-36 values.\n for (let i in parts) {\n let hexValue = parseInt(parts[i], 16);\n parts[i] = hexValue.toString(36);\n }\n }\n\n // This could initialize state only partially in case of\n // legacy state strings, where some fields are missing.\n for (let i in parts) {\n let desc = app.stateScheme[i];\n app.state[desc.name] = desc.fmt.dec(parts[i]);\n }\n }\n\n function initOptionTabSelector() {\n let tabInfo = app.state.tab;\n let tabSelector = document.getElementById(\"tab-selector\");\n\n let parts = [];\n let tabSelection = app.state.tabSelection;\n for (let i in tabSelection) {\n let label = tabSelection[i].label;\n if (tabInfo == tabSelection[i]) {\n parts.push(`
`);\n } else {\n parts.push(`
`);\n }\n }\n tabSelector.innerHTML = parts.join(\"\");\n }\n\n function initOptionTab() {\n let tabInfo = app.state.tab;\n let optionTab = document.getElementById(tabInfo.key);\n\n optionTab.style.display = \"block\";\n\n let parts = [];\n let tabKey = app.state.tab.key;\n for (let i in tabInfo.options) {\n let imgURL = spriteURL(tabInfo.options[i]);\n let delta = {};\n delta[tabKey] = tabInfo.options[i];\n let updatedState = stateString(delta);\n if (app.state[tabKey] == tabInfo.options[i]) {\n parts.push(``);\n } else {\n parts.push(``);\n }\n }\n optionTab.innerHTML = parts.join(\"\");\n }\n\n function spriteURL(url: string) {\n if (url.endsWith(\".png\")) {\n return url;\n }\n let parts = app.state.colorOptionTab.split(\"/\");\n let suffix = parts[parts.length-1];\n return url + \"/\" + suffix;\n }\n\n function drawImages(images) {\n let canvas = document.getElementById(\"gopher\");\n let ctx = canvas.getContext(\"2d\");\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n for (let i in images) {\n let img = images[i];\n ctx.drawImage(img, 0, 0);\n }\n }\n\n function renderGopher() {\n let drawOrder = [\n \"earsOptionTab\",\n \"torsoOptionTab\",\n \"hairOptionTab\",\n \"eyesOptionTab\",\n \"extrasOptionTab\",\n \"mouthOptionTab\",\n \"teethOptionTab\",\n \"undernoseOptionTab\",\n \"noseOptionTab\",\n \"tattooOptionTab\",\n \"hatOptionTab\",\n \"accessoryOptionTab\",\n \"eyewearOptionTab\",\n \"poseOptionTab\",\n ];\n\n let images = [];\n let toLoad = drawOrder.length; // For sync.\n for (let i in drawOrder) {\n let tabKey = drawOrder[i];\n let imgURL = spriteURL(app.state[tabKey]);\n if (!imgURL) {\n toLoad--;\n continue;\n }\n let img = new Image();\n images.push(img); // Order is preserved.\n img.src = imgURL;\n img.onload = function() {\n toLoad--;\n if (toLoad == 0) {\n drawImages(images);\n }\n };\n }\n }\n\n function initDownload() {\n let link = document.getElementById(\"download\");\n\n link.onclick = function() {\n let canvas = document.getElementById(\"gopher\");\n link.href = canvas.toDataURL(\"image/png;base64\");\n };\n }\n\n function copyToClipboard(text: string) {\n let el = document.createElement(\"textarea\"); // Temp container\n el.value = text;\n el.setAttribute(\"readonly\", \"\");\n el.style.position = \"absolute\";\n el.style.left = \"-9999px\";\n document.body.appendChild(el);\n el.select();\n try {\n let ok = document.execCommand(\"copy\");\n console.debug(\"copy to clipboard:\", ok);\n } catch (e) {\n console.error(\"clipboard insertion failed\", e);\n }\n document.body.removeChild(el);\n }\n\n function initShareButton() {\n let share = document.getElementById(\"share\");\n share.onclick = function() {\n let url = \"https://quasilyte.dev/gopherkon/?state=\" + stateString({});\n copyToClipboard(url);\n };\n }\n\n function getOptionsList(key: string) {\n for (let tab of app.state.tabSelection) {\n if (tab.key == key) {\n return tab;\n }\n }\n return null;\n }\n\n function rand(min: number, max: number): number {\n return Math.floor(Math.random() * (max - min)) + min;\n }\n\n function randBool(v = 0.5): boolean {\n return Math.random() >= v;\n }\n\n function randomizedState(): string {\n // preferZero enumerate tabs that should have at least 50%\n // to have zero value against all other options.\n let preferZero = {\n \"accessoryOptionTab\": 0.15,\n \"eyewearOptionTab\": 0.5,\n \"extrasOptionTab\": 0.25,\n \"hairOptionTab\": 0.25,\n \"tattooOptionTab\": 0.5,\n \"hatOptionTab\": 0.4,\n };\n\n // nonZero enumerates tabs that should not have 0 index.\n let nonZero = new Set([\n \"poseOptionTab\",\n \"torsoOptionTab\",\n \"earsOptionTab\",\n \"teethOptionTab\",\n ]);\n\n let delta = {};\n for (let i in app.stateScheme) {\n let desc = app.stateScheme[i];\n let tab = getOptionsList(desc.name);\n if (tab === null) {\n continue;\n }\n let minIndex = nonZero.has(desc.name) ? 1 : 0;\n let index = rand(minIndex, tab.options.length);\n if (preferZero[desc.name] && randBool(preferZero[desc.name])) {\n index = 0;\n }\n let value = desc.fmt.dec(encodeWord(index));\n delta[desc.name] = value;\n }\n return stateString(delta);\n }\n\n function initShuffleButton() {\n let shuffle = document.getElementById(\"shuffle\");\n shuffle.href = \"?state=\" + randomizedState();\n }\n\n export function changeTab(tabIndex) {\n let tabSelection = app.state.tabSelection;\n let href = \"?state=\" + stateString({tab: tabSelection[tabIndex]});\n window.location.href = href;\n }\n\n export function updateWithoutReload(state) {\n loadState(state);\n initOptionTab();\n renderGopher();\n\n // Rewrite URL query, if possible.\n if (window.history.replaceState) {\n let url = window.location.protocol + \"//\" + window.location.host + window.location.pathname;\n url = url + \"?state=\" + state;\n window.history.replaceState({path: url}, \"\", url);\n }\n }\n\n export function main() {\n loadState();\n console.debug(\"decoded state:\", app.state);\n console.debug(\"state string:\", stateString({}));\n initOptionTabSelector();\n initOptionTab();\n renderGopher();\n initDownload();\n initShareButton();\n initShuffleButton();\n }\n}\n\nwindow.onload = function() { \n App.main();\n};\n"
},
{
"path": "index.html",
"content": "\nGopherKon\n\n\n\n\n\n\n\n\n\n\n\n