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
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 173
      app/client.imba
  2. 1
      app/state.imba
  3. 2
      package.json
  4. 2
      sw.imba

173
app/client.imba
View File

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

1
app/state.imba
View File

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

2
package.json
View File

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

2
sw.imba
View File

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

Write Preview
Loading…
Cancel
Save