movie search wasm

import%20marimo%0A%0A__generated_with%20%3D%20%220.18.4%22%0Aapp%20%3D%20marimo.App(width%3D%22full%22)%0A%0A%0A%40app.cell%0Adef%20_()%3A%0A%20%20%20%20import%20marimo%20as%20mo%0A%20%20%20%20return%20(mo%2C)%0A%0A%0A%40app.cell%0Adef%20_(mo)%3A%0A%20%20%20%20mo.md(%22%22%22%0A%20%20%20%20%23%20%E6%98%A0%E7%94%BB%E3%83%99%E3%82%AF%E3%83%88%E3%83%AB%E6%A4%9C%E7%B4%A2%0A%20%20%20%20%3Cbr%3E%0A%20%20%20%20%22%22%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Aasync%20def%20_()%3A%0A%20%20%20%20import%20json%0A%20%20%20%20import%20micropip%0A%20%20%20%20await%20micropip.install(%22numpy%22)%0A%20%20%20%20import%20numpy%20as%20np%0A%20%20%20%20return%20(np%2C)%0A%0A%0A%40app.cell%0Aasync%20def%20_(mo%2C%20np)%3A%0A%20%20%20%20from%20pyodide.http%20import%20pyfetch%0A%0A%20%20%20%20base_url%20%3D%20str(mo.notebook_location()).rstrip(%22%2F%22)%0A%0A%20%20%20%20movies_response%20%3D%20await%20pyfetch(f%22%7Bbase_url%7D%2Fpublic%2Fmovies_enriched.json%22)%0A%20%20%20%20movies%20%3D%20await%20movies_response.json()%0A%0A%20%20%20%20embeddings_response%20%3D%20await%20pyfetch(f%22%7Bbase_url%7D%2Fpublic%2Fembeddings.json%22)%0A%20%20%20%20embeddings_data%20%3D%20await%20embeddings_response.json()%0A%20%20%20%20embeddings%20%3D%20np.array(embeddings_data%2C%20dtype%3Dnp.float32)%0A%20%20%20%20return%20embeddings%2C%20movies%0A%0A%0A%40app.cell%0Aasync%20def%20_(mo)%3A%0A%20%20%20%20with%20mo.status.spinner(%22%E3%83%A2%E3%83%87%E3%83%AB%E3%82%92%E8%AA%AD%E3%81%BF%E8%BE%BC%E3%81%BF%E4%B8%AD...%3Cbr%3E%E5%88%9D%E5%9B%9E%E3%81%AF30%E7%A7%92%E7%A8%8B%E5%BA%A6%E3%81%8B%E3%81%8B%E3%82%8A%E3%81%BE%E3%81%99%22)%3A%0A%20%20%20%20%20%20%20%20from%20transformers_js_py%20import%20import_transformers_js%0A%20%20%20%20%20%20%20%20transformers%20%3D%20await%20import_transformers_js()%0A%20%20%20%20%20%20%20%20pipeline%20%3D%20transformers.pipeline%0A%0A%20%20%20%20%20%20%20%20extractor%20%3D%20await%20pipeline(%0A%20%20%20%20%20%20%20%20%20%20%20%20%22feature-extraction%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22Xenova%2Fmultilingual-e5-small%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%22dtype%22%3A%20%22q8%22%7D%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20return%20(extractor%2C)%0A%0A%0A%40app.cell%0Adef%20_(mo)%3A%0A%20%20%20%20search_input%20%3D%20mo.ui.text(%0A%20%20%20%20%20%20%20%20value%3D%22%22%2C%0A%20%20%20%20%20%20%20%20placeholder%3D%22%E5%AE%B6%E6%97%8F%E3%81%A7%E6%A5%BD%E3%81%97%E3%82%80%E5%86%92%E9%99%BA%E6%98%A0%E7%94%BB%22%2C%0A%20%20%20%20%20%20%20%20full_width%3DTrue%2C%0A%20%20%20%20%20%20%20%20debounce%3D200%0A%20%20%20%20)%0A%20%20%20%20search_input%0A%20%20%20%20return%20(search_input%2C)%0A%0A%0A%40app.cell%0Aasync%20def%20_(embeddings%2C%20extractor%2C%20mo%2C%20movies%2C%20np%2C%20search_input)%3A%0A%20%20%20%20mo.stop(not%20search_input.value)%0A%0A%20%20%20%20query%20%3D%20f%22query%3A%20%7Bsearch_input.value%7D%22%0A%20%20%20%20output%20%3D%20await%20extractor(query%2C%20%7B%22pooling%22%3A%20%22mean%22%2C%20%22normalize%22%3A%20True%7D)%0A%0A%20%20%20%20query_embedding%20%3D%20np.array(output.tolist()%5B0%5D%2C%20dtype%3Dnp.float32)%0A%0A%20%20%20%20similarities%20%3D%20embeddings%20%40%20query_embedding%0A%20%20%20%20top_indices%20%3D%20np.argsort(similarities)%5B%3A%3A-1%5D%5B%3A30%5D%0A%0A%20%20%20%20results%20%3D%20%5B%0A%20%20%20%20%20%20%20%20%7B**movies%5Bi%5D%2C%20%22score%22%3A%20float(similarities%5Bi%5D)%7D%0A%20%20%20%20%20%20%20%20for%20i%20in%20top_indices%0A%20%20%20%20%5D%0A%20%20%20%20return%20(results%2C)%0A%0A%0A%40app.cell%0Adef%20_(mo%2C%20results)%3A%0A%20%20%20%20def%20render_movie_card(movie%2C%20rank)%3A%0A%20%20%20%20%20%20%20%20tags%20%3D%20movie.get(%22mood_tags%22%2C%20%5B%5D)%0A%20%20%20%20%20%20%20%20genres%20%3D%20movie.get(%22genres%22%2C%20%5B%5D)%0A%20%20%20%20%20%20%20%20title_ja%20%3D%20movie.get('title_ja'%2C%20movie%5B'title'%5D)%0A%20%20%20%20%20%20%20%20year%20%3D%20movie.get('year'%2C%20'')%0A%20%20%20%20%20%20%20%20score%20%3D%20movie%5B'score'%5D%0A%20%20%20%20%20%20%20%20imdb_id%20%3D%20movie.get('imdb_id'%2C%20'')%0A%20%20%20%20%20%20%20%20imdb_url%20%3D%20f%22https%3A%2F%2Fwww.imdb.com%2Ftitle%2Ftt%7Bimdb_id%7D%2F%22%20if%20imdb_id%20else%20%22%22%0A%0A%20%20%20%20%20%20%20%20tag_badges%20%3D%20%22%22.join(%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20f'%3Cspan%20style%3D%22color%3A%2386868b%3Bfont-size%3A12px%3Bmargin-right%3A8px%3B%22%3E%7Bt%7D%3C%2Fspan%3E'%0A%20%20%20%20%20%20%20%20%20%20%20%20for%20t%20in%20tags%5B%3A3%5D%0A%20%20%20%20%20%20%20%20%5D)%0A%20%20%20%20%20%20%20%20genre_text%20%3D%20%22%20%C2%B7%20%22.join(genres%5B%3A3%5D)%0A%20%20%20%20%20%20%20%20imdb_link%20%3D%20f'%3Ca%20href%3D%22%7Bimdb_url%7D%22%20target%3D%22_blank%22%20style%3D%22color%3A%2306c%3Bfont-size%3A13px%3Btext-decoration%3Anone%3B%22%3EIMDb%20%E2%86%92%3C%2Fa%3E'%20if%20imdb_url%20else%20%22%22%0A%0A%20%20%20%20%20%20%20%20return%20mo.Html(f'''%0A%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%22%0A%20%20%20%20%20%20%20%20%20%20%20%20background%3A%23fff%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20padding%3A20px%200%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20border-bottom%3A1px%20solid%20%23e5e5e5%3B%0A%20%20%20%20%20%20%20%20%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%22display%3Aflex%3Balign-items%3Aflex-start%3Bgap%3A20px%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%22min-width%3A60px%3Btext-align%3Aright%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20style%3D%22font-size%3A15px%3Bfont-weight%3A600%3Bcolor%3A%231d1d1f%3B%22%3E%7Bscore%3A.1%25%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%22flex%3A1%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%22display%3Aflex%3Balign-items%3Acenter%3Bgap%3A12px%3Bmargin-bottom%3A8px%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20style%3D%22color%3A%2386868b%3Bfont-size%3A13px%3Bfont-weight%3A500%3B%22%3E%7Brank%20%2B%201%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ch3%20style%3D%22margin%3A0%3Bfont-size%3A17px%3Bfont-weight%3A600%3Bcolor%3A%231d1d1f%3B%22%3E%7Btitle_ja%7D%3C%2Fh3%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20style%3D%22color%3A%2386868b%3Bfont-size%3A13px%3B%22%3E%7Bmovie%5B'title'%5D%7D%20(%7Byear%7D)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Bimdb_link%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20style%3D%22font-size%3A14px%3Bcolor%3A%231d1d1f%3Bline-height%3A1.5%3Bmargin%3A0%200%208px%200%3B%22%3E%7Bmovie.get('synopsis_ja'%2C%20'')%7D%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%22display%3Aflex%3Balign-items%3Acenter%3Bgap%3A16px%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20style%3D%22color%3A%2386868b%3Bfont-size%3A12px%3B%22%3E%7Bgenre_text%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20style%3D%22color%3A%2386868b%3Bfont-size%3A12px%3B%22%3E%7C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%3E%7Btag_badges%7D%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20''')%0A%0A%20%20%20%20mo.stop(not%20results)%0A%20%20%20%20mo.vstack(%5Brender_movie_card(r%2C%20i)%20for%20i%2C%20r%20in%20enumerate(results)%5D)%0A%20%20%20%20return%0A%0A%0Aif%20__name__%20%3D%3D%20%22__main__%22%3A%0A%20%20%20%20app.run()%0A