personal web client for Bluesky
typescript solidjs bluesky atcute

refactor: remove id from mediaplay event

mary.my.id 419c7ac8 55af475c

verified
Changed files
+2 -8
src
components
globals
+1 -4
src/components/embeds/players/gif-player.tsx
··· 1 - import { nanoid } from 'nanoid/non-secure'; 2 1 import { createEffect, createSignal, onCleanup } from 'solid-js'; 3 2 4 3 import { globalEvents } from '~/globals/events'; ··· 14 13 } 15 14 16 15 const GifPlayer = ({ snippet }: GifPlayerProps) => { 17 - const playerId = nanoid(); 18 - 19 16 const [playing, setPlaying] = createSignal(false); 20 17 const [stalling, setStalling] = createSignal(false); 21 18 ··· 67 64 } 68 65 }} 69 66 onPlay={() => { 70 - globalEvents.emit('mediaplay', playerId); 67 + globalEvents.emit('mediaplay'); 71 68 setPlaying(true); 72 69 }} 73 70 onPause={() => {
-3
src/components/embeds/players/video-player.tsx
··· 1 1 import type * as h from 'hls.js'; 2 2 import Hls from 'hls.js/dist/hls.light.js'; 3 - import { nanoid } from 'nanoid/non-secure'; 4 3 import { createEffect, createSignal, onCleanup } from 'solid-js'; 5 4 6 5 import type { AppBskyEmbedVideo } from '@atcute/bluesky'; ··· 21 20 const { currentAccount } = useSession(); 22 21 23 22 const [playing, setPlaying] = createSignal(false); 24 - const playerId = nanoid(); 25 23 26 24 const hls = new Hls({ 27 25 capLevelToPlayerSize: true, ··· 90 88 playsinline 91 89 autoplay 92 90 onPlay={() => { 93 - globalEvents.emit('mediaplay', playerId); 94 91 setPlaying(true); 95 92 }} 96 93 onPause={() => {
+1 -1
src/globals/events.ts
··· 4 4 // User has published a post 5 5 postpublished: []; 6 6 // Media is being played 7 - mediaplay: [id: string]; 7 + mediaplay: []; 8 8 // User initiated scroll to top 9 9 softreset: []; 10 10 }>();