Rearrange components

src/components/FileSelector/LocalFileSelector.jsx

@@ -0,0 +1,15 @@
+import { h } from 'preact'
+
+export default function ({ setTargetName, setTargetUrl }) {
+  const fileInputHandler = ({ target }) => {
+    const file = target.files[0]
+    setTargetName(file.name)
+    setTargetUrl(`${URL.createObjectURL(file)}#${file.name}`)
+    target.value = null
+  }
+
+  return (
+    <input
+      type='file'
+      onChange={fileInputHandler} />)
+}

src/components/FileSelector/TargetURLSelector.jsx

@@ -0,0 +1,23 @@
+import { h } from 'preact'
+
+export default function ({ setTargetName, setTargetUrl }) {
+  const urlRE = /^(http|https):\/\/[^ "]+$/
+
+  const emit = url => {
+    setTargetName(url)
+    setTargetUrl(url)
+  }
+
+  const urlInputHandler = ({ target }) => {
+    const url = target.value
+    emit(urlRE.test(url)
+      ? url
+      : null)
+  }
+
+  return (
+    <input
+      type='text'
+      placeholder='https://...'
+      onInput={urlInputHandler} />)
+}