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