diff --git a/.env.local b/.env.local
new file mode 100644
index 00000000..1703798e
--- /dev/null
+++ b/.env.local
@@ -0,0 +1 @@
+VITE_DUFFLEPUD_URL=http://localhost:8000
diff --git a/.env.production b/.env.production
new file mode 100644
index 00000000..4503780f
--- /dev/null
+++ b/.env.production
@@ -0,0 +1 @@
+VITE_DUFFLEPUD_URL=https://dufflepud.onrender.com
diff --git a/.gitignore b/.gitignore
index b6f33f9e..13a88267 100644
--- a/.gitignore
+++ b/.gitignore
@@ -10,7 +10,6 @@ lerna-debug.log*
node_modules
dist
dist-ssr
-*.local
# Editor directories and files
.vscode/*
diff --git a/src/partials/Note.svelte b/src/partials/Note.svelte
index b8d53c3f..b7c4cd54 100644
--- a/src/partials/Note.svelte
+++ b/src/partials/Note.svelte
@@ -1,11 +1,11 @@
-
-
-
-
-
-
+
+
+
+
diff --git a/src/routes/Settings.svelte b/src/routes/Settings.svelte
index 34df4005..ea94c438 100644
--- a/src/routes/Settings.svelte
+++ b/src/routes/Settings.svelte
@@ -3,6 +3,7 @@
import {fly} from 'svelte/transition'
import {navigate} from "svelte-routing"
import Toggle from "src/partials/Toggle.svelte"
+ import Input from "src/partials/Input.svelte"
import Button from "src/partials/Button.svelte"
import {user} from "src/state/user"
import {settings} from "src/state/app"
@@ -44,6 +45,16 @@
in any note.
+
+
Dufflepud URL
+
+
+
+
+ Enter a custom url for Coracle's helper application. Dufflepud is used for
+ hosting images and loading link previews.
+
+
diff --git a/src/state/app.js b/src/state/app.js
index 41064557..663bbc14 100644
--- a/src/state/app.js
+++ b/src/state/app.js
@@ -11,6 +11,7 @@ export const modal = writable(null)
export const settings = writable({
showLinkPreviews: true,
+ dufflepudUrl: import.meta.env.VITE_DUFFLEPUD_URL,
...getLocalJson("coracle/settings"),
})
diff --git a/src/util/html.js b/src/util/html.js
index 8f062d84..7f2ac2ee 100644
--- a/src/util/html.js
+++ b/src/util/html.js
@@ -1,4 +1,3 @@
-import {last} from 'ramda'
import {first} from 'hurdak/lib/hurdak'
export const copyToClipboard = text => {
@@ -81,17 +80,3 @@ export const toHtml = content => {
return `${domain}`
})
}
-
-export const getLinkPreview = async url => {
- const res = await fetch('http://localhost:8000/link/preview', {
- method: 'POST',
- body: JSON.stringify({url}),
- headers: {
- 'Content-Type': 'application/json',
- },
- })
-
- const json = await res.json()
-
- return {...json, hostname: first(last(url.split('//')).split('/')), sitename: null}
-}
diff --git a/src/util/misc.js b/src/util/misc.js
index aa54ae6c..ebe39e32 100644
--- a/src/util/misc.js
+++ b/src/util/misc.js
@@ -49,3 +49,4 @@ export const formatTimestamp = ts => {
}
export const sleep = ms => new Promise(resolve => setTimeout(resolve, ms))
+