madmaniak
/
fuzzyhome-site
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

link styling on search engines

main
Mikey Oz 3 years ago
parent
fa62514b6b
commit
7d1d60df53
4 changed files with 117 additions and 61 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 135
      app/client.imba
  2. 1
      app/state.imba
  3. 2
      package.json
  4. 2
      sw.imba

135
app/client.imba
View File

@ -12,7 +12,7 @@ let db = new idb_wrapper 'fuzzyhome', 'links', 1
db.open!
global css body
d:flex fld:column jc:center ai:center
d:flex fld:column jc:flex-start ai:center
m:0 w:100% h:100% bg:#20222f
ff:sans-serif fw:1
@ -20,6 +20,8 @@ tag app
settings_active = no
get render? do mounted?
def mount
$input.focus!
unless global.localStorage.fuzzyhome_visited
@ -28,8 +30,20 @@ tag app
await put_link { name: "youtube", link: "youtube.com" }
global.localStorage.fuzzyhome_visited = yes
if global.localStorage.fuzzyhome_search_engine_url
state.search_engine_url = global.localStorage.fuzzyhome_search_engine_url
if not global.localStorage.fuzzyhome_config
let search_engine_url = 'www.google.com/search?q='
let search_engine_hostname = 'www.google.com'
let search_engine_frequency = 0
let search_engine_icon = await fetch_image_as_base_64 'google.com'
state.config = {
search_engine_url
search_engine_hostname
search_engine_icon
search_engine_frequency
}
save_config!
else
load_config!
state.links = await db.reload!
sort_links!
@ -55,7 +69,9 @@ tag app
navigate link
def use_search_engine
window.location.href = state.search_engine_url + state.query
state.config.search_engine_frequency += 1
save_config!
window.location.href = "//{state.config.search_engine_url}{state.query}"
def handle_return
if state.scored_links.length < 1
@ -73,19 +89,22 @@ tag app
return no
def fetch_image_as_base_64 url
return new Promise! do |resolve, reject|
let fallback = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAH0lEQVR42mO8seXffwYqAsZRA0cNHDVw1MBRA0eqgQCDRkbJSQHxEQAAAABJRU5ErkJggg=='
return new Promise! do |resolve|
let res
try
res = await global.fetch("https://icon.horse/icon/{url}")
catch
reject 'icon not found error'
p "Failed to get icon from icon horse."
resolve fallback
return
let blob = await res.blob!
let reader = new FileReader!
reader.onload = do
resolve this.result
reader.onerror = do
reject 'blob to base64 error'
p "Failed to get data from reader."
resolve fallback
return
reader.readAsDataURL(blob)
@ -110,15 +129,22 @@ tag app
reload_db!
loading_create = no
def can_put_link text
let split_text = text.trim!.split(/\s+/)
return no if split_text.length < 2
split_text.pop!
let name = split_text.join " "
return no if name_exists name
return no if name.toLowerCase! === 'search'
yes
def put_link { link, name, frequency=1, last_opened=Date.now! }
link = link.replace(/(^\w+:|^)\/\//, '')
let url = new URL("https://{link}")
name = name.trim!
return if name_exists name
let img
try
img = await fetch_image_as_base_64(url.hostname)
catch
img = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAH0lEQVR42mO8seXffwYqAsZRA0cNHDVw1MBRA0eqgQCDRkbJSQHxEQAAAABJRU5ErkJggg=='
return if name.toLowerCase! === 'search'
link = link.trim!.replace(/(^\w+:|^)\/\//, '')
let url = new URL("https://{link}")
let img = await fetch_image_as_base_64(url.hostname)
await db.put { name, link, frequency, last_opened, img }
def handle_input
@ -150,17 +176,27 @@ tag app
download_json_file JSON.stringify(state.links), "fuzzyhome_"
settings_active = no
def handle_click_search_config
let url = window.prompt("Please enter the URL of your search engine.")
return unless url
state.search_engine_url = url.trim!
global.localStorage.fuzzyhome_search_engine_url = state.search_engine_url
def save_config
global.localStorage.fuzzyhome_config = JSON.stringify(state.config)
def load_config
state.config = JSON.parse(global.localStorage.fuzzyhome_config)
def handle_click_config
let link = window.prompt("Please enter the URL of your search engine.")
return unless link
link = link.trim!.replace(/(^\w+:|^)\/\//, '')
let url = new URL("https://{link}")
state.config.search_engine_icon = await fetch_image_as_base_64 url.hostname
state.config.search_engine_url = link
state.config.search_engine_hostname = url.hostname
save_config!
settings_active = no
def handle_paste e
return if state.query.length > 0
global.setTimeout(&, 0) do
window.location.href = state.search_engine_url + state.query.trim!
window.location.href = state.config.search_engine_url + state.query.trim!
def toggle_settings
if settings_active
@ -174,11 +210,13 @@ tag app
css self
d:flex fld:column jc:flex-start ai:center
bxs:0px 0px 10px rgba(0,0,0,0.35)
w:80% h:80% max-width:700px min-height:205px
w:80vw h:auto max-width:700px
p:30px box-sizing:border-box rd:10px
mt:10vh max-height:80vh
css .buttons
d:flex fld:row jc:space-around w:100% h:50px
bg:purple4/10 rd:5px
css .button
d:flex fld:column jc:center ai:center
@ -195,7 +233,7 @@ tag app
css .links
d:flex fld:column jc:flex-start
w:100% mt:10px ofy:auto fl:1
w:100% ofy:auto fl:1
px:20px
css .link
@ -209,14 +247,21 @@ tag app
css .frequency
fs:15px c:blue3
css img
css .link-icon
mr:10px rd:3px h:20px w:20px bd:none
css .disabled
@important c:gray4 cursor:default
css .settings-or-create
h:35px
d:flex fld:column jc:center ai:center
css .create
c:purple4 cursor:pointer py:10px
d:inline fs:20px c:purple4 cursor:pointer
css .toggle-settings
fs:25px c:purple4 cursor:pointer d:inline mt:-10px
css .delete
bd:1px solid purple4/50
@ -227,6 +272,12 @@ tag app
css .link@hover .delete
o:100
css .link-left
d:flex fl:1 cursor:pointer
css .link-right
d:flex
<[d:flex fld:column jc:space-between ai:center w:100%]>
if settings_active
<.buttons>
@ -241,9 +292,10 @@ tag app
type="file"
>
<.button@click=handle_click_export> "EXPORT"
<.button@click=handle_click_search_config> "SEARCH_CONFIG"
<.button@click=handle_click_config> "CONFIG"
<.button@click=(global.location.href="https://github.com/familyfriendlymikey/fuzzyhome")> "HELP"
else
<[d:flex fld:row jc:space-between ai:center w:100%]>
<input$input
@hotkey('mod+k').capture=$input..focus
bind=state.query
@ -254,30 +306,35 @@ tag app
@input=handle_input
@paste=handle_paste
>
<[fs:25px c:purple4 cursor:pointer]@click=toggle_settings> "..."
let split_query = state.query.trim!.split(/\s+/)
if split_query.length > 1
let last = split_query.pop!
let joined = split_query.join " "
if name_exists joined
<.create.disabled> "name already exists"
else
<.settings-or-create>
if can_put_link(state.query) and not settings_active
if loading_create
<.create.disabled>
<span> "+ {joined} {last}"
" +"
else
<.create@click=handle_click_create>
<span> "+ {joined} "
<span[c:purple2]> last
" +"
else
<.toggle-settings@click=toggle_settings> "..."
if state.scored_links.length > 0
<.links>
for obj in state.scored_links
<.link>
<[d:flex fl:1 cursor:pointer]@click.prevent=handle_click_link(obj)>
<img height=20 width=20 src=obj.img>
<.link-left@click.prevent=handle_click_link(obj)>
<img.link-icon height=20 width=20 src=obj.img>
<a href=obj.link> obj.name
<[d:flex]>
<.link-right>
<.delete@click=handle_click_delete(obj)> "x"
<.frequency> obj.frequency
else
<.links>
<.link>
<.link-left>
<img.link-icon src=state.config.search_engine_icon>
<a[tt:none]> "Search {state.config.search_engine_hostname}"
<.link-right>
<.frequency> state.config.search_engine_frequency
imba.mount <app>

1
app/state.imba
View File

@ -2,5 +2,4 @@ let state = {}
state.query = ''
state.links = []
state.scored_links = []
state.search_engine_url = 'https://www.google.com/search?q='
export default state

2
package.json
View File

@ -1,6 +1,6 @@
{
"name": "fuzzyhome",
"version": "0.0.22",
"version": "0.0.23",
"scripts": {
"start": "imba run -SMH --baseurl . -w server.imba",
"build-app": "imba build -SMH --baseurl . server.imba",

2
sw.imba
View File

@ -1,7 +1,7 @@
let p = console.log
const app_prefix = "fuzzyhome_cache"
const version = "0.0.22"
const version = "0.0.23"
const cache_name = "{app_prefix}-{version}"

Write Preview
Loading…
Cancel
Save