@biunow/agent-biuart 0.0.0-stage → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bin/server.mjs +575 -0
- package/data/styles.json +533 -0
- package/engine/audit_clip.py +46 -0
- package/engine/clip.html +24 -0
- package/engine/clip.js +104 -0
- package/engine/clip_schema.json +19 -0
- package/engine/clips/t1_3b1b.js +203 -0
- package/engine/clips/t2_keynote_ui.js +347 -0
- package/engine/clips/t3_finance_chart.js +206 -0
- package/engine/clips/y1_kurzgesagt.js +183 -0
- package/engine/clips/y2_vox.js +150 -0
- package/engine/clips/y3_whiteboard.js +209 -0
- package/engine/clips/y4_storytime.js +194 -0
- package/engine/clips/y5_kinetic_type.js +134 -0
- package/engine/compare.py +19 -0
- package/engine/demos/_shared/hero/c1_0.png +0 -0
- package/engine/demos/_shared/hero/c1_1.png +0 -0
- package/engine/demos/_shared/hero/c1_2.png +0 -0
- package/engine/demos/_shared/hero/c3_line.png +0 -0
- package/engine/demos/_shared/hero.js +96 -0
- package/engine/demos/long_scroll/eras.js +23 -0
- package/engine/demos/long_scroll/frames/8bit_act/01.png +0 -0
- package/engine/demos/long_scroll/frames/8bit_act/02.png +0 -0
- package/engine/demos/long_scroll/frames/8bit_act/03.png +0 -0
- package/engine/demos/long_scroll/frames/8bit_act/04.png +0 -0
- package/engine/demos/long_scroll/frames/8bit_act/05.png +0 -0
- package/engine/demos/long_scroll/frames/8bit_act/06.png +0 -0
- package/engine/demos/long_scroll/frames/8bit_act/07.png +0 -0
- package/engine/demos/long_scroll/frames/8bit_act/08.png +0 -0
- package/engine/demos/long_scroll/frames/8bit_act/meta.json +69 -0
- package/engine/demos/long_scroll/frames/8bit_walk/01.png +0 -0
- package/engine/demos/long_scroll/frames/8bit_walk/02.png +0 -0
- package/engine/demos/long_scroll/frames/8bit_walk/03.png +0 -0
- package/engine/demos/long_scroll/frames/8bit_walk/04.png +0 -0
- package/engine/demos/long_scroll/frames/8bit_walk/05.png +0 -0
- package/engine/demos/long_scroll/frames/8bit_walk/06.png +0 -0
- package/engine/demos/long_scroll/frames/8bit_walk/07.png +0 -0
- package/engine/demos/long_scroll/frames/8bit_walk/08.png +0 -0
- package/engine/demos/long_scroll/frames/8bit_walk/meta.json +69 -0
- package/engine/demos/long_scroll/frames/egypt_dodge/01.png +0 -0
- package/engine/demos/long_scroll/frames/egypt_dodge/02.png +0 -0
- package/engine/demos/long_scroll/frames/egypt_dodge/03.png +0 -0
- package/engine/demos/long_scroll/frames/egypt_dodge/04.png +0 -0
- package/engine/demos/long_scroll/frames/egypt_dodge/05.png +0 -0
- package/engine/demos/long_scroll/frames/egypt_dodge/06.png +0 -0
- package/engine/demos/long_scroll/frames/egypt_dodge/07.png +0 -0
- package/engine/demos/long_scroll/frames/egypt_dodge/08.png +0 -0
- package/engine/demos/long_scroll/frames/egypt_dodge/meta.json +69 -0
- package/engine/demos/long_scroll/frames/egypt_walk8/01.png +0 -0
- package/engine/demos/long_scroll/frames/egypt_walk8/02.png +0 -0
- package/engine/demos/long_scroll/frames/egypt_walk8/03.png +0 -0
- package/engine/demos/long_scroll/frames/egypt_walk8/04.png +0 -0
- package/engine/demos/long_scroll/frames/egypt_walk8/05.png +0 -0
- package/engine/demos/long_scroll/frames/egypt_walk8/06.png +0 -0
- package/engine/demos/long_scroll/frames/egypt_walk8/07.png +0 -0
- package/engine/demos/long_scroll/frames/egypt_walk8/08.png +0 -0
- package/engine/demos/long_scroll/frames/egypt_walk8/meta.json +69 -0
- package/engine/demos/long_scroll/frames/monet_throw/01.png +0 -0
- package/engine/demos/long_scroll/frames/monet_throw/02.png +0 -0
- package/engine/demos/long_scroll/frames/monet_throw/03.png +0 -0
- package/engine/demos/long_scroll/frames/monet_throw/04.png +0 -0
- package/engine/demos/long_scroll/frames/monet_throw/05.png +0 -0
- package/engine/demos/long_scroll/frames/monet_throw/06.png +0 -0
- package/engine/demos/long_scroll/frames/monet_throw/07.png +0 -0
- package/engine/demos/long_scroll/frames/monet_throw/08.png +0 -0
- package/engine/demos/long_scroll/frames/monet_throw/meta.json +71 -0
- package/engine/demos/long_scroll/frames/monet_walk/01.png +0 -0
- package/engine/demos/long_scroll/frames/monet_walk/02.png +0 -0
- package/engine/demos/long_scroll/frames/monet_walk/03.png +0 -0
- package/engine/demos/long_scroll/frames/monet_walk/04.png +0 -0
- package/engine/demos/long_scroll/frames/monet_walk/05.png +0 -0
- package/engine/demos/long_scroll/frames/monet_walk/06.png +0 -0
- package/engine/demos/long_scroll/frames/monet_walk/07.png +0 -0
- package/engine/demos/long_scroll/frames/monet_walk/08.png +0 -0
- package/engine/demos/long_scroll/frames/monet_walk/meta.json +71 -0
- package/engine/demos/long_scroll/lib/acts.js +87 -0
- package/engine/demos/long_scroll/lib/crossing.js +463 -0
- package/engine/demos/long_scroll/lib/world.js +143 -0
- package/engine/demos/long_scroll/lib/xing2_ding.js +42 -0
- package/engine/demos/long_scroll/lib/xing2_jia.js +114 -0
- package/engine/demos/long_scroll/lib/xing2_yi.js +133 -0
- package/engine/demos/long_scroll/segments/02_egypt.js +234 -0
- package/engine/demos/long_scroll/segments/14_8bit.js +118 -0
- package/engine/demos/long_scroll/segments/28_monet.js +86 -0
- package/engine/demos/t1_3b1b/eras.js +11 -0
- package/engine/demos/t1_3b1b/t1_s1.js +101 -0
- package/engine/demos/t1_3b1b/t1_s2.js +74 -0
- package/engine/demos/t1_3b1b/t1_s3.js +65 -0
- package/engine/demos/t2_keynote_ui/eras.js +10 -0
- package/engine/demos/t2_keynote_ui/t2_s1.js +57 -0
- package/engine/demos/t2_keynote_ui/t2_s2.js +70 -0
- package/engine/demos/t2_keynote_ui/t2_s3.js +61 -0
- package/engine/demos/t3_finance_chart/eras.js +11 -0
- package/engine/demos/t3_finance_chart/t3_s1.js +48 -0
- package/engine/demos/t3_finance_chart/t3_s2.js +42 -0
- package/engine/demos/t3_finance_chart/t3_s3.js +51 -0
- package/engine/demos/y1_kurzgesagt/eras.js +10 -0
- package/engine/demos/y1_kurzgesagt/kurzgesagt.js +347 -0
- package/engine/demos/y2_vox/eras.js +10 -0
- package/engine/demos/y2_vox/vox.js +240 -0
- package/engine/demos/y3_whiteboard/eras.js +10 -0
- package/engine/demos/y3_whiteboard/whiteboard.js +162 -0
- package/engine/demos/y4_storytime/eras.js +14 -0
- package/engine/demos/y4_storytime/s1_desk.js +18 -0
- package/engine/demos/y4_storytime/s2_screen.js +82 -0
- package/engine/demos/y4_storytime/s3_react.js +39 -0
- package/engine/demos/y4_storytime/s4_wide.js +16 -0
- package/engine/demos/y4_storytime/s5_close.js +18 -0
- package/engine/demos/y4_storytime/story.js +25 -0
- package/engine/demos/y4_storytime/vo_env.js +2 -0
- package/engine/demos/y4_storytime/world.js +73 -0
- package/engine/demos/y5_kinetic_type/eras.js +16 -0
- package/engine/demos/y5_kinetic_type/k1_title.js +38 -0
- package/engine/demos/y5_kinetic_type/k2_complete.js +55 -0
- package/engine/demos/y5_kinetic_type/k3_chat.js +47 -0
- package/engine/demos/y5_kinetic_type/k4_agent.js +49 -0
- package/engine/demos/y5_kinetic_type/kinetic.js +52 -0
- package/engine/engine.js +277 -0
- package/engine/eras.js +60 -0
- package/engine/eras_gallery.js +115 -0
- package/engine/eras_style_studies.js +20 -0
- package/engine/examples/assets/K/347/272/277/345/233/276_/346/250/252/345/261/217.png +0 -0
- package/engine/examples/assets//347/273/210/347/253/257_for/345/276/252/347/216/257/346/261/202/345/222/214.png +0 -0
- package/engine/examples/assets//347/273/210/347/253/257_sum/346/261/202/345/222/214.png +0 -0
- package/engine/examples/assets//350/220/245/346/224/266/345/233/276_/347/253/226/345/261/217.png +0 -0
- package/engine/examples/assets//350/264/242/347/273/217/345/233/276/350/241/250_/346/250/252/345/261/217.png +0 -0
- package/engine/examples/t1_3b1b.json +19 -0
- package/engine/examples/t2_fullbleed_pulse.json +15 -0
- package/engine/examples/t2_keynote_ui.json +15 -0
- package/engine/examples/t3_finance_chart.json +29 -0
- package/engine/examples/y1_kurzgesagt.json +16 -0
- package/engine/examples/y2_vox.json +14 -0
- package/engine/examples/y3_whiteboard.json +17 -0
- package/engine/examples/y4_storytime.json +52 -0
- package/engine/examples/y5_kinetic_type.json +14 -0
- package/engine/index.html +42 -0
- package/engine/lib/THREE_LICENSE.txt +21 -0
- package/engine/lib/brush.js +149 -0
- package/engine/lib/camera.js +99 -0
- package/engine/lib/chart.js +152 -0
- package/engine/lib/collage.js +97 -0
- package/engine/lib/diagram.js +264 -0
- package/engine/lib/finish.js +70 -0
- package/engine/lib/fonts/AlfaSlabOne-400.woff +0 -0
- package/engine/lib/fonts/Anton-400.woff +0 -0
- package/engine/lib/fonts/ArchivoBlack-400.woff +0 -0
- package/engine/lib/fonts/Bangers-400.woff +0 -0
- package/engine/lib/fonts/Caveat-600.woff +0 -0
- package/engine/lib/fonts/Cinzel-400.woff +0 -0
- package/engine/lib/fonts/Cinzel-700.woff +0 -0
- package/engine/lib/fonts/CormorantGaramond-500.woff +0 -0
- package/engine/lib/fonts/CormorantGaramond-500i.woff +0 -0
- package/engine/lib/fonts/CormorantGaramond-700.woff +0 -0
- package/engine/lib/fonts/EBGaramond-400.woff +0 -0
- package/engine/lib/fonts/EBGaramond-400i.woff +0 -0
- package/engine/lib/fonts/EBGaramond-600.woff +0 -0
- package/engine/lib/fonts/Exo2-800i.woff +0 -0
- package/engine/lib/fonts/GochiHand-400.woff +0 -0
- package/engine/lib/fonts/IMFellEnglish-400.woff +0 -0
- package/engine/lib/fonts/IMFellEnglish-400i.woff +0 -0
- package/engine/lib/fonts/Inter-var.woff +0 -0
- package/engine/lib/fonts/JosefinSans-700.woff +0 -0
- package/engine/lib/fonts/Kalam-700.woff +0 -0
- package/engine/lib/fonts/LICENSES.md +40 -0
- package/engine/lib/fonts/LXGWWenKai-500.woff +0 -0
- package/engine/lib/fonts/LibreBaskerville-400.woff +0 -0
- package/engine/lib/fonts/LibreBaskerville-700.woff +0 -0
- package/engine/lib/fonts/LilitaOne-400.woff +0 -0
- package/engine/lib/fonts/Marcellus-400.woff +0 -0
- package/engine/lib/fonts/NotoSansSC-500.woff +0 -0
- package/engine/lib/fonts/NotoSansSC-700.woff +0 -0
- package/engine/lib/fonts/NotoSansSC-800.woff +0 -0
- package/engine/lib/fonts/NotoSansSC-900.woff +0 -0
- package/engine/lib/fonts/NotoSansSC-sub.woff +0 -0
- package/engine/lib/fonts/NotoSerifJP-600.woff +0 -0
- package/engine/lib/fonts/NotoSerifSC-sub.woff +0 -0
- package/engine/lib/fonts/OFL.txt +94 -0
- package/engine/lib/fonts/PlayfairDisplay-400i.woff +0 -0
- package/engine/lib/fonts/PlayfairDisplay-700.woff +0 -0
- package/engine/lib/fonts/PlayfairDisplay-700i.woff +0 -0
- package/engine/lib/fonts/Poppins-600.woff +0 -0
- package/engine/lib/fonts/Poppins-700.woff +0 -0
- package/engine/lib/fonts/Poppins-800.woff +0 -0
- package/engine/lib/fonts/PressStart2P-400.woff +0 -0
- package/engine/lib/fonts/Righteous-400.woff +0 -0
- package/engine/lib/fonts/RobotoCondensed-var.woff +0 -0
- package/engine/lib/fonts/Rye-400.woff +0 -0
- package/engine/lib/fonts/UnifrakturMaguntia-400.woff +0 -0
- package/engine/lib/fonts/cmunrm.woff +0 -0
- package/engine/lib/fonts/cmunti.woff +0 -0
- package/engine/lib/fonts/index.json +1 -0
- package/engine/lib/fonts.js +56 -0
- package/engine/lib/kit.js +91 -0
- package/engine/lib/media.js +118 -0
- package/engine/lib/medium.js +258 -0
- package/engine/lib/motion.js +111 -0
- package/engine/lib/paint.js +200 -0
- package/engine/lib/palettes.js +57 -0
- package/engine/lib/post.js +108 -0
- package/engine/lib/render.js +189 -0
- package/engine/lib/rig.js +390 -0
- package/engine/lib/rig_huashu.js +171 -0
- package/engine/lib/three.min.js +7 -0
- package/engine/lib/toon.js +186 -0
- package/engine/lib/typo.js +136 -0
- package/engine/lib/ui.js +141 -0
- package/engine/lib/util.js +92 -0
- package/engine/render.py +157 -0
- package/engine/scenes/01_cave.js +364 -0
- package/engine/scenes/02_egypt.js +524 -0
- package/engine/scenes/03_greek.js +448 -0
- package/engine/scenes/04_roman.js +555 -0
- package/engine/scenes/05_gothic.js +522 -0
- package/engine/scenes/06_renaissance.js +338 -0
- package/engine/scenes/08_impressionism.js +206 -0
- package/engine/scenes/09_postimp.js +183 -0
- package/engine/scenes/10_nouveau.js +334 -0
- package/engine/scenes/11_cubism.js +265 -0
- package/engine/scenes/12_bauhaus.js +214 -0
- package/engine/scenes/13_pop.js +269 -0
- package/engine/scenes/14_8bit.js +238 -0
- package/engine/scenes/15_raytrace.js +300 -0
- package/engine/scenes/16_2026.js +565 -0
- package/engine/scenes/17_ink.js +273 -0
- package/engine/scenes/18_klimt.js +227 -0
- package/engine/scenes/19_munch.js +153 -0
- package/engine/scenes/20_dunhuang.js +215 -0
- package/engine/scenes/21_kusama.js +124 -0
- package/engine/scenes/22_constructivism.js +205 -0
- package/engine/scenes/23_dali.js +221 -0
- package/engine/scenes/24_hopper.js +150 -0
- package/engine/scenes/25_ghibli.js +251 -0
- package/engine/scenes/26_vaporwave.js +191 -0
- package/engine/scenes/27_kirby.js +255 -0
- package/engine/scenes/28_monet.js +176 -0
- package/engine/scenes/29_seurat.js +104 -0
- package/engine/scenes/30_matisse.js +151 -0
- package/engine/scenes/31_haring.js +109 -0
- package/engine/scenes/32_rembrandt.js +217 -0
- package/engine/scenes/33_rubberhose.js +219 -0
- package/engine/scenes/34_shadowpuppet.js +195 -0
- package/engine/scenes/35_shinkai.js +197 -0
- package/engine/scenes/36_picasso_blue.js +123 -0
- package/engine/scenes/38_giotto.js +133 -0
- package/engine/scenes/39_piero.js +53 -0
- package/engine/scenes/40_raphael.js +96 -0
- package/engine/scenes/41_michelangelo.js +112 -0
- package/engine/scenes/42_guardi.js +70 -0
- package/engine/scenes/43_lorenzetti.js +145 -0
- package/engine/scenes/44_cortona.js +86 -0
- package/engine/scenes/45_renoir.js +86 -0
- package/engine/scenes/46_pissarro.js +82 -0
- package/engine/scenes/47_sisley.js +94 -0
- package/engine/scenes/48_gauguin.js +107 -0
- package/engine/scenes/49_chagall.js +60 -0
- package/engine/scenes/50_ma_yuan.js +131 -0
- package/engine/scenes/51_persian_miniature.js +149 -0
- package/engine/scenes/52_south_park.js +105 -0
- package/engine/scenes/53_pixar.js +60 -0
- package/engine/scenes/54_ghibli_lab.js +68 -0
- package/engine/scenes/55_dunhuang.js +161 -0
- package/engine/scenes/index.js +28 -0
- package/engine/spec_assets.py +76 -0
- package/engine/transitions.js +929 -0
- package/engine//346/227/266/344/273/243/344/275/234/350/200/205/350/247/204/350/214/203.md +49 -0
- package/lib/host.mjs +754 -0
- package/lib/render-bridge.mjs +543 -0
- package/lib/render-cli.mjs +98 -0
- package/lib/storyboard-lint.mjs +54 -0
- package/manifest.json +52 -0
- package/package.json +8 -4
- package/runtime/package.json +8 -0
- package/skills/biuart/SKILL.md +154 -0
- package/skills/biuart/references/01-/346/213/206/350/247/243.md +55 -0
- package/skills/biuart/references/02-/346/234/272/345/210/266.md +41 -0
- package/skills/biuart/references/03-/344/270/200/345/270/247/345/205/210/350/241/214/345/233/233/346/235/241/350/267/257/347/272/277.md +39 -0
- package/skills/biuart/references/04-/347/272/257/344/273/243/347/240/201/347/273/230/345/210/266.md +92 -0
- package/skills/biuart/references/05-/350/212/202/345/245/217/344/270/216/351/205/215/344/271/220.md +19 -0
- package/skills/biuart/references/06-/345/217/243/346/222/255/351/251/261/345/212/250/347/232/204/350/211/272/346/234/257/347/237/255/347/211/207.md +31 -0
- package/skills/biuart/references/07-/346/255/243/351/235/242/347/273/217/351/252/214.md +196 -0
- package/skills/biuart/references/08-/351/243/216/346/240/274/344/275/234/350/200/205/350/247/204/350/214/203.md +61 -0
- package/skills/biuart/references/09-/350/247/206/351/242/221/345/212/250/347/224/273/350/257/255/346/263/225.md +382 -0
- package/skills/biuart/references/10-/350/247/222/350/211/262.md +34 -0
- package/skills/biuart/references/11-/351/225/277/345/215/267/347/251/277/350/266/212/347/211/207.md +43 -0
- package/skills/biuart/references/12-/345/217/243/346/222/255/346/225/264/347/211/207/344/270/216/347/273/217/351/252/214/345/233/236/346/265/201.md +25 -0
- package/skills/biuart/references/13-/345/217/243/346/222/255/344/270/216/350/257/255/351/237/263/345/244/215/345/210/273.md +7 -0
- package/skills/biuart/references/15-/350/267/250/345/234/272/346/231/257/351/243/216/346/240/274/346/217/220/347/202/274.md +48 -0
- package/skills/biuart/references/16-/351/243/216/346/240/274/346/274/224/347/244/27295/345/210/206/345/215/217/350/256/256.md +103 -0
- package/skills/biuart/references/about-author.md +99 -0
- package/skills/biuart/references/capabilities.md +91 -0
- package/skills/biuart/references/compatibility.md +34 -0
- package/skills/biuart/references/images.md +97 -0
- package/skills/biuart/references/voice-model-review.md +18 -0
- package/skills/biuart/references//345/212/250/347/224/273/350/257/255/346/263/225/t1_3b1b.md +122 -0
- package/skills/biuart/references//345/212/250/347/224/273/350/257/255/346/263/225/t2_keynote_ui.md +117 -0
- package/skills/biuart/references//345/212/250/347/224/273/350/257/255/346/263/225/t3_finance_chart.md +116 -0
- package/skills/biuart/references//345/212/250/347/224/273/350/257/255/346/263/225/y1_kurzgesagt.md +193 -0
- package/skills/biuart/references//345/212/250/347/224/273/350/257/255/346/263/225/y2_vox.md +195 -0
- package/skills/biuart/references//345/212/250/347/224/273/350/257/255/346/263/225/y3_whiteboard.md +190 -0
- package/skills/biuart/references//345/212/250/347/224/273/350/257/255/346/263/225/y4_storytime.md +166 -0
- package/skills/biuart/references//345/212/250/347/224/273/350/257/255/346/263/225/y5_kinetic_type.md +158 -0
- package/skills/biuart/references//345/212/250/347/224/273/350/257/255/346/263/225/y6_presenter_explainer.md +24 -0
- package/skills/biuart/references//345/217/243/346/222/255API.md +125 -0
- package/skills/biuart/references//350/211/262/346/235/277.md +38 -0
- package/skills/biuart/references//350/247/222/350/211/262/347/262/276/347/273/206/345/272/246.md +61 -0
- package/skills/biuart/references//351/225/234/345/244/264/350/241/250/346/250/241/346/235/277.md +80 -0
- package/skills/biuart/references//351/225/234/345/244/264/350/257/255/350/250/200.md +73 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/01_cave.md +46 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/02_egypt.md +64 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/03_greek.md +50 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/04_roman.md +99 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/05_gothic.md +32 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/06_renaissance.md +41 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/08_impressionism.md +34 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/09_postimp.md +17 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/10_nouveau.md +31 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/11_cubism.md +30 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/12_bauhaus.md +30 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/13_pop.md +29 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/14_8bit.md +27 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/15_raytrace.md +32 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/16_2026.md +55 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/17_ink.md +50 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/18_klimt.md +37 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/19_munch.md +42 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/20_dunhuang.md +49 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/21_kusama.md +32 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/22_constructivism.md +35 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/23_dali.md +29 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/24_hopper.md +30 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/25_ghibli.md +55 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/26_vaporwave.md +27 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/27_kirby.md +30 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/28_monet.md +39 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/29_seurat.md +31 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/30_matisse.md +26 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/31_haring.md +22 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/32_rembrandt.md +29 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/33_rubberhose.md +31 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/34_shadowpuppet.md +40 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/35_shinkai.md +34 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/36_picasso_blue.md +25 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/37_rick_morty.md +48 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/38_giotto.md +67 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/39_piero.md +59 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/40_raphael.md +65 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/41_michelangelo.md +65 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/42_guardi.md +65 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/43_lorenzetti.md +69 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/44_cortona.md +66 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/45_renoir.md +66 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/46_pissarro.md +66 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/47_sisley.md +67 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/48_gauguin.md +66 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/49_chagall.md +59 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/50_ma_yuan.md +68 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/51_persian_miniature.md +66 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/52_south_park.md +65 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/53_pixar.md +61 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/55_dunhuang.md +41 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/INDEX.md +89 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/_/350/275/254/345/234/272_/350/277/201/347/247/273/346/265/213/350/257/225.md +53 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/_/351/207/215/345/201/232/350/277/233/345/272/246.md +37 -0
- package/skills/biuart/references//351/243/216/346/240/274/351/205/215/346/226/271/_/351/237/263/350/275/250_/350/211/272/346/234/257/345/217/262/351/200/237/351/200/232.md +135 -0
- package/studio/app.js +380 -0
- package/studio/assert-panel-permit.mjs +67 -0
- package/studio/composer.css +465 -0
- package/studio/composer.js +480 -0
- package/studio/index.html +97 -0
- package/studio/optimize-prompt.mjs +84 -0
- package/studio/optimize-prompt.test.mjs +47 -0
- package/studio/recipes.mjs +87 -0
- package/studio/select-menu.js +450 -0
- package/studio/styles.css +71 -0
- package/studio/to-english-prompt.mjs +149 -0
- package/studio/to-english-prompt.test.mjs +72 -0
- package/README.md +0 -3
|
@@ -0,0 +1,480 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Shared helpers for CreateDesk-style agent studios.
|
|
3
|
+
*/
|
|
4
|
+
(function (global) {
|
|
5
|
+
function esc(s) {
|
|
6
|
+
return String(s || '')
|
|
7
|
+
.replace(/&/g, '&')
|
|
8
|
+
.replace(/</g, '<')
|
|
9
|
+
.replace(/>/g, '>')
|
|
10
|
+
.replace(/"/g, '"');
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
const MAX_UPLOAD_BYTES = 20 * 1024 * 1024;
|
|
14
|
+
|
|
15
|
+
async function api(path, opts) {
|
|
16
|
+
const res = await fetch(path, opts);
|
|
17
|
+
const data = await res.json().catch(() => ({}));
|
|
18
|
+
if (!res.ok) {
|
|
19
|
+
const raw = data.error || res.statusText || '请求失败';
|
|
20
|
+
if (res.status === 413 || /body too large/i.test(raw)) {
|
|
21
|
+
throw new Error('附件超过 20MB,请压缩或裁短后再上传');
|
|
22
|
+
}
|
|
23
|
+
throw new Error(raw);
|
|
24
|
+
}
|
|
25
|
+
return data;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
function uploadBlockReason(file, usedBytes) {
|
|
29
|
+
const name = file?.name || '附件';
|
|
30
|
+
const size = Number(file?.size) || 0;
|
|
31
|
+
if (size > MAX_UPLOAD_BYTES) return `${name} 超过 20MB,请压缩或裁短后再上传`;
|
|
32
|
+
if ((Number(usedBytes) || 0) + size > MAX_UPLOAD_BYTES) {
|
|
33
|
+
return `附件合计超过 20MB,${name} 未加入`;
|
|
34
|
+
}
|
|
35
|
+
return '';
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
function fileToBase64(file) {
|
|
39
|
+
return new Promise((resolve, reject) => {
|
|
40
|
+
const reader = new FileReader();
|
|
41
|
+
reader.onload = () => {
|
|
42
|
+
const result = String(reader.result || '');
|
|
43
|
+
const i = result.indexOf(',');
|
|
44
|
+
resolve(i >= 0 ? result.slice(i + 1) : result);
|
|
45
|
+
};
|
|
46
|
+
reader.onerror = reject;
|
|
47
|
+
reader.readAsDataURL(file);
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
function phaseLabel(j) {
|
|
52
|
+
if (j.outputMp4 || j.phase === 'film') return { text: '成片就绪', cls: 'ok' };
|
|
53
|
+
if (j.status === 'failed') return { text: '失败', cls: 'bad' };
|
|
54
|
+
if (j.phase === 'dsh' || (j.kickoffOk && j.status === 'running')) return { text: 'DSH 创作中', cls: 'run' };
|
|
55
|
+
if (j.phase === 'stalled') return { text: '待确认', cls: 'warn' };
|
|
56
|
+
if (j.status === 'running') return { text: '进行中', cls: 'run' };
|
|
57
|
+
if (j.status === 'done') return { text: '完成', cls: 'ok' };
|
|
58
|
+
return { text: j.status || '排队', cls: '' };
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
function bindPlusMenu(btn, menu) {
|
|
62
|
+
const close = () => {
|
|
63
|
+
menu.hidden = true;
|
|
64
|
+
btn.classList.remove('on');
|
|
65
|
+
};
|
|
66
|
+
btn.addEventListener('click', (e) => {
|
|
67
|
+
e.stopPropagation();
|
|
68
|
+
const open = menu.hidden;
|
|
69
|
+
menu.hidden = !open;
|
|
70
|
+
btn.classList.toggle('on', open);
|
|
71
|
+
});
|
|
72
|
+
document.addEventListener('click', () => close());
|
|
73
|
+
menu.addEventListener('click', (e) => e.stopPropagation());
|
|
74
|
+
return { close };
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
function bindCount(textarea, countEl, max) {
|
|
78
|
+
const sync = () => {
|
|
79
|
+
const n = textarea.value.length;
|
|
80
|
+
countEl.textContent = `${n}/${max}`;
|
|
81
|
+
};
|
|
82
|
+
textarea.addEventListener('input', sync);
|
|
83
|
+
sync();
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
let filmSelectedId = '';
|
|
87
|
+
let selectedJobId = '';
|
|
88
|
+
|
|
89
|
+
function filmSrc(id) {
|
|
90
|
+
return '/api/jobs/' + encodeURIComponent(id) + '/film';
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
function ensureFilmModal() {
|
|
94
|
+
let back = document.querySelector('.film-modal');
|
|
95
|
+
if (back) return back;
|
|
96
|
+
back = document.createElement('div');
|
|
97
|
+
back.className = 'film-modal';
|
|
98
|
+
back.hidden = true;
|
|
99
|
+
back.innerHTML = `
|
|
100
|
+
<div class="film-modal-card" role="dialog" aria-modal="true">
|
|
101
|
+
<div class="film-modal-bar">
|
|
102
|
+
<strong></strong>
|
|
103
|
+
<button type="button" class="film-modal-x" aria-label="关闭">×</button>
|
|
104
|
+
</div>
|
|
105
|
+
<video controls playsinline></video>
|
|
106
|
+
</div>`;
|
|
107
|
+
document.body.appendChild(back);
|
|
108
|
+
const close = () => {
|
|
109
|
+
const video = back.querySelector('video');
|
|
110
|
+
video.pause();
|
|
111
|
+
video.removeAttribute('src');
|
|
112
|
+
video.load();
|
|
113
|
+
back.hidden = true;
|
|
114
|
+
};
|
|
115
|
+
back.querySelector('.film-modal-x').addEventListener('click', close);
|
|
116
|
+
back.addEventListener('click', (e) => {
|
|
117
|
+
if (e.target === back) close();
|
|
118
|
+
});
|
|
119
|
+
document.addEventListener('keydown', (e) => {
|
|
120
|
+
if (e.key === 'Escape' && !back.hidden) close();
|
|
121
|
+
});
|
|
122
|
+
return back;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
function openFilmModal(src, title, inlineVideo) {
|
|
126
|
+
const back = ensureFilmModal();
|
|
127
|
+
const video = back.querySelector('video');
|
|
128
|
+
back.querySelector('strong').textContent = title || '成片';
|
|
129
|
+
const startAt = inlineVideo && inlineVideo.dataset.src === src ? inlineVideo.currentTime || 0 : 0;
|
|
130
|
+
if (inlineVideo) inlineVideo.pause();
|
|
131
|
+
back.hidden = false;
|
|
132
|
+
let started = false;
|
|
133
|
+
const start = () => {
|
|
134
|
+
if (started) return;
|
|
135
|
+
started = true;
|
|
136
|
+
video.removeEventListener('loadedmetadata', start);
|
|
137
|
+
if (startAt > 0) {
|
|
138
|
+
try { video.currentTime = startAt; } catch { /* 还没解析出时长 */ }
|
|
139
|
+
}
|
|
140
|
+
video.play().catch(() => {});
|
|
141
|
+
};
|
|
142
|
+
const changed = video.dataset.src !== src;
|
|
143
|
+
video.addEventListener('loadedmetadata', start);
|
|
144
|
+
if (changed) {
|
|
145
|
+
video.dataset.src = src;
|
|
146
|
+
video.src = src;
|
|
147
|
+
} else if (video.readyState >= 1) {
|
|
148
|
+
start();
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
function ensureFilmStage(box) {
|
|
153
|
+
const parent = box.parentElement;
|
|
154
|
+
if (!parent) return null;
|
|
155
|
+
let stage = parent.querySelector(':scope > .film-stage');
|
|
156
|
+
if (stage) return stage;
|
|
157
|
+
stage = document.createElement('div');
|
|
158
|
+
stage.className = 'film-stage';
|
|
159
|
+
stage.hidden = true;
|
|
160
|
+
stage.innerHTML = `
|
|
161
|
+
<video class="film-video" controls playsinline preload="metadata"></video>
|
|
162
|
+
<div class="film-bar">
|
|
163
|
+
<span class="film-title"></span>
|
|
164
|
+
<button type="button" class="film-pop">弹窗播放</button>
|
|
165
|
+
</div>`;
|
|
166
|
+
parent.insertBefore(stage, box);
|
|
167
|
+
stage.querySelector('.film-pop').addEventListener('click', () => {
|
|
168
|
+
const video = stage.querySelector('video');
|
|
169
|
+
if (!video.dataset.src) return;
|
|
170
|
+
openFilmModal(video.dataset.src, stage.dataset.title || '', video);
|
|
171
|
+
});
|
|
172
|
+
return stage;
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
function showFilm(box, job, opts) {
|
|
176
|
+
const stage = ensureFilmStage(box);
|
|
177
|
+
if (!stage) return;
|
|
178
|
+
const video = stage.querySelector('video');
|
|
179
|
+
if (!job || !job.outputMp4) {
|
|
180
|
+
stage.hidden = true;
|
|
181
|
+
if (video && !video.paused) video.pause();
|
|
182
|
+
return;
|
|
183
|
+
}
|
|
184
|
+
stage.hidden = false;
|
|
185
|
+
const title = job.title || job.kind || '成片';
|
|
186
|
+
stage.dataset.title = title;
|
|
187
|
+
const label = stage.querySelector('.film-title');
|
|
188
|
+
if (label) label.textContent = title;
|
|
189
|
+
const src = filmSrc(job.id);
|
|
190
|
+
const same = video.dataset.src === src;
|
|
191
|
+
if (!same) {
|
|
192
|
+
video.dataset.src = src;
|
|
193
|
+
video.src = src;
|
|
194
|
+
}
|
|
195
|
+
if (!same || (opts && opts.autoplay)) video.play().catch(() => {});
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
function renderJobs(box, jobs, opts) {
|
|
199
|
+
const onDelete = opts && typeof opts.onDelete === 'function' ? opts.onDelete : null;
|
|
200
|
+
const onPick = opts && typeof opts.onPick === 'function' ? opts.onPick : null;
|
|
201
|
+
const selected = jobs.find((j) => j.id === selectedJobId) || null;
|
|
202
|
+
if (!selected) selectedJobId = '';
|
|
203
|
+
filmSelectedId = selected && selected.outputMp4 ? selected.id : '';
|
|
204
|
+
showFilm(box, selected && selected.outputMp4 ? selected : null);
|
|
205
|
+
if (!jobs.length) {
|
|
206
|
+
box.innerHTML = '<p class="muted">还没有任务</p>';
|
|
207
|
+
return;
|
|
208
|
+
}
|
|
209
|
+
box.innerHTML = '';
|
|
210
|
+
jobs.forEach((j) => {
|
|
211
|
+
const phase = phaseLabel(j);
|
|
212
|
+
const sessionId = String(j.dshSessionId || '').trim();
|
|
213
|
+
const playable = Boolean(j.outputMp4);
|
|
214
|
+
const meta = [j.styleName, j.screen].filter(Boolean).join(' · ');
|
|
215
|
+
const el = document.createElement('div');
|
|
216
|
+
el.className = 'job' + (phase.cls ? ' ' + phase.cls : '') + (playable ? ' playable' : '') + (j.id === selectedJobId ? ' on' : '');
|
|
217
|
+
el.title = '把这条需求填回创作框';
|
|
218
|
+
el.innerHTML = `
|
|
219
|
+
<div class="job-top">
|
|
220
|
+
<span class="badge ${phase.cls}">${esc(phase.text)}</span>
|
|
221
|
+
${meta ? `<span class="job-chip">${esc(meta)}</span>` : ''}
|
|
222
|
+
<span class="job-actions">
|
|
223
|
+
<button type="button" class="job-open" ${sessionId ? '' : 'disabled'} title="${sessionId ? '打开这次创作的对话' : '这次任务没有对话'}">任务详情</button>
|
|
224
|
+
<button type="button" class="job-del" title="从列表删除" aria-label="删除">×</button>
|
|
225
|
+
</span>
|
|
226
|
+
</div>
|
|
227
|
+
<div class="t">${esc(j.title || j.kind || '未命名')}</div>
|
|
228
|
+
<div class="m">${esc(j.message || '')}</div>
|
|
229
|
+
<div class="bar"><i style="width:${Number(j.progress) || 0}%"></i></div>`;
|
|
230
|
+
const openBtn = el.querySelector('.job-open');
|
|
231
|
+
if (openBtn && sessionId) {
|
|
232
|
+
openBtn.addEventListener('click', (e) => {
|
|
233
|
+
e.preventDefault();
|
|
234
|
+
e.stopPropagation();
|
|
235
|
+
window.parent.postMessage({ source: 'bn-studio', type: 'open-session', sessionId }, '*');
|
|
236
|
+
});
|
|
237
|
+
}
|
|
238
|
+
el.addEventListener('click', () => {
|
|
239
|
+
selectedJobId = j.id;
|
|
240
|
+
filmSelectedId = playable ? j.id : '';
|
|
241
|
+
box.querySelectorAll('.job.on').forEach((node) => node.classList.remove('on'));
|
|
242
|
+
el.classList.add('on');
|
|
243
|
+
showFilm(box, playable ? j : null, { autoplay: playable });
|
|
244
|
+
if (onPick) onPick(j);
|
|
245
|
+
});
|
|
246
|
+
const delBtn = el.querySelector('.job-del');
|
|
247
|
+
if (delBtn) {
|
|
248
|
+
delBtn.addEventListener('click', (e) => {
|
|
249
|
+
e.preventDefault();
|
|
250
|
+
e.stopPropagation();
|
|
251
|
+
if (!j.id) return;
|
|
252
|
+
const clearFilm = () => {
|
|
253
|
+
if (selectedJobId === j.id) selectedJobId = '';
|
|
254
|
+
if (filmSelectedId !== j.id) return;
|
|
255
|
+
filmSelectedId = '';
|
|
256
|
+
showFilm(box, null);
|
|
257
|
+
};
|
|
258
|
+
if (onDelete) {
|
|
259
|
+
clearFilm();
|
|
260
|
+
onDelete(j);
|
|
261
|
+
} else {
|
|
262
|
+
void api('/api/jobs/' + encodeURIComponent(j.id), { method: 'DELETE' })
|
|
263
|
+
.then(() => {
|
|
264
|
+
clearFilm();
|
|
265
|
+
el.remove();
|
|
266
|
+
if (!box.querySelector('.job')) box.innerHTML = '<p class="muted">还没有任务</p>';
|
|
267
|
+
})
|
|
268
|
+
.catch((err) => {
|
|
269
|
+
window.alert(err.message || '删除失败');
|
|
270
|
+
});
|
|
271
|
+
}
|
|
272
|
+
});
|
|
273
|
+
}
|
|
274
|
+
box.appendChild(el);
|
|
275
|
+
});
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
function addChip(container, text, cls) {
|
|
279
|
+
const c = document.createElement('span');
|
|
280
|
+
c.className = 'chip' + (cls ? ' ' + cls : '');
|
|
281
|
+
c.textContent = text;
|
|
282
|
+
container.appendChild(c);
|
|
283
|
+
}
|
|
284
|
+
|
|
285
|
+
const RECIPE_LEVEL = { off: '无', optional: '可选', required: '必须' };
|
|
286
|
+
|
|
287
|
+
function paintRecipe(state, recipe, hint, keepText) {
|
|
288
|
+
currentRecipe = recipe || null;
|
|
289
|
+
const prompt = document.getElementById('prompt');
|
|
290
|
+
let bar = document.getElementById('needBar');
|
|
291
|
+
if (!bar && prompt) {
|
|
292
|
+
bar = document.createElement('div');
|
|
293
|
+
bar.id = 'needBar';
|
|
294
|
+
bar.className = 'link-bar';
|
|
295
|
+
prompt.parentNode.insertBefore(bar, prompt);
|
|
296
|
+
}
|
|
297
|
+
if (!bar) return;
|
|
298
|
+
bar.hidden = false;
|
|
299
|
+
let hintEl = document.getElementById('needHint');
|
|
300
|
+
if (!hintEl) {
|
|
301
|
+
hintEl = document.createElement('span');
|
|
302
|
+
hintEl.id = 'needHint';
|
|
303
|
+
hintEl.className = 'muted';
|
|
304
|
+
bar.appendChild(hintEl);
|
|
305
|
+
}
|
|
306
|
+
hintEl.textContent = hint || (recipe && recipe.hint) || '';
|
|
307
|
+
let flags = document.getElementById('needFlags');
|
|
308
|
+
if (!flags) {
|
|
309
|
+
flags = document.createElement('div');
|
|
310
|
+
flags.id = 'needFlags';
|
|
311
|
+
flags.className = 'need-flags';
|
|
312
|
+
bar.appendChild(flags);
|
|
313
|
+
}
|
|
314
|
+
const narr = (recipe && recipe.narration) || 'optional';
|
|
315
|
+
const att = (recipe && recipe.attachment) || 'optional';
|
|
316
|
+
const audio = recipe && recipe.audio;
|
|
317
|
+
flags.innerHTML =
|
|
318
|
+
`<span class="need-flag ${narr}">旁白 · ${RECIPE_LEVEL[narr] || narr}</span>` +
|
|
319
|
+
`<span class="need-flag ${att}">附件 · ${RECIPE_LEVEL[att] || att}</span>` +
|
|
320
|
+
(audio ? `<span class="need-flag ${audio}">音频驱动 · ${RECIPE_LEVEL[audio] || audio}</span>` : '');
|
|
321
|
+
const text = String((recipe && recipe.prompt) || '').trim();
|
|
322
|
+
if (prompt && text && !keepText) {
|
|
323
|
+
prompt.value = text;
|
|
324
|
+
prompt.dispatchEvent(new Event('input'));
|
|
325
|
+
state.seed = text;
|
|
326
|
+
}
|
|
327
|
+
}
|
|
328
|
+
|
|
329
|
+
function titleFromPrompt(prompt, fallback) {
|
|
330
|
+
const line = String(prompt || '')
|
|
331
|
+
.trim()
|
|
332
|
+
.split(/\n/)[0]
|
|
333
|
+
.replace(/^#+\s*/, '')
|
|
334
|
+
.trim();
|
|
335
|
+
return (line || fallback || '未命名成片').slice(0, 120);
|
|
336
|
+
}
|
|
337
|
+
|
|
338
|
+
global.Composer = {
|
|
339
|
+
esc,
|
|
340
|
+
api,
|
|
341
|
+
fileToBase64,
|
|
342
|
+
uploadBlockReason,
|
|
343
|
+
MAX_UPLOAD_BYTES,
|
|
344
|
+
phaseLabel,
|
|
345
|
+
bindPlusMenu,
|
|
346
|
+
bindCount,
|
|
347
|
+
renderJobs,
|
|
348
|
+
addChip,
|
|
349
|
+
titleFromPrompt,
|
|
350
|
+
paintRecipe,
|
|
351
|
+
claimCasePrompt,
|
|
352
|
+
};
|
|
353
|
+
|
|
354
|
+
let casePromptText = '';
|
|
355
|
+
let studioReadyForCase = false;
|
|
356
|
+
|
|
357
|
+
function writeCasePrompt() {
|
|
358
|
+
const prompt = document.getElementById('prompt');
|
|
359
|
+
const text = String(casePromptText || '').trim();
|
|
360
|
+
if (!studioReadyForCase || !prompt || !text || prompt.value === text) return;
|
|
361
|
+
prompt.value = text;
|
|
362
|
+
prompt.dispatchEvent(new Event('input'));
|
|
363
|
+
}
|
|
364
|
+
|
|
365
|
+
window.addEventListener('message', (event) => {
|
|
366
|
+
if (event.source !== window.parent) return;
|
|
367
|
+
const data = event.data || {};
|
|
368
|
+
if (data.type !== 'bn-case-prompt') return;
|
|
369
|
+
casePromptText = String(data.prompt || '');
|
|
370
|
+
writeCasePrompt();
|
|
371
|
+
});
|
|
372
|
+
|
|
373
|
+
function claimCasePrompt() {
|
|
374
|
+
studioReadyForCase = true;
|
|
375
|
+
writeCasePrompt();
|
|
376
|
+
}
|
|
377
|
+
let currentRecipe = null;
|
|
378
|
+
|
|
379
|
+
let optimizeMember = false;
|
|
380
|
+
let optimizeTipTimer = 0;
|
|
381
|
+
|
|
382
|
+
function showOptimizeTip(message) {
|
|
383
|
+
const tip = document.getElementById('optimizeTip');
|
|
384
|
+
if (!tip) return;
|
|
385
|
+
tip.hidden = false;
|
|
386
|
+
tip.textContent = message;
|
|
387
|
+
window.clearTimeout(optimizeTipTimer);
|
|
388
|
+
optimizeTipTimer = window.setTimeout(() => {
|
|
389
|
+
tip.hidden = true;
|
|
390
|
+
}, 2600);
|
|
391
|
+
}
|
|
392
|
+
|
|
393
|
+
async function onOptimizePrompt() {
|
|
394
|
+
const btn = document.getElementById('optimizeBtn');
|
|
395
|
+
const prompt = document.getElementById('prompt');
|
|
396
|
+
if (!btn || !prompt) return;
|
|
397
|
+
if (!optimizeMember) {
|
|
398
|
+
showOptimizeTip('会员专属,请先开通会员');
|
|
399
|
+
return;
|
|
400
|
+
}
|
|
401
|
+
if (btn.dataset.busy === '1') return;
|
|
402
|
+
btn.dataset.busy = '1';
|
|
403
|
+
const previous = btn.textContent;
|
|
404
|
+
btn.textContent = '优化中';
|
|
405
|
+
try {
|
|
406
|
+
const recipe = currentRecipe || {};
|
|
407
|
+
const data = await api('/api/optimize-prompt', {
|
|
408
|
+
method: 'POST',
|
|
409
|
+
headers: { 'content-type': 'application/json' },
|
|
410
|
+
body: JSON.stringify({
|
|
411
|
+
text: prompt.value,
|
|
412
|
+
templatePrompt: recipe.prompt || '',
|
|
413
|
+
narration: recipe.narration || '',
|
|
414
|
+
attachment: recipe.attachment || '',
|
|
415
|
+
}),
|
|
416
|
+
});
|
|
417
|
+
const next = String((data && data.prompt) || '').trim();
|
|
418
|
+
if (!next) throw new Error('没有得到可用的提示词');
|
|
419
|
+
prompt.value = next;
|
|
420
|
+
prompt.dispatchEvent(new Event('input'));
|
|
421
|
+
if (data && data.kept) showOptimizeTip('没选模板,按你写的原文出片');
|
|
422
|
+
} catch (error) {
|
|
423
|
+
const message = (error && error.message) || '无法优化提示词';
|
|
424
|
+
if (message.indexOf('会员专属') >= 0) {
|
|
425
|
+
optimizeMember = false;
|
|
426
|
+
btn.classList.add('is-locked');
|
|
427
|
+
btn.setAttribute('aria-disabled', 'true');
|
|
428
|
+
showOptimizeTip('会员专属,请先开通会员');
|
|
429
|
+
} else {
|
|
430
|
+
const err = document.getElementById('err');
|
|
431
|
+
if (err) {
|
|
432
|
+
err.hidden = false;
|
|
433
|
+
err.textContent = message;
|
|
434
|
+
} else {
|
|
435
|
+
showOptimizeTip(message);
|
|
436
|
+
}
|
|
437
|
+
}
|
|
438
|
+
} finally {
|
|
439
|
+
btn.dataset.busy = '';
|
|
440
|
+
btn.textContent = previous || '优化提示词';
|
|
441
|
+
}
|
|
442
|
+
}
|
|
443
|
+
|
|
444
|
+
function mountOptimize() {
|
|
445
|
+
const prompt = document.getElementById('prompt');
|
|
446
|
+
if (!prompt || document.getElementById('optimizeBtn')) return;
|
|
447
|
+
const stage = document.createElement('div');
|
|
448
|
+
stage.className = 'prompt-stage';
|
|
449
|
+
prompt.parentNode.insertBefore(stage, prompt);
|
|
450
|
+
stage.appendChild(prompt);
|
|
451
|
+
const btn = document.createElement('button');
|
|
452
|
+
btn.type = 'button';
|
|
453
|
+
btn.id = 'optimizeBtn';
|
|
454
|
+
btn.className = 'optimize is-locked';
|
|
455
|
+
btn.setAttribute('aria-disabled', 'true');
|
|
456
|
+
btn.textContent = '优化提示词';
|
|
457
|
+
const tip = document.createElement('div');
|
|
458
|
+
tip.id = 'optimizeTip';
|
|
459
|
+
tip.className = 'optimize-tip';
|
|
460
|
+
tip.hidden = true;
|
|
461
|
+
stage.appendChild(btn);
|
|
462
|
+
stage.appendChild(tip);
|
|
463
|
+
btn.addEventListener('click', () => {
|
|
464
|
+
void onOptimizePrompt();
|
|
465
|
+
});
|
|
466
|
+
fetch('/api/health')
|
|
467
|
+
.then((res) => res.json())
|
|
468
|
+
.then((data) => {
|
|
469
|
+
optimizeMember = !!(data && data.member === true);
|
|
470
|
+
btn.classList.toggle('is-locked', !optimizeMember);
|
|
471
|
+
btn.setAttribute('aria-disabled', optimizeMember ? 'false' : 'true');
|
|
472
|
+
})
|
|
473
|
+
.catch(() => {
|
|
474
|
+
optimizeMember = false;
|
|
475
|
+
});
|
|
476
|
+
}
|
|
477
|
+
|
|
478
|
+
mountOptimize();
|
|
479
|
+
|
|
480
|
+
})(window);
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="zh-CN">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
6
|
+
<title>BiuArt · 艺术动画</title>
|
|
7
|
+
<link rel="stylesheet" href="composer.css" />
|
|
8
|
+
<link rel="stylesheet" href="styles.css" />
|
|
9
|
+
</head>
|
|
10
|
+
<body>
|
|
11
|
+
<main class="desk">
|
|
12
|
+
<header class="hero">
|
|
13
|
+
<div class="hero-copy">
|
|
14
|
+
<div class="eyebrow">BIUART · ART MOTION</div>
|
|
15
|
+
<h1>把画风写成会动的代码</h1>
|
|
16
|
+
<p class="hero-desc">选一种画风,写下要讲的事。BiuArt 先出镜头表,再逐帧渲成片;画面由代码绘制,不靠拼图转场。</p>
|
|
17
|
+
<div class="sub" id="engine-line">正在检查引擎…</div>
|
|
18
|
+
</div>
|
|
19
|
+
<div class="hero-aside">
|
|
20
|
+
<div class="hero-badge">
|
|
21
|
+
<span>BIUART</span>
|
|
22
|
+
<strong>ART</strong>
|
|
23
|
+
<em>code-drawn animation</em>
|
|
24
|
+
</div>
|
|
25
|
+
<div class="chips" id="health-chips"></div>
|
|
26
|
+
</div>
|
|
27
|
+
</header>
|
|
28
|
+
|
|
29
|
+
<div class="layout">
|
|
30
|
+
<section class="composer">
|
|
31
|
+
<textarea id="prompt" maxlength="1200" rows="7" placeholder="例:用梵高的笔触讲「一株向日葵从种子到盛开」,不要口播,靠画面和字幕。"></textarea>
|
|
32
|
+
<div class="composer-foot">
|
|
33
|
+
<div class="left-tools">
|
|
34
|
+
<div class="plus-wrap">
|
|
35
|
+
<button type="button" class="plus" id="plusBtn" aria-label="更多">
|
|
36
|
+
<svg viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M8 3.2v9.6M3.2 8h9.6" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>
|
|
37
|
+
</button>
|
|
38
|
+
<div class="plus-menu" id="plusMenu" hidden>
|
|
39
|
+
<button type="button" id="uploadAssetBtn">
|
|
40
|
+
<span class="plus-ico">↑</span>
|
|
41
|
+
<span><strong>上传素材</strong><small>配乐、口播、参考图</small></span>
|
|
42
|
+
</button>
|
|
43
|
+
<button type="button" id="uploadCharBtn">
|
|
44
|
+
<span class="plus-ico">☺</span>
|
|
45
|
+
<span><strong>人物</strong><small id="charHint">不出现人物</small></span>
|
|
46
|
+
</button>
|
|
47
|
+
<button type="button" id="storyboardBtn">
|
|
48
|
+
<span class="plus-ico">⧉</span>
|
|
49
|
+
<span><strong>先出镜头表</strong><small id="sbHint">已开启:确认后再渲整片</small></span>
|
|
50
|
+
</button>
|
|
51
|
+
</div>
|
|
52
|
+
</div>
|
|
53
|
+
<span class="count" id="count">0/1200</span>
|
|
54
|
+
<span class="size-label">时长</span>
|
|
55
|
+
<div id="durPick" class="size-pick"></div>
|
|
56
|
+
<span class="size-label">画幅</span>
|
|
57
|
+
<div id="formatPick" class="size-pick"></div>
|
|
58
|
+
</div>
|
|
59
|
+
<div class="right-tools">
|
|
60
|
+
<div id="stylePick" class="theme-pick"></div>
|
|
61
|
+
<button type="submit" class="primary" id="submit">开始创作</button>
|
|
62
|
+
</div>
|
|
63
|
+
</div>
|
|
64
|
+
<div class="assets" id="assets" hidden>
|
|
65
|
+
<span class="assets-label">素材</span>
|
|
66
|
+
</div>
|
|
67
|
+
<input id="assetFiles" class="file-hidden" type="file" accept="audio/*,image/*,video/*" multiple />
|
|
68
|
+
<input id="charFiles" class="file-hidden" type="file" accept="image/*" multiple />
|
|
69
|
+
<p class="err" id="error" hidden></p>
|
|
70
|
+
</section>
|
|
71
|
+
|
|
72
|
+
<aside class="side">
|
|
73
|
+
<section class="panel" id="style-panel">
|
|
74
|
+
<div class="panel-head">
|
|
75
|
+
<h2>画风样本</h2>
|
|
76
|
+
<span class="panel-note" id="style-group">—</span>
|
|
77
|
+
</div>
|
|
78
|
+
<div class="style-summary" id="style-summary">选一个画风看说明。</div>
|
|
79
|
+
<button type="button" class="ghost" id="preview">试渲染 2 秒</button>
|
|
80
|
+
<video id="preview-video" class="preview-video" controls playsinline hidden></video>
|
|
81
|
+
<div class="preview-status" id="preview-status"></div>
|
|
82
|
+
</section>
|
|
83
|
+
|
|
84
|
+
<section class="panel">
|
|
85
|
+
<div class="panel-head">
|
|
86
|
+
<h2>任务</h2>
|
|
87
|
+
<button type="button" class="link-btn" id="refresh">刷新</button>
|
|
88
|
+
</div>
|
|
89
|
+
<div class="jobs" id="jobs"><div class="empty">还没有任务。</div></div>
|
|
90
|
+
</section>
|
|
91
|
+
</aside>
|
|
92
|
+
</div>
|
|
93
|
+
</main>
|
|
94
|
+
<script src="select-menu.js"></script>
|
|
95
|
+
<script src="app.js"></script>
|
|
96
|
+
</body>
|
|
97
|
+
</html>
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
/** 把用户原话收成当前模板能直接出片的一句。会员接口才调用。 */
|
|
2
|
+
|
|
3
|
+
function same(a, b) {
|
|
4
|
+
return String(a || '').replace(/\s+/g, '') === String(b || '').replace(/\s+/g, '');
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
function quotes(text) {
|
|
8
|
+
return [...String(text || '').matchAll(/「([^」]+)」/g)]
|
|
9
|
+
.map((match) => match[1].trim())
|
|
10
|
+
.filter(Boolean);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
function clip(text, max = 80) {
|
|
14
|
+
const chars = [...String(text || '').replace(/\s+/g, ' ').trim()];
|
|
15
|
+
if (chars.length <= max) return chars.join('');
|
|
16
|
+
return chars.slice(0, max).join('').replace(/[,,、::;;\s]+$/u, '');
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
function topicFromFreeText(text) {
|
|
20
|
+
let value = String(text || '').replace(/\s+/g, ' ').trim();
|
|
21
|
+
value = value.replace(/^用[\u4e00-\u9fffA-Za-z0-9]{1,16}讲/, '');
|
|
22
|
+
value = value.replace(/^[「『"']+|[」』"']+$/g, '').trim();
|
|
23
|
+
const sentence = (value.split(/[。!?!?]/)[0] || value).trim();
|
|
24
|
+
return sentence.replace(/^[「『"']+|[」』"']+$/g, '').trim();
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
function fail(message) {
|
|
28
|
+
const error = new Error(message);
|
|
29
|
+
error.code = 'PROMPT';
|
|
30
|
+
throw error;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
export function optimizePrompt(input) {
|
|
34
|
+
const text = String(input?.text || '').trim();
|
|
35
|
+
const skeleton = String(input?.templatePrompt || '').trim();
|
|
36
|
+
const narration = String(input?.narration || '');
|
|
37
|
+
const attachment = String(input?.attachment || '');
|
|
38
|
+
if (!text) fail('先写下要讲的事');
|
|
39
|
+
if (!(skeleton && /「[^」]*」/.test(skeleton))) return { prompt: cap(text), kept: true };
|
|
40
|
+
|
|
41
|
+
const samples = quotes(skeleton);
|
|
42
|
+
let topic = quotes(text).find((quote) => !samples.some((sample) => same(sample, quote))) || '';
|
|
43
|
+
if (!topic) {
|
|
44
|
+
const free = topicFromFreeText(text);
|
|
45
|
+
const stillSample = !free || samples.some((sample) => same(sample, free)) || (skeleton && same(text, skeleton));
|
|
46
|
+
if (stillSample) fail(skeleton ? '先把引号里换成你要讲的事' : '先写下要讲的事');
|
|
47
|
+
topic = free;
|
|
48
|
+
}
|
|
49
|
+
topic = clip(topic);
|
|
50
|
+
if (!topic) fail('先写下要讲的事');
|
|
51
|
+
|
|
52
|
+
let prompt = skeleton.replace(/「[^」]*」/, `「${topic}」`);
|
|
53
|
+
const detail = extraDetail(text, skeleton, topic);
|
|
54
|
+
if (detail) prompt = `${prompt.replace(/。?$/, '。')}${detail}。`;
|
|
55
|
+
if (narration === 'off' && !/没有口播|不要口播|没有旁白|不要旁白/.test(prompt)) prompt += '没有口播。';
|
|
56
|
+
if (narration === 'required' && !/口播|旁白/.test(prompt)) prompt += '口播用你上传的录音。';
|
|
57
|
+
if (attachment === 'required' && !/附件|上传/.test(prompt)) prompt += '必须的附件跟这一条一起交。';
|
|
58
|
+
return { prompt: cap(prompt.replace(/[ \t]+/g, ' ').trim()) };
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
function extraDetail(text, skeleton, topic) {
|
|
62
|
+
const known = skeleton.replace(/\s+/g, '');
|
|
63
|
+
const sentences = String(text || '')
|
|
64
|
+
.replace(/\s+/g, ' ')
|
|
65
|
+
.split(/[。!?!?]/)
|
|
66
|
+
.map((sentence) => sentence.trim())
|
|
67
|
+
.filter(Boolean);
|
|
68
|
+
for (const sentence of sentences) {
|
|
69
|
+
const bare = sentence
|
|
70
|
+
.replace(/^用[\u4e00-\u9fffA-Za-z0-9]{1,16}讲/, '')
|
|
71
|
+
.replace(/[「」『』]/g, '')
|
|
72
|
+
.trim();
|
|
73
|
+
if (!bare || same(bare, topic)) continue;
|
|
74
|
+
if (known.includes(bare.replace(/\s+/g, ''))) continue;
|
|
75
|
+
if (/另外|再讲|同时再|以及/.test(bare)) continue;
|
|
76
|
+
return clip(bare, 48);
|
|
77
|
+
}
|
|
78
|
+
return '';
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
function cap(prompt) {
|
|
82
|
+
if ([...prompt].length <= 4000) return prompt;
|
|
83
|
+
return [...prompt].slice(0, 4000).join('');
|
|
84
|
+
}
|