{ "id": "animal_word_search", "type": "module", "version": "1.2", "context": { "layout": "phone", "title": "Animal Word Search", "icon": "🐾" }, "state": { "screen": "list", "puzzles": [ { "title": "Savanna", "grid": [ "L", "I", "O", "N", "Q", "W", "E", "R", "T", "I", "G", "E", "R", "X", "Y", "Z", "A", "B", "C", "Z", "E", "B", "R", "A", "R", "H", "I", "N", "O", "P", "Q", "R", "H", "I", "P", "P", "O", "A", "B", "C", "X", "G", "I", "R", "A", "F", "F", "E", "H", "Y", "E", "N", "A", "B", "C", "D", "M", "N", "M", "O", "N", "K", "E", "Y" ], "words": [ "LION", "TIGER", "ZEBRA", "RHINO", "HIPPO", "GIRAFFE", "HYENA", "MONKEY" ], "starts": [ 0, 8, 19, 24, 32, 41, 48, 58 ], "ends": [ 3, 12, 23, 28, 36, 47, 52, 63 ] }, { "title": "Ocean", "grid": [ "W", "H", "A", "L", "E", "X", "Y", "Z", "Q", "S", "H", "A", "R", "K", "Q", "Z", "D", "O", "L", "P", "H", "I", "N", "X", "Z", "Z", "O", "T", "T", "E", "R", "Z", "S", "E", "A", "L", "Q", "Q", "Q", "Q", "S", "Q", "U", "I", "D", "A", "B", "C", "C", "R", "A", "B", "W", "X", "Y", "Z", "X", "T", "U", "R", "T", "L", "E", "Q" ], "words": [ "WHALE", "SHARK", "DOLPHIN", "OTTER", "SEAL", "SQUID", "CRAB", "TURTLE" ], "starts": [ 0, 9, 16, 26, 32, 40, 48, 57 ], "ends": [ 4, 13, 22, 30, 35, 44, 51, 62 ] }, { "title": "Forest", "grid": [ "B", "E", "A", "R", "Q", "Q", "Q", "Q", "W", "O", "L", "F", "Z", "Z", "Z", "Z", "A", "A", "A", "A", "D", "E", "E", "R", "F", "O", "X", "A", "B", "C", "D", "E", "X", "M", "O", "O", "S", "E", "Q", "Q", "R", "A", "B", "B", "I", "T", "Q", "Q", "S", "Q", "U", "I", "R", "R", "E", "L", "Q", "Q", "Q", "Q", "Q", "O", "W", "L" ], "words": [ "BEAR", "WOLF", "DEER", "FOX", "MOOSE", "RABBIT", "SQUIRREL", "OWL" ], "starts": [ 0, 8, 20, 24, 33, 40, 48, 61 ], "ends": [ 3, 11, 23, 26, 37, 45, 55, 63 ] }, { "title": "Jungle", "grid": [ "L", "E", "M", "U", "R", "A", "B", "C", "X", "P", "A", "N", "D", "A", "Y", "Y", "K", "O", "A", "L", "A", "Q", "Q", "Q", "S", "L", "O", "T", "H", "Z", "Z", "Z", "J", "A", "G", "U", "A", "R", "Q", "Q", "Q", "T", "A", "P", "I", "R", "Q", "Q", "M", "A", "C", "A", "W", "Z", "Z", "Z", "X", "X", "X", "C", "O", "B", "R", "A" ], "words": [ "LEMUR", "PANDA", "KOALA", "SLOTH", "JAGUAR", "TAPIR", "MACAW", "COBRA" ], "starts": [ 0, 9, 16, 24, 32, 41, 48, 59 ], "ends": [ 4, 13, 20, 28, 37, 45, 52, 63 ] }, { "title": "Farm", "grid": [ "H", "O", "R", "S", "E", "A", "B", "C", "Q", "S", "H", "E", "E", "P", "Q", "Q", "G", "O", "A", "T", "X", "X", "X", "X", "C", "O", "W", "A", "B", "C", "D", "E", "P", "I", "G", "Q", "Q", "Q", "Q", "Q", "D", "U", "C", "K", "Z", "Z", "Z", "Z", "G", "O", "O", "S", "E", "A", "B", "C", "L", "L", "A", "M", "A", "Q", "Q", "Q" ], "words": [ "HORSE", "SHEEP", "GOAT", "COW", "PIG", "DUCK", "GOOSE", "LLAMA" ], "starts": [ 0, 9, 16, 24, 32, 40, 48, 56 ], "ends": [ 4, 13, 19, 26, 34, 43, 52, 60 ] }, { "title": "Birds", "grid": [ "E", "A", "G", "L", "E", "A", "B", "C", "R", "O", "B", "I", "N", "Q", "Q", "Q", "F", "A", "L", "C", "O", "N", "Q", "Q", "P", "A", "R", "R", "O", "T", "Q", "Q", "S", "W", "A", "N", "Z", "Z", "Z", "Z", "X", "R", "A", "V", "E", "N", "Q", "Q", "H", "E", "R", "O", "N", "A", "B", "C", "Q", "Q", "Q", "Q", "Q", "O", "W", "L" ], "words": [ "EAGLE", "ROBIN", "FALCON", "PARROT", "SWAN", "RAVEN", "HERON", "OWL" ], "starts": [ 0, 8, 16, 24, 32, 41, 48, 61 ], "ends": [ 4, 12, 21, 29, 35, 45, 52, 63 ] }, { "title": "Small Creatures", "grid": [ "A", "N", "T", "Q", "Q", "Q", "Q", "Q", "B", "E", "E", "Z", "Z", "Z", "Z", "Z", "M", "O", "U", "S", "E", "A", "B", "C", "M", "O", "T", "H", "Q", "Q", "Q", "Q", "S", "N", "A", "I", "L", "Q", "Q", "Q", "F", "R", "O", "G", "Z", "Z", "Z", "Z", "G", "E", "C", "K", "O", "A", "B", "C", "I", "G", "U", "A", "N", "A", "Q", "Q" ], "words": [ "ANT", "BEE", "MOUSE", "MOTH", "SNAIL", "FROG", "GECKO", "IGUANA" ], "starts": [ 0, 8, 16, 24, 32, 40, 48, 56 ], "ends": [ 2, 10, 20, 27, 36, 43, 52, 61 ] }, { "title": "Arctic", "grid": [ "P", "O", "L", "A", "R", "Q", "Q", "Q", "S", "E", "A", "L", "Z", "Z", "Z", "Z", "W", "A", "L", "R", "U", "S", "Q", "Q", "F", "O", "X", "A", "B", "C", "D", "E", "H", "U", "S", "K", "Y", "Q", "Q", "Q", "O", "R", "C", "A", "Z", "Z", "Z", "Z", "P", "U", "F", "F", "I", "N", "Q", "Q", "N", "A", "R", "W", "H", "A", "L", "Q" ], "words": [ "POLAR", "SEAL", "WALRUS", "FOX", "HUSKY", "ORCA", "PUFFIN", "NARWHAL" ], "starts": [ 0, 8, 16, 24, 32, 40, 48, 56 ], "ends": [ 4, 11, 21, 26, 36, 43, 53, 62 ] }, { "title": "Safari", "grid": [ "C", "H", "E", "E", "T", "A", "H", "Q", "G", "A", "Z", "E", "L", "L", "E", "Q", "C", "A", "M", "E", "L", "Z", "Z", "Z", "O", "S", "T", "R", "I", "C", "H", "Q", "B", "A", "B", "O", "O", "N", "Q", "Q", "M", "E", "E", "R", "K", "A", "T", "Q", "L", "E", "O", "P", "A", "R", "D", "Q", "V", "I", "P", "E", "R", "Z", "Z", "Z" ], "words": [ "CHEETAH", "GAZELLE", "CAMEL", "OSTRICH", "BABOON", "MEERKAT", "LEOPARD", "VIPER" ], "starts": [ 0, 8, 16, 24, 32, 40, 48, 56 ], "ends": [ 6, 14, 20, 30, 37, 46, 54, 60 ] }, { "title": "Pets", "grid": [ "C", "A", "T", "Q", "Q", "Q", "Q", "Q", "D", "O", "G", "Z", "Z", "Z", "Z", "Z", "H", "A", "M", "S", "T", "E", "R", "Q", "R", "A", "B", "B", "I", "T", "Q", "Q", "F", "E", "R", "R", "E", "T", "Q", "Q", "P", "A", "R", "R", "O", "T", "Q", "Q", "T", "U", "R", "T", "L", "E", "Q", "Q", "G", "U", "P", "P", "Y", "Z", "Z", "Z" ], "words": [ "CAT", "DOG", "HAMSTER", "RABBIT", "FERRET", "PARROT", "TURTLE", "GUPPY" ], "starts": [ 0, 8, 16, 24, 32, 40, 48, 56 ], "ends": [ 2, 10, 22, 29, 37, 45, 53, 60 ] } ], "completions": [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0 ], "puzzleIndex": 0, "gridTitle": "", "grid": [], "words": [], "starts": [], "ends": [], "found": [ false, false, false, false, false, false, false, false ], "selected": -1, "elapsed": 0, "finished": false }, "dependencies": [ { "repository": { "local": { "id": "aws_store", "config": {} } } }, { "service": { "audio": { "id": "aws_audio" } } } ], "events": { "onAppear": [ { "repo": { "id": "aws_load", "input": { "repositoryId": "aws_store", "operation": "read", "params": { "collection": "status", "documentId": "completions" } }, "output": { "success": [ { "state": { "id": "aws_hydrate", "input": { "completions": "@{aws_load.completions}" } } } ] } } } ] }, "children": [ { "id": "aws_root", "type": "zstack", "style": { "layout": { "maxWidth": "infinity", "maxHeight": "infinity" } }, "children": [ { "id": "aws_list_cond", "type": "conditional", "context": { "_condition": "{{ ${screen} == 'list' }}", "_trueComponent": { "id": "aws_list_screen", "type": "scroll", "style": { "scroll": { "dismissesKeyboard": "interactively" }, "layout": { "maxWidth": "infinity", "maxHeight": "infinity" } }, "children": [ { "id": "aws_list_stack", "type": "vstack", "context": { "_spacing": 18, "_alignment": "leading", "done": "{{ sum(map(${completions}, @{item} > 0 ? 1 : 0)) }}" }, "style": { "layout": { "maxWidth": "infinity", "padding": { "top": 12, "bottom": 28, "leading": 16, "trailing": 16 } } }, "children": [ { "id": "aws_hero", "type": "vstack", "context": { "_spacing": 8, "_alignment": "leading" }, "style": { "layout": { "maxWidth": "infinity", "padding": 20 }, "common": { "background": { "gradient": { "linear": { "colors": [ "#0F766E", "#16A34A" ], "startPoint": "topLeading", "endPoint": "bottomTrailing" } } }, "foreground": { "color": "white" }, "cornerRadius": 24 }, "shadow": { "color": { "color": "black", "opacity": 0.18 }, "radius": 14, "y": 7 } }, "children": [ { "id": "aws_hero_icon", "type": "image", "context": { "_source": "sf://pawprint.fill" }, "style": { "layout": { "width": 30, "height": 30 }, "common": { "foreground": { "color": "white" } } } }, { "id": "aws_hero_title", "type": "text", "context": { "_text": "10 animal grids · 8 words each" }, "style": { "common": { "font": { "kind": "title3", "weight": "bold" }, "foreground": { "color": "white" } } } }, { "id": "aws_hero_progress", "type": "text", "context": { "_text": "{{ cast(@{done}, 'str') + ' of 10 finished' }}" }, "style": { "common": { "font": "subheadline", "foreground": { "color": "white", "opacity": 0.9 } } } } ] }, { "id": "aws_hint", "type": "hstack", "context": { "_spacing": 8, "_alignment": "center" }, "style": { "layout": { "padding": { "leading": 4, "trailing": 4 } } }, "children": [ { "id": "aws_hint_icon", "type": "image", "context": { "_source": "sf://hand.tap.fill" }, "style": { "layout": { "width": 18, "height": 18 }, "common": { "foreground": { "color": "secondary" } } } }, { "id": "aws_hint_text", "type": "text", "context": { "_text": "Tap a grid, then tap a word’s first and last letters." }, "style": { "common": { "font": "caption", "foreground": { "color": "secondary" } } } } ] }, { "id": "aws_rows", "type": "dynamic", "context": { "_data": "${puzzles}" }, "prototype": { "id": "aws_row_btn", "type": "button", "context": { "i": "@{index}", "saved": "{{ ${completions}[@{index}] }}", "mins": "{{ cast(@{saved} / 60, 'int') }}", "secs": "{{ @{saved} % 60 }}" }, "style": { "button": { "custom": { "layout": { "maxWidth": "infinity", "padding": { "top": 6, "bottom": 6 } }, "common": { "background": { "color": "surface" }, "foreground": { "color": "onSurface" }, "cornerRadius": 18 } } }, "shadow": { "color": { "color": "black", "opacity": 0.08 }, "radius": 8, "y": 3 }, "animation": { "kind": "spring", "value": "${completions}", "duration": 0.35, "bounce": 0.25 } }, "children": [ { "id": "aws_row_content", "type": "hstack", "context": { "_spacing": 12, "_alignment": "center" }, "style": { "layout": { "maxWidth": "infinity", "padding": 16 } }, "children": [ { "id": "aws_row_badge", "type": "zstack", "style": { "layout": { "width": 44, "height": 44 }, "common": { "background": "{{ @{saved} > 0 ? {'color':'green','opacity':0.16} : {'color':'teal','opacity':0.14} }}", "cornerRadius": 14 } }, "children": [ { "id": "aws_row_icon", "type": "image", "context": { "_source": "{{ @{saved} > 0 ? 'sf://checkmark.seal.fill' : 'sf://pawprint.fill' }}" }, "style": { "layout": { "width": 22, "height": 22 }, "common": { "foreground": "{{ @{saved} > 0 ? {'color':'green'} : {'color':'teal'} }}" } } } ] }, { "id": "aws_row_texts", "type": "vstack", "context": { "_spacing": 3, "_alignment": "leading" }, "style": { "layout": { "maxWidth": "infinity" } }, "children": [ { "id": "aws_row_title", "type": "text", "context": { "_text": "@{item.title}" }, "style": { "common": { "font": { "kind": "headline", "weight": "semibold" }, "foreground": { "color": "onSurface" } } } }, { "id": "aws_row_sub", "type": "text", "context": { "_text": "{{ @{saved} > 0 ? 'Finished in ' + cast(@{mins}, 'str') + ':' + (@{secs} < 10 ? '0' : '') + cast(@{secs}, 'str') : 'Not finished yet' }}" }, "style": { "common": { "font": "caption", "foreground": { "color": "secondary" } } } } ] }, { "id": "aws_row_chev", "type": "image", "context": { "_source": "sf://chevron.right" }, "style": { "layout": { "width": 12, "height": 18 }, "common": { "foreground": { "color": "secondary" } } } } ] } ], "events": { "onTap": [ { "state": { "id": "aws_start_grid", "input": { "screen": "play", "puzzleIndex": "@{index}", "gridTitle": "@{item.title}", "grid": "@{item.grid}", "words": "@{item.words}", "starts": "@{item.starts}", "ends": "@{item.ends}", "found": "{{ map(range(8), false) }}", "selected": -1, "elapsed": 0, "finished": false }, "output": { "success": [ { "service": { "id": "aws_start_haptic", "input": { "serviceId": "aws_audio", "params": { "haptic": "light" } } } }, { "interval": { "id": "aws_tick", "input": { "cancel": true } } }, { "interval": { "id": "aws_tick", "input": { "delay": 1 }, "output": { "success": [ { "condition": { "id": "aws_tick_live", "input": "{{ ${screen} == 'play' && !${finished} }}", "output": { "success": [ { "state": { "id": "aws_tick_add", "input": { "elapsed": "{{ ${elapsed} + 1 }}" } } } ], "failure": [ { "interval": { "id": "aws_tick", "input": { "cancel": true } } } ] } } } ] } } } ] } } } ] } } } ] }, { "id": "aws_bottom_space", "type": "spacer", "style": { "layout": { "height": 12 } } } ] }, "_falseComponent": { "id": "aws_play_screen", "type": "scroll", "style": { "scroll": { "dismissesKeyboard": "interactively" }, "layout": { "maxWidth": "infinity", "maxHeight": "infinity" } }, "children": [ { "id": "aws_play_stack", "type": "vstack", "context": { "_spacing": 16, "_alignment": "center", "foundCount": "{{ sum(map(${found}, @{item} ? 1 : 0)) }}", "mins": "{{ cast(${elapsed} / 60, 'int') }}", "secs": "{{ ${elapsed} % 60 }}", "timeText": "{{ cast(@{mins}, 'str') + ':' + (@{secs} < 10 ? '0' : '') + cast(@{secs}, 'str') }}" }, "style": { "layout": { "maxWidth": "infinity", "padding": { "top": 12, "bottom": 28, "leading": 14, "trailing": 14 } } }, "children": [ { "id": "aws_top_card", "type": "hstack", "context": { "_spacing": 12, "_alignment": "center" }, "style": { "layout": { "maxWidth": "infinity", "padding": 16 }, "common": { "background": { "gradient": { "linear": { "colors": [ "#064E3B", "#0E7490" ], "startPoint": "topLeading", "endPoint": "bottomTrailing" } } }, "foreground": { "color": "white" }, "cornerRadius": 22 }, "shadow": { "color": { "color": "black", "opacity": 0.18 }, "radius": 12, "y": 6 } }, "children": [ { "id": "aws_timer_icon", "type": "image", "context": { "_source": "sf://timer" }, "style": { "layout": { "width": 26, "height": 26 }, "common": { "foreground": { "color": "white" } } } }, { "id": "aws_top_texts", "type": "vstack", "context": { "_spacing": 2, "_alignment": "leading" }, "style": { "layout": { "maxWidth": "infinity" } }, "children": [ { "id": "aws_grid_name", "type": "text", "context": { "_text": "${gridTitle}" }, "style": { "common": { "font": { "kind": "headline", "weight": "bold" }, "foreground": { "color": "white" } } } }, { "id": "aws_found_status", "type": "text", "context": { "_text": "{{ cast(@{foundCount}, 'str') + ' of 8 words found' }}" }, "style": { "common": { "font": "caption", "foreground": { "color": "white", "opacity": 0.86 } } } } ] }, { "id": "aws_time_text", "type": "text", "context": { "_text": "@{timeText}" }, "style": { "common": { "font": { "kind": "title2", "weight": "bold" }, "foreground": { "color": "white" } } } } ] }, { "id": "aws_board_card", "type": "vstack", "context": { "_spacing": 10, "_alignment": "center" }, "style": { "layout": { "maxWidth": "infinity", "padding": 12 }, "common": { "background": { "light": "#F2F7F3", "dark": "#17211B" }, "foreground": { "light": "#132017", "dark": "#F3FAF5" }, "cornerRadius": 22 }, "shadow": { "color": { "color": "black", "opacity": 0.14 }, "radius": 12, "y": 6 } }, "children": [ { "id": "aws_board_hint", "type": "text", "context": { "_text": "{{ ${selected} < 0 ? 'Tap a first letter' : 'Now tap that word’s last letter' }}" }, "style": { "common": { "font": "caption", "foreground": { "color": "secondary" } } } }, { "id": "aws_grid", "type": "grid", "context": { "_gridType": "lazyVGrid", "_spacing": 4 }, "style": { "grid": { "columns": [ { "kind": "flexible", "minimum": 32, "maximum": 44, "spacing": 4 }, { "kind": "flexible", "minimum": 32, "maximum": 44, "spacing": 4 }, { "kind": "flexible", "minimum": 32, "maximum": 44, "spacing": 4 }, { "kind": "flexible", "minimum": 32, "maximum": 44, "spacing": 4 }, { "kind": "flexible", "minimum": 32, "maximum": 44, "spacing": 4 }, { "kind": "flexible", "minimum": 32, "maximum": 44, "spacing": 4 }, { "kind": "flexible", "minimum": 32, "maximum": 44, "spacing": 4 }, { "kind": "flexible", "minimum": 32, "maximum": 44, "spacing": 4 } ] }, "layout": { "maxWidth": "infinity" } }, "children": [ { "id": "aws_cells", "type": "dynamic", "context": { "_data": "{{ range(64) }}" }, "prototype": { "id": "aws_cell", "type": "button", "context": { "i": "@{item}", "letter": "{{ ${grid}[@{i}] }}", "sel": "{{ ${selected} == @{i} }}", "hit": "{{ switch(${selected} == ${starts}[0] && @{i} == ${ends}[0], 0, ${selected} == ${starts}[1] && @{i} == ${ends}[1], 1, ${selected} == ${starts}[2] && @{i} == ${ends}[2], 2, ${selected} == ${starts}[3] && @{i} == ${ends}[3], 3, ${selected} == ${starts}[4] && @{i} == ${ends}[4], 4, ${selected} == ${starts}[5] && @{i} == ${ends}[5], 5, ${selected} == ${starts}[6] && @{i} == ${ends}[6], 6, ${selected} == ${starts}[7] && @{i} == ${ends}[7], 7, -1) }}" }, "style": { "button": { "custom": { "layout": { "height": 40, "maxWidth": "infinity" }, "common": { "background": "{{ @{sel} ? {'color':'#F59E0B'} : {'light':'#FFFFFF','dark':'#26352B'} }}", "foreground": "{{ @{sel} ? {'color':'white'} : {'light':'#132017','dark':'#F3FAF5'} }}", "cornerRadius": 10 } } }, "animation": { "kind": "spring", "value": "@{sel}", "duration": 0.25, "bounce": 0.35 } }, "children": [ { "id": "aws_cell_letter", "type": "text", "context": { "_text": "@{letter}" }, "style": { "common": { "font": { "kind": "headline", "weight": "bold" }, "foreground": "{{ @{sel} ? {'color':'white'} : {'light':'#132017','dark':'#F3FAF5'} }}" } } } ], "events": { "onTap": [ { "state": { "id": "aws_cell_tap", "input": { "found": "{{ (${selected} >= 0 && @{hit} >= 0) ? setAt(${found}, @{hit}, true) : ${found} }}", "selected": "{{ ${selected} < 0 ? @{i} : -1 }}" }, "output": { "success": [ { "service": { "id": "aws_cell_haptic", "input": { "serviceId": "aws_audio", "params": { "haptic": "light" } } } }, { "condition": { "id": "aws_word_hit", "input": "{{ @{hit} >= 0 }}", "output": { "success": [ { "service": { "id": "aws_word_haptic", "input": { "serviceId": "aws_audio", "params": { "haptic": "medium" } } } } ] } } }, { "condition": { "id": "aws_win_check", "input": "{{ sum(map(${found}, @{item} ? 1 : 0)) == 8 }}", "output": { "success": [ { "interval": { "id": "aws_tick", "input": { "cancel": true } } }, { "service": { "id": "aws_finish_haptic", "input": { "serviceId": "aws_audio", "params": { "haptic": "success" } } } }, { "condition": { "id": "aws_need_save", "input": "{{ ${completions}[${puzzleIndex}] <= 0 }}", "output": { "success": [ { "state": { "id": "aws_store_time", "input": { "completions": "{{ setAt(${completions}, ${puzzleIndex}, ${elapsed}) }}" }, "output": { "success": [ { "repo": { "id": "aws_save_times", "input": { "repositoryId": "aws_store", "operation": "create", "params": { "collection": "status", "documentId": "completions", "rewrite": true, "body": { "completions": "${completions}" } } }, "output": { "success": [ { "state": { "id": "aws_finish_saved", "input": { "finished": true } } } ], "failure": [ { "state": { "id": "aws_finish_unsaved", "input": { "finished": true } } } ] } } } ] } } } ], "failure": [ { "state": { "id": "aws_finish_old", "input": { "finished": true } } } ] } } } ] } } } ] } } } ] } } } ] }, { "id": "aws_board_note", "type": "text", "context": { "_text": "Across or down: tap a word’s first letter, then its last letter." }, "style": { "common": { "font": "caption2", "foreground": { "color": "secondary" } } } } ] }, { "id": "aws_shuffle_button", "type": "button", "style": { "button": { "custom": { "layout": { "height": 50, "maxWidth": "infinity" }, "common": { "background": { "gradient": { "linear": { "colors": [ "#0F766E", "#22C55E" ], "startPoint": "topLeading", "endPoint": "bottomTrailing" } } }, "foreground": { "color": "white" }, "cornerRadius": 16 } } }, "shadow": { "color": { "color": "black", "opacity": 0.14 }, "radius": 10, "y": 5 }, "animation": { "kind": "spring", "value": "${grid}", "duration": 0.3, "bounce": 0.25 } }, "children": [ { "id": "aws_shuffle_content", "type": "hstack", "context": { "_spacing": 8, "_alignment": "center" }, "style": { "layout": { "maxWidth": "infinity", "padding": { "leading": 18, "trailing": 18 } } }, "children": [ { "id": "aws_shuffle_icon", "type": "image", "context": { "_source": "sf://shuffle" }, "style": { "layout": { "width": 20, "height": 20 }, "common": { "foreground": { "color": "white" } } } }, { "id": "aws_shuffle_label", "type": "text", "context": { "_text": "Shuffle board for new game" }, "style": { "common": { "font": { "kind": "headline", "weight": "semibold" }, "foreground": { "color": "white" } } } } ] } ], "events": { "onTap": [ { "condition": { "id": "aws_shuffle_pick_mix", "input": "{{ random(0,1) == 0 }}", "output": { "success": [ { "state": { "id": "aws_shuffle_grid_a", "input": { "gridTitle": "{{ ${puzzles}[${puzzleIndex}].title + ' · Mixed shuffle' }}", "grid": "{{ map(range(64), ((@{item} % 8) == 7 && cast(@{item}/8,'int') < count(${words}[0])) ? prefix(suffix(${words}[0], count(${words}[0]) - cast(@{item}/8,'int')), 1) : (cast(@{item}/8,'int') > 0 && (@{item} % 8) < count(${words}[cast(@{item}/8,'int')]) ? prefix(suffix(${words}[cast(@{item}/8,'int')], count(${words}[cast(@{item}/8,'int')]) - (@{item} % 8)), 1) : prefix(suffix('ABCDEFGHIJKLMNOPQRSTUVWXYZ', 26 - random(0,25)), 1))) }}", "starts": "{{ [7,8,16,24,32,40,48,56] }}", "ends": "{{ [7 + (count(${words}[0]) - 1) * 8, 8 + count(${words}[1]) - 1, 16 + count(${words}[2]) - 1, 24 + count(${words}[3]) - 1, 32 + count(${words}[4]) - 1, 40 + count(${words}[5]) - 1, 48 + count(${words}[6]) - 1, 56 + count(${words}[7]) - 1] }}", "found": "{{ map(range(8), false) }}", "selected": -1, "elapsed": 0, "finished": false } } }, { "service": { "id": "aws_shuffle_haptic", "input": { "serviceId": "aws_audio", "params": { "haptic": "medium" } } } }, { "interval": { "id": "aws_tick", "input": { "cancel": true } } }, { "interval": { "id": "aws_tick", "input": { "delay": 1 }, "output": { "success": [ { "condition": { "id": "aws_shuffle_tick_live", "input": "{{ ${screen} == 'play' && !${finished} }}", "output": { "success": [ { "state": { "id": "aws_shuffle_tick_add", "input": { "elapsed": "{{ ${elapsed} + 1 }}" } } } ], "failure": [ { "interval": { "id": "aws_tick", "input": { "cancel": true } } } ] } } } ] } } } ], "failure": [ { "state": { "id": "aws_shuffle_grid_b", "input": { "gridTitle": "{{ ${puzzles}[${puzzleIndex}].title + ' · Mixed shuffle' }}", "grid": "{{ map(range(64), ((@{item} % 8) == 7 && cast(@{item}/8,'int') < count(${words}[7])) ? prefix(suffix(${words}[7], count(${words}[7]) - cast(@{item}/8,'int')), 1) : (cast(@{item}/8,'int') < 7 && (@{item} % 8) < count(${words}[cast(@{item}/8,'int')]) ? prefix(suffix(${words}[cast(@{item}/8,'int')], count(${words}[cast(@{item}/8,'int')]) - (@{item} % 8)), 1) : prefix(suffix('ABCDEFGHIJKLMNOPQRSTUVWXYZ', 26 - random(0,25)), 1))) }}", "starts": "{{ [0,8,16,24,32,40,48,7] }}", "ends": "{{ [count(${words}[0]) - 1, 8 + count(${words}[1]) - 1, 16 + count(${words}[2]) - 1, 24 + count(${words}[3]) - 1, 32 + count(${words}[4]) - 1, 40 + count(${words}[5]) - 1, 48 + count(${words}[6]) - 1, 7 + (count(${words}[7]) - 1) * 8] }}", "found": "{{ map(range(8), false) }}", "selected": -1, "elapsed": 0, "finished": false } } }, { "service": { "id": "aws_shuffle_haptic", "input": { "serviceId": "aws_audio", "params": { "haptic": "medium" } } } }, { "interval": { "id": "aws_tick", "input": { "cancel": true } } }, { "interval": { "id": "aws_tick", "input": { "delay": 1 }, "output": { "success": [ { "condition": { "id": "aws_shuffle_tick_live", "input": "{{ ${screen} == 'play' && !${finished} }}", "output": { "success": [ { "state": { "id": "aws_shuffle_tick_add", "input": { "elapsed": "{{ ${elapsed} + 1 }}" } } } ], "failure": [ { "interval": { "id": "aws_tick", "input": { "cancel": true } } } ] } } } ] } } } ] } } } ] } }, { "id": "aws_words_card", "type": "vstack", "context": { "_spacing": 10, "_alignment": "leading" }, "style": { "layout": { "maxWidth": "infinity", "padding": 16 }, "common": { "background": { "color": "surface" }, "foreground": { "color": "onSurface" }, "cornerRadius": 20 }, "shadow": { "color": { "color": "black", "opacity": 0.08 }, "radius": 8, "y": 3 } }, "children": [ { "id": "aws_words_head", "type": "hstack", "context": { "_spacing": 8, "_alignment": "center" }, "children": [ { "id": "aws_words_icon", "type": "image", "context": { "_source": "sf://checklist" }, "style": { "layout": { "width": 20, "height": 20 }, "common": { "foreground": { "color": "teal" } } } }, { "id": "aws_words_title", "type": "text", "context": { "_text": "Animal words" }, "style": { "common": { "font": "headline", "foreground": { "color": "onSurface" } } } } ] }, { "id": "aws_words", "type": "dynamic", "context": { "_data": "${words}" }, "prototype": { "id": "aws_word_row", "type": "hstack", "context": { "_spacing": 8, "_alignment": "center", "done": "{{ ${found}[@{index}] }}" }, "style": { "layout": { "maxWidth": "infinity", "padding": { "top": 6, "bottom": 6, "leading": 8, "trailing": 8 } }, "common": { "background": "{{ @{done} ? {'color':'green','opacity':0.14} : {'color':'clear'} }}", "cornerRadius": 10 }, "animation": { "kind": "spring", "value": "@{done}", "duration": 0.3, "bounce": 0.25 } }, "children": [ { "id": "aws_word_check", "type": "image", "context": { "_source": "{{ @{done} ? 'sf://checkmark.circle.fill' : 'sf://circle' }}" }, "style": { "layout": { "width": 18, "height": 18 }, "common": { "foreground": "{{ @{done} ? {'color':'green'} : {'color':'secondary'} }}" } } }, { "id": "aws_word_text", "type": "text", "context": { "_text": "{{ @{done} ? '— ' + @{item} + ' —' : @{item} }}" }, "style": { "common": { "font": { "kind": "body", "weight": "semibold" }, "foreground": "{{ @{done} ? {'color':'secondary'} : {'color':'onSurface'} }}", "opacity": "{{ @{done} ? 0.6 : 1 }}" } } } ] } } ] }, { "id": "aws_done_cond", "type": "conditional", "context": { "_condition": "${finished}", "_trueComponent": { "id": "aws_done_card", "type": "hstack", "context": { "_spacing": 10, "_alignment": "center" }, "style": { "layout": { "maxWidth": "infinity", "padding": 16 }, "common": { "background": { "gradient": { "linear": { "colors": [ "#22C55E", "#14B8A6" ], "startPoint": "topLeading", "endPoint": "bottomTrailing" } } }, "foreground": { "color": "white" }, "cornerRadius": 20 }, "shadow": { "color": { "color": "green", "opacity": 0.28 }, "radius": 10, "y": 5 }, "animation": { "kind": "spring", "value": "${finished}", "duration": 0.4, "bounce": 0.45 } }, "children": [ { "id": "aws_trophy", "type": "image", "context": { "_source": "sf://trophy.fill" }, "style": { "layout": { "width": 28, "height": 28 }, "common": { "foreground": { "color": "white" } } } }, { "id": "aws_done_text", "type": "vstack", "context": { "_spacing": 2, "_alignment": "leading" }, "children": [ { "id": "aws_done_title", "type": "text", "context": { "_text": "Grid finished" }, "style": { "common": { "font": { "kind": "headline", "weight": "bold" }, "foreground": { "color": "white" } } } }, { "id": "aws_done_time", "type": "text", "context": { "_text": "{{ 'Your time: ' + @{timeText} }}" }, "style": { "common": { "font": "subheadline", "foreground": { "color": "white", "opacity": 0.9 } } } } ] } ] } } }, { "id": "aws_list_button", "type": "button", "context": { "_label": "Choose another grid" }, "style": { "button": { "standard": { "type": "bordered", "shape": "capsule" } }, "layout": { "padding": { "top": 8, "bottom": 8 } } }, "events": { "onTap": [ { "state": { "id": "aws_show_list", "input": { "screen": "list", "selected": -1, "finished": true }, "output": { "success": [ { "interval": { "id": "aws_tick", "input": { "cancel": true } } } ] } } } ] } } ] } ] } } } ] } ] }