2c:null 2d:["$","title",null,{"children":"Fetch computerender images | DrummerHead | Observable"}] 32:T90a,{ if (update) { return html`

${model.map( (imageGroup) => html`

${imageGroup.images.map( ({ url, approved, loaded, timesVariated }, i) => html`

${
autoReloadHack === autoReloadUntil
? "Not autoreloading"
: ""
}

{ handleLoadedImage(imageGroup.id, i); }} ondblclick=${() => approveAll(imageGroup.id)} /> approveToggle(imageGroup.id, i)}> ${ timesVariated > 0 ? html`${timesVariated}` : "" }

` )} ${imageGroup.id}

` )}

`; } return md`Turn on “update”▲ checkbox to fetch new images based on prompt; turn it off while typing new prompt to avoid too many request`; }33:T623,/* type SneakyGlobal = { variationStr: string, approved: boolean; loaded: boolean; timesVariated: number; }[][] And also the prop triedVariations with string[] I'm abusing the fact that arrays can take arbitrary props, don't try this at home ☣️ ____ / . .\ 🐍 \ ---< \ / __________/ / -=:___________/ */ initSneakyGlobal = (flushCache = false) => { window.sneakyGlobal = flushCache // If flush chache ? [] // then always put new one : window.sneakyGlobal // if not check if it exists ? window.sneakyGlobal // if it does be yourself : []; // If not then put something there for (let i = 0; i < startingSeed + 201; i++) { const newImgGroup = [initImage()]; newImgGroup.triedVariations = []; for (let j = 1; j < variationsAmount; j++) { // On initialization I don't check for already existing variation strings // since I mostly load two images at beginning (one without variation and one variation) const varString = variationString(); newImgGroup.push(initImage(varString)); newImgGroup.triedVariations.push(varString); } window.sneakyGlobal[i] = flushCache // If flush chache ? newImgGroup // then always put new ones : window.sneakyGlobal[i] // if not check if it exists ? window.sneakyGlobal[i] // if it does be yourself : newImgGroup; // If not then put something there } // Daaamn this code is nasty but I like it. Feeling hacky hack hackerton hackerious Hugh Hackman forceReload(); }34:T3ea7,variationStringWord = () => { const wordList = [ "Albanian", "American", "Angolan", "Argentine", "Australian", "Austrian", "Azerbaijani", "Bahamian", "Belarusian", "Belgian", "Belizean", "Bhutanese", "Brazilian", "British", "Bulgarian", "Burkinan", "Burmese", "Burundian", "Cambodian", "Cameroonian", "Canadian", "Chilean", "Chinese", "Colombian", "Costa-Rican", "Croatian", "Cuban", "Czech", "Danish", "Dominican", "Dutch", "Ecuadorean", "Egyptian", "English", "Eritrean", "Estonian", "Ethiopian", "Faroese", "Fijian", "Filipino", "Finnish", "French", "Gabonese", "Gambian", "Georgian", "German", "Ghanaian", "Gibraltarian", "Greek", "Greenlandic", "Grenadian", "Guamanian", "Guatemalan", "Guinean", "Guyanese", "Haitian", "Honduran", "Hungarian", "Icelandic", "Indian", "Indonesian", "Iranian", "Iraqi", "Irish", "Israeli", "Italian", "Ivorian", "Jamaican", "Japanese", "Jordanian", "Kazakh", "Kenyan", "Kittitian", "Kosovan", "Kuwaiti", "Kyrgyz", "Latvian", "Lebanese", "Liberian", "Libyan", "Lithuanian", "Luxembourger", "Macanese", "Macedonian", "Malagasy", "Malawian", "Malaysian", "Maldivian", "Maltese", "Marshallese", "Mauritanian", "Mauritian", "Mexican", "Micronesian", "Moldovan", "Mongolian", "Montenegrin", "Montserratian", "Moroccan", "Mosotho", "Mozambican", "Namibian", "Nauruan", "Nepalese", "New-Zealander", "Nicaraguan", "Nigerian", "Niuean", "North-Korean", "Norwegian", "Omani", "Pakistani", "Palauan", "Palestinian", "Panamanian", "Paraguayan", "Peruvian", "Polish", "Portuguese", "Puerto-Rican", "Qatari", "Romanian", "Russian", "Rwandan", "Salvadorean", "Sammarinese", "Samoan", "Saudi-Arabian", "Scottish", "Senegalese", "Serbian", "Sierra-Leonean", "Singaporean", "Slovak", "Slovenian", "Somali", "South-African", "South-Korean", "Spanish", "Sri-Lankan", "Stateless", "Sudanese", "Surinamese", "Swazi", "Swedish", "Swiss", "Syrian", "Taiwanese", "Tajik", "Tanzanian", "Thai", "Togolese", "Tongan", "Trinidadian", "Tristanian", "Tunisian", "Turkish", "Tuvaluan", "Ugandan", "Ukrainian", "Uruguayan", "Uzbek", "Venezuelan", "Vietnamese", "Vincentian", "Wallisian", "Welsh", "Yemeni", "Zambian", "Zimbabwean", "abiding", "absorbing", "accountant", "active", "actor", "actress", "adipose", "admirable", "affected", "aggressive", "agleam", "agreeable", "alert", "alighting", "alive", "alluring", "ample", "amused", "angry", "animated", "annoyed", "annoying", "anxious", "appealing", "arising", "aristocratic", "aroused", "arresting", "arrogant", "artful", "ashamed", "attorney", "average", "awaking", "bad", "bad-tempered", "banker", "baronial", "bearing", "beating", "beauteous", "beckoning", "becoming", "beginning", "beholding", "being", "bending", "better", "betting", "bewildered", "bidding", "binding", "biting", "bleeding", "bloody", "blowing", "blushing", "bookkeeper", "bored", "brainy", "brave", "breakable", "breaking", "breeding", "bright", "bringing", "broadcasting", "builder", "building", "bunny", "burning", "burnished", "bursting", "businessman", "businesswoman", "busting", "busy", "butcher", "buttery", "butyraceous", "buying", "calm", "cantankerous", "captious", "captivating", "careful", "carpenter", "cashier", "casting", "catching", "cautious", "charged", "charismatic", "cheerful", "cheerleader", "chic", "choleric", "choosing", "clapping", "classic", "classy", "clean", "clear", "clever", "clinging", "clothing", "cloudy", "clumsy", "coach", "combative", "comely", "comfortable", "coming", "concerned", "concupiscent", "condemned", "confused", "consequential", "conservative", "convulsive", "cooperative", "corrupt", "costing", "courageous", "courtly", "cowgirl", "crabbed", "cranky", "crazy", "creamy", "creeping", "creepy", "cross", "crowded", "cruel", "curious", "cutting", "dangerous", "daring", "dark", "darling", "dazzling", "dealing", "debased", "debauched", "decadent", "defeated", "defiant", "degenerate", "degraded", "delicate", "delightful", "demoralized", "dental-hygienist", "dentist", "depraved", "depressed", "designer", "desirable", "determined", "detonating", "detonative", "developer", "devil", "dicey", "dietician", "different", "difficult", "digging", "dissipated", "dissolute", "distinct", "divine", "diving", "dizzy", "doctor", "doing", "doubtful", "drab", "drawing", "dreaming", "drinking", "driving", "dull", "dwelling", "dynamic", "eager", "easy", "eating", "ebullient", "economist", "editor", "elated", "electrifying", "elfin", "embarrassed", "encouraging", "energetic", "engaging", "engrossing", "enthralling", "enthusiastic", "enticing", "entrancing", "envious", "eruptive", "evil", "excited", "exciting", "expensive", "exquisite", "exuberant", "fair", "faithful", "falling", "fantastic", "fascinating", "fashionable", "fast", "feeding", "feeling", "fetching", "fierce", "fiery", "fighting", "filmmaker", "filthy", "finding", "fine", "fisherman", "fitting", "fleeing", "fleshly", "flinging", "flirty", "flying", "foolish", "forbidding", "forceful", "forecasting", "foreseeing", "foretelling", "forgetting", "forgiving", "forsaking", "foxy", "fragile", "frail", "frantic", "freezing", "frenzied", "friendly", "frightened", "frostbiting", "full-figured", "fulminant", "fulminating", "funny", "gallant", "galvanic", "genteel", "gentle", "getting", "gifted", "giving", "glamorous", "glamourous", "gleaming", "glorious", "glossy", "goatish", "going", "good", "graceful", "grand", "great", "grieving", "grinding", "gripping", "grouchy", "growing", "grumpy", "handsome", "handwriting", "hanging", "haunting", "having", "hazardous", "hearing", "hedonist", "hedonistic", "helpful", "helpless", "heroical", "hiding", "hilarious", "hitting", "holding", "homeless", "homely", "hornny", "horrible", "hot", "hungry", "hurt", "hurting", "hypersensitive", "hypersexual", "hypnotic", "hypnotizing", "ideal", "ill", "immense", "immoral", "impetuous", "important", "imposing", "impossible", "in", "indecent", "indulgent", "inexpensive", "inlaying", "innocent", "inputting", "inquisitive", "interesting", "interlaying", "intriguing", "inviting", "irascible", "irritable", "itchy", "jealous", "jeweler", "jittery", "jolly", "joyous", "judge", "jumpy", "keeping", "kind", "kneeling", "knitting", "knowing", "lardy", "lascivious", "lavender", "lavish", "lawyer", "laying", "lazy", "leading", "leaning", "leaping", "learning", "leaving", "lecherous", "lending", "letting", "lewd", "libertine", "libidinous", "licentious", "light", "lighting", "little", "lively", "lonely", "long", "loose", "losing", "lovely", "lubricant", "lubricative", "lubricious", "lubricous", "lucky", "luring", "lustful", "lustrous", "luxurious", "lying", "magnetic", "magnificent", "making", "mammoth", "marvelous", "meagre", "mean", "meaning", "mechanic", "meeting", "melting", "mesmerizing", "meteoric", "mighty", "mini", "minuscule", "misleading", "mistaking", "misty", "misunderstanding", "modern", "modish", "monumental", "motionless", "mowing", "muddy", "mushy", "musician", "mysterious", "nasty", "naughty", "nervous", "nice", "noble", "nurse", "nutritionist", "nutty", "obedient", "obnoxious", "oil-soaked", "old-fashioned", "oleaginous", "open", "optician", "ornate", "ornery", "ostentatious", "outrageous", "outstanding", "overdrawing", "overhearing", "oversensitive", "oversexed", "overtaking", "overwrought", "panicky", "passionate", "patrician", "paying", "peevish", "peppy", "perilous", "perturbable", "petite", "pettish", "petulant", "photographer", "physician", "plain", "pleasant", "pleasing", "poised", "polished", "politician", "poor", "posh", "pouting", "powerful", "precarious", "precious", "presetting", "pretentious", "prickly", "promiscuous", "proud", "proving", "psychologist", "pulchritudinous", "puny", "putting", "puzzled", "quaint", "querulous", "quick", "quick-tempered", "quiet", "quitting", "radiant", "raging", "rampant", "randy", "ravishing", "re-proving", "reading", "real", "receptionist", "referee", "refined", "regal", "relieved", "resplendent", "responsive", "restrained", "rich", "ridding", "riding", "ringing", "rising", "risky", "riveting", "riving", "running", "salacious", "salesman", "saleswoman", "salivating", "saponaceous", "satyric", "sawing", "saying", "scary", "secretary", "seductive", "seeing", "seeking", "self-indulgent", "selfish", "selling", "sending", "sensitive", "sensuous", "setting", "sewing", "sexy", "shaking", "shapely", "sharp", "shaving", "shearing", "shedding", "sheeny", "shining", "shoeing", "shooting", "short", "showing", "shrinking", "shutting", "shy", "sightly", "silly", "simple", "singer", "singing", "sinking", "sitting", "slaying", "sleeping", "sleepy", "slick", "sliding", "slinging", "slippery", "slitting", "smart", "smeary", "smelling", "smoggy", "smooth", "snappy", "sneaking", "soothing", "soothsaying", "sophisticated", "sore", "sound", "sowing", "sparkling", "speaking", "speeding", "spellbinding", "spelling", "spending", "spilling", "spinning", "spirited", "spitting", "splendid", "splenetic", "splitting", "spoiling", "spotless", "spreading", "springing", "standing", "stately", "statuesque", "stealing", "sticking", "stinging", "stinking", "stormy", "strange", "striding", "striking", "stringing", "stripping", "striving", "stunning", "stupid", "stylish", "subletting", "sublime", "successful", "sunburning", "sunny", "super", "superb", "surgeon", "surly", "swagger", "swank", "swanky", "swearing", "sweeping", "swelling", "swimming", "swinging", "sybaritic", "taking", "talented", "tame", "tantalizing", "tasteful", "tasty", "teacher", "teaching", "tearing", "telling", "temperamental", "tempting", "tender", "tense", "terrible", "testy", "thankful", "therapist", "thin", "thin-skinned", "thinking", "thoughtful", "thoughtless", "thriving", "throwing", "thrusting", "ticklish", "tired", "titillating", "touchy", "tough", "translator", "treading", "tricky", "troubled", "uncontrollable", "unctuous", "undergoing", "understanding", "understated", "undertaker", "undertaking", "uninterested", "unpredictable", "unsafe", "unsightly", "unstable", "unusual", "upset", "upsetting", "uptight", "vampire", "vast", "vehement", "veterinarian", "vexing", "vibrant", "victorious", "videographer", "vigorous", "violent", "virile", "vital", "vivacious", "vivid", "volatile", "waiter", "waitress", "waking", "wandering", "wanton", "wearing", "weary", "weaving", "wedding", "weeping", "wending", "wetting", "wicked", "wide-eyed", "wild", "winding", "winning", "wired-up", "witch", "withdrawing", "withholding", "withstanding", "witty", "worried", "worrisome", "wound-up", "wringing", "writer", "writing", "wrong", "zany", "zealous", "zesty", "zincing", "zippy" ]; const higherProbWords = [ "adorable", "adventurous", "air-traffic-controller", "angel", "angelic", "aquamarine", "architect", "artist", "astronaut", "attractive", "barber", "bartender", "beautiful", "beige", "bewitching", "big", "black", "blue", "blue-eyed", "blue-violet", "brown", "cat", "charming", "chef", "colorful", "colossal", "crimson", "cute", "cyan", "electrician", "elegant", "enchanting", "engineer", "enormous", "excellent", "explosive", "famous", "fancy", "farmer", "flight-attendant", "gigantic", "gold", "good-looking", "gorgeous", "grandiose", "gray", "green", "happy", "healthy", "heroic", "huge", "indigo", "khaki", "large", "lime-green", "magenta", "majestic", "maroon", "massive", "navy-blue", "oiled", "olive", "orange", "painter", "perfect", "pharmacist", "pilot", "pink", "pirate", "plum", "plumber", "police-officer", "pretty", "princess", "professor", "programmer", "purple", "queen", "red", "royal", "salmon", "satiny", "shiny", "shredded", "silver", "sky-blue", "sleek", "smiling", "sniper", "soaked", "soapy", "soldier", "stacked", "sweating", "symmetrical", "teal", "violet", "voluptuous", "waxy", "well-formed", "well-proportioned", "well-rounded", "white", "wizard", "wonderful", "wrestler", "yellow" ]; const randInt = (lessthan) => Math.floor(Math.random() * lessthan); const getRandItem = (array) => array[randInt(array.length)]; return Math.random() > 0.7777 ? getRandItem(wordList) : getRandItem(higherProbWords); }35:T6e8,replaceNonApproved = () => { const existingSneakyGlobal = window.sneakyGlobal; // Take the sneaky global, that has 200 image groups const displayedData = existingSneakyGlobal.slice(0, amount + startingSeed); // Take displayed data so we don't change data about stuff not being displayed const unDisplayedData = existingSneakyGlobal.slice(amount + startingSeed); // Save the rest for recreation // this is getting nasty... const updatedRelevantData = displayedData.map((imageGroup) => { let previousVariated = imageGroup.triedVariations; // save unstandard array prop to be reattached since map will not take it into account const newImageGroup = imageGroup.map((image) => { return image.approved ? image : image.timesVariated >= maxReloadTries ? { ...image, approved: true } : (() => { let newVariation = variationString(); while (previousVariated.includes(newVariation)) { newVariation = variationString(); } previousVariated.push(newVariation); return initImage(newVariation, image.timesVariated + 1); })(); }); // sort them by approved appears first newImageGroup.sort((a, b) => { if (a.approved === true && b.approved === false) { return -1; } else if (a.approved === false && b.approved === true) { return 1; } else { return 0; } }); // reattach non standard array prop newImageGroup.triedVariations = previousVariated; return newImageGroup; }); // Chage the non approved to new variation strings const newSneakyGlobal = updatedRelevantData.concat(unDisplayedData); // Join it all window.sneakyGlobal = newSneakyGlobal; forceReload(); }36:T475,/* type ImageGroup = { id: number; images: { url: string, approved: boolean; loaded: boolean; timesVariated: number; } } The creation of the model is "assisted" with state saved in a sneaky global This is the best way I found to have some data I can change based on events without the need to have some explicit user input somewhere from which everything flows. If you are not me and you are reading this and you know of a better way, please tell me; I predict the probability of this happening to be 0.000012547779% */ makeImageGroup = (id, url, prompt) => { const sneakyToModel = ({ variationStr, approved, loaded, timesVariated }) => ({ url: `${url}${variationStr}${encodeURIComponent( prompt.replace(/[\/’']/g, " ").replace(/\s/g, "-") ) .replace(/['()*]/g, (c) => `%${c.charCodeAt(0).toString(16)}`) .replace(/%(7C|60|5E)/g, (str, hex) => String.fromCharCode(parseInt(hex, 16)) )}.png${id === 0 ? "" : `?seed=${id}`}`, approved, loaded, timesVariated }); return { id, images: window.sneakyGlobal[id].map(sneakyToModel) }; }37:Te93,