familyfriendlymikey
2 years ago
5 changed files with 258 additions and 263 deletions
@ -0,0 +1,71 @@ |
|||
import db from './db' |
|||
import state from './state' |
|||
import { omit, orderBy } from 'lodash' |
|||
|
|||
export default new class api |
|||
|
|||
def add_link text |
|||
let link = await create_link_from_text text |
|||
link.id = nanoid! |
|||
await db.links.add link |
|||
await reload_db! |
|||
imba.commit! |
|||
p omit(link, "icon") |
|||
return link |
|||
|
|||
def update_link old_link, new_link_text |
|||
let new_link = await create_link_from_text new_link_text |
|||
new_link.frequency = old_link.frequency |
|||
let result = await db.links.update old_link.id, new_link |
|||
throw "Link id not found." if result is 0 |
|||
await reload_db! |
|||
imba.commit! |
|||
p omit(old_link, "icon") |
|||
p omit(new_link, "icon") |
|||
return new_link |
|||
|
|||
def handle_delete link |
|||
def delete_link |
|||
try |
|||
await db.links.delete(link.id) |
|||
catch e |
|||
err "deleting link", e |
|||
try |
|||
await reload_db! |
|||
catch e |
|||
err "reloading db after successful delete", e |
|||
state.loading = yes |
|||
await delete_link! |
|||
state.query = prior_query |
|||
prior_query = '' |
|||
editing_link = no |
|||
sort_links! |
|||
selection_index = Math.min selection_index, state.sorted_links.length - 1 |
|||
state.loading = no |
|||
|
|||
def pin_link link |
|||
link.is_pinned = !link.is_pinned |
|||
try |
|||
let result = await db.links.update link.id, link |
|||
throw "Link id not found." if result is 0 |
|||
catch e |
|||
return err "pinning link", e |
|||
await reload_db! |
|||
imba.commit! |
|||
|
|||
def reload_db |
|||
state.links = await db.links.toArray() |
|||
sort_links! |
|||
|
|||
def increment_link_frequency link |
|||
try |
|||
await db.links.update link.id, { frequency: link.frequency + 1 } |
|||
catch e |
|||
err "putting link", e |
|||
|
|||
def sort_links |
|||
if state.query.trim!.length <= 0 |
|||
return state.sorted_links = orderBy(state.links, ['is_pinned', 'frequency'], ['desc', 'desc']) |
|||
if config.enable_effective_names |
|||
return state.sorted_links = fzi state.links, state.query |
|||
state.sorted_links = fzi state.links, state.query, "display_name" |
|||
@ -0,0 +1,134 @@ |
|||
tag app-links |
|||
|
|||
selection_index = 0 |
|||
bang = no |
|||
|
|||
def mount |
|||
$links-input.focus! |
|||
|
|||
def render |
|||
|
|||
<self> |
|||
|
|||
<.header> |
|||
css |
|||
d:flex fld:row w:100% |
|||
|
|||
css .side |
|||
c:purple3/90 fs:15px |
|||
d:flex ja:center w:30px |
|||
cursor:pointer |
|||
|
|||
css .side svg |
|||
w:15px |
|||
|
|||
css .left |
|||
d:flex jc:left |
|||
|
|||
css .right |
|||
d:flex jc:right |
|||
|
|||
<.side.left |
|||
@click=handle_click_toggle_simplify_ui |
|||
> |
|||
if config.enable_simplify_ui |
|||
<svg src="./assets/eye-off.svg"> |
|||
else |
|||
<svg src="./assets/eye.svg"> |
|||
|
|||
<input$links-input |
|||
bind=state.query |
|||
@hotkey('return').capture.if(!state.loading)=handle_return |
|||
@hotkey('shift+return').capture.if(!state.loading)=handle_shift_return |
|||
@hotkey('esc').capture.if(!state.loading)=handle_esc |
|||
@hotkey('shift+backspace').capture.if(!state.loading)=handle_shift_backspace |
|||
@hotkey('down').capture.if(!state.loading)=increment_selection_index |
|||
@hotkey('up').capture.if(!state.loading)=decrement_selection_index |
|||
@keydown.del.if(!state.loading)=handle_del |
|||
@input.if(!state.loading)=handle_input |
|||
@paste.if(!state.loading)=handle_paste |
|||
@blur=this.focus |
|||
@cut=handle_cut |
|||
disabled=state.loading |
|||
> |
|||
|
|||
let m = math_result |
|||
if m isnt no and m.toString! isnt state.query.trim! |
|||
<.side.right[c:blue3 fs:20px ml:10px w:unset] |
|||
@click=handle_click_copy(m) |
|||
> "= {Math.round(m * 100)/100}" |
|||
else |
|||
<.side.right @click.if(!state.loading)=toggle_settings> |
|||
<svg src="./assets/settings.svg"> |
|||
|
|||
if config.enable_tips and not config.enable_simplify_ui |
|||
<.middle-button> |
|||
<.tip[jc:start ta:left fl:1] @click=handle_return> |
|||
<.tip-hotkey> "Return" |
|||
<.tip-content> "Navigate To Link" |
|||
<.tip[jc:center ta:center fl:2 px:15px] |
|||
@click=handle_shift_return |
|||
> |
|||
<.tip-hotkey> "Shift + Return" |
|||
<.tip-content[of:hidden text-overflow:ellipsis white-space:nowrap]> |
|||
<span> "Add New Link" |
|||
<span[ws:pre]> " " |
|||
let sq = state.query.trim!.split /\s+/ |
|||
if sq.length >= 2 |
|||
let url = sq.pop! |
|||
<span> '"' |
|||
<span> sq.join ' ' |
|||
<span[ws:pre]> ' ' |
|||
<span[c:blue3]> url |
|||
<span> '"' |
|||
else |
|||
<span> '"' |
|||
<span> sq.join ' ' |
|||
<span> '"' |
|||
<.tip[jc:end ta:right fl:1] |
|||
@click=handle_shift_backspace |
|||
> |
|||
<.tip-hotkey> "Shift + Backspace" |
|||
<.tip-content> "Edit Link" |
|||
|
|||
<.links> |
|||
if not viewing_community_links and (bang or state.sorted_links.length < 1) |
|||
<a.link.selected |
|||
href=encoded_bang_query |
|||
@click=handle_click_bang |
|||
> |
|||
<.link-left> |
|||
<img.link-icon src=active_bang.icon> |
|||
<.display-name.bang-text> encoded_bang_query |
|||
<.link-right[jc:flex-end]> |
|||
<.frequency> active_bang.frequency |
|||
else |
|||
for link, index in state.sorted_links |
|||
<a.link |
|||
href=link.url |
|||
@pointerover=(selection_index = index) |
|||
@click.prevent=handle_click_link(link) |
|||
.selected=(index is selection_index) |
|||
> |
|||
<.link-left> |
|||
<img.link-icon src=link.icon> |
|||
<.display-name |
|||
[c:#FAD4AB]=link.is_bang |
|||
> link.display_name |
|||
if link.display_name isnt link.name and config.enable_effective_names |
|||
<.name> |
|||
<span.parens> "(" |
|||
<span> link.name |
|||
<span.parens> ")" |
|||
<.link-right> |
|||
<.link-buttons .buttons-disabled=(not config.enable_buttons or config.enable_simplify_ui)> |
|||
<.link-button@click.prevent.stop=handle_click_edit(link)> |
|||
<svg src='./assets/edit-2.svg'> |
|||
<.link-button@click.prevent.stop=handle_click_delete(link)> |
|||
<svg src='./assets/trash.svg'> |
|||
<.link-button |
|||
@click.prevent.stop=handle_click_pin(link) |
|||
[visibility:visible c:purple3/50]=(link.is_pinned and (index isnt selection_index or not config.enable_buttons or config.enable_simplify_ui)) |
|||
> |
|||
<svg src='./assets/star.svg'> |
|||
<.frequency> link.frequency |
|||
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue