2d:null 2e:["$","title",null,{"children":"Tube Explorer | Tom Larkworthy | Observable"}] 33:T6fc,viewof enabledCatagories = render(({ useSetter }) => { const [value, setValue] = useState(config.catagories || catagories); const [expanded, setExpanded] = useState(false); useSetter(value); function optionCheckChange(event) { const catagory = event.target.name; setValue(event.target.checked ? [...value, catagory] : value.filter(x => x != catagory)); } return jsx`

Pickable catagories: ${value.length < 5 ? value.join(", ") : value.length}

${catagories.map((option, index) => { return jsx` ${index % 3 == 2 && jsx``} ` })} `; })34:T455,viewof bias = render(({ useSetter }) => { const suggestedBias = ["", "documentary", "DIY", "tutorial", "meme", "experiment", "dancing", "explained", "vlog"] const [value, setValue] = useState(config.bias || suggestedBias[0]); useSetter(value); return jsx`

Bias term

setValue(event.target.value), [setValue])} />

`; })35:T445,player = await new Promise(async (resolve, reject) => { var shouldAutoplay = false; function onStateChange(event) { var state = "undefiend"; switch (event.data) { case YT.PlayerState.UNSTARTED: state= "unstarted"; break; case YT.PlayerState.ENDED: state = "ended"; break; case YT.PlayerState.PLAYING: state = "playing"; shouldAutoplay = true; break; case YT.PlayerState.PAUSED: state = "paused"; shouldAutoplay = false; break; case YT.PlayerState.BUFFERING: state = "buffering"; break; case YT.PlayerState.CUED: state = "video cued"; if (shouldAutoplay) player.playVideo(); break; default: state = "unknown (" + event.data + ")"; } console.log('onStateChange: ' + state); } var player = new YT.Player('tube', { height: '100%', width: '640', videoId: 'M7lc1UVf-VE', events: { 'onReady': () => resolve(player), 'onStateChange': onStateChange } }); });36:[] 31:{"id":"ea90d49340f3c088","slug":"random-place-on-youtube","title":"Tube Explorer","thumbnail":"3cb59f9bd150b6753667ebaee9d83052591376593eea8cca94e893fcc22c362a","access_level":"public","create_time":"$D2020-01-30T22:50:51.477Z","update_time":"$D2021-02-21T07:12:33.065Z","view_time":null,"first_public_time":"$D2020-01-30T23:25:15.017Z","has_unpublished_edits":null,"fork":false,"stars":4,"starred":false,"owner":{"type":"team","id":"7db5ed2b0697d645","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":"starter_2024"},"version":856,"publish_version":856,"role":null,"authored":false,"authors":[{"type":"individual","id":"5215f6ec4a999d40","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":null}],"members":[{"type":"individual","id":"5215f6ec4a999d40","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":5,"collection":{"id":"d3f1d11474f41bef","slug":"apps","title":"Apps","owner":{"id":"7db5ed2b0697d645","login":"tomlarkworthy","name":"Tom Larkworthy"}},"type":"notebook","body":{"title":"Tube Explorer","cells":[{"id":0,"value":"html`\n

Tube Explorer

Current search: ${search}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":852,"value":"md`DOESN'T WORK SINCE YOUTUBE DEPRECATED search PARAMETER (see https://developers.google.com/youtube/player_parameters#listType) `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":322,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":250,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":176,"value":"// TODO: Figure out short videos only\n// TODO: Figure out autoplay\n// TODO: Save search in URL for sharing\n// Documentaty, DIY are good biases\nhtml`another video`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"html`\n