keyserj/filters-in-url

🚀 Help pilot test Ameliorate! Read more

Ameliorate Alpha

Docs

Ameliorate Alpha

Docs

keyserj/filters-in-url

Basics

Comments

No comments yet!

Quick View

fulfills

obstacle of

fulfills

obstacle of

fulfills

addresses

fulfills

addresses

fulfills

addresses

relates to

criterion for

fulfills

obstacle of

addresses

fulfills

criterion for

addresses

criterion for

created by

fulfills

addresses

criterion for

fulfills

has

obstacle of

fulfills

obstacle of

fulfills

addresses

fulfills

criterion for

addresses

criterion for

fulfills

has

fulfills

addresses

fulfills

creates

fulfills

created by

fulfills

has

addresses

fulfills

creates

addresses

fulfills

obstacle of

fulfills

addresses

obstacle of

created by

has

fulfills

addresses

fulfills

addresses

obstacle of

fulfills

addresses

fulfills

addresses

created by

fulfills

criterion for

fulfills

obstacle of

addresses

fulfills

addresses

obstacle of

fulfills

addresses

obstacle of

Solution

remove `view=`?

Obstacle

what to do with persist data when switching topics

Criterion

no need to manually parse URL

Solution

persist per topic

Problem

can share exact view (filter, format, layout) from a URL

Problem

remember filter after refresh

Obstacle

unencoded params might not be handled by other sites

Problem

remember view after refresh

Obstacle

filter is too long

Detriment

URL does not explain what you'll be seeing

Solution

stringify filter, base64 encode

Solution

add undo/redo to nav store, skipping when manually change filter

Solution

custom pretty-json filter

Problem

format to add filter to URL params

Obstacle

when to use persist vs view in URL

Problem

back/forward when jump views (claim or table button)

Obstacle

adding too much to URL history

Obstacle

awkward: `selected` in URL, other store values persisted

Component

persist nav store

Solution

no breadcrumbs, just include `selected` in nav store undo/redo

Solution

remove `selected` in URL, track details pane breadcrumbs

Obstacle

encodes {| not ([,;:" doesn't handle "| at end

Obstacle

awkward to leave some valid parts (e.g. justification info on)

Solution

keep it, let parts be invalid

Criterion

readable URL

Solution

stringify filter, JSON crush

Component

`selected` in URL

Solution

"get URL to share from this view"

Criterion

can hand-craft URL

Component

update URL from action rather than hook?

Solution

trim uuids to 8 chars

Solution

`router.replace` to update URL without adding to history

Obstacle

"previous selected" is nice even if chose node outside of pane

Solution

stringify filter, encode URI component

Solution

qs.stringify filter

Obstacle

how to distinguish between page refresh and view new topic

Solution

only add non-default params to URL

Criterion

short URL

Problem

getting lost when clicking through many nodes' details

Solution

remove `selected` from URL

Component

`format` in URL

Solution

saved views

Solution

if `view=` load view, else load persisted

Criterion

ease of maintenance if schema changes

Solution

put filter in URL

Criterion

copy-pasted URL looks same as displayed URL

Obstacle

awkward: what if saved view in URL?

Solution

stringify filter

Criterion

URL meets HTTP standards

Criterion

standard solution

Obstacle

awkward: what URL params if modify filter after loading `view=`

Detriment

slight ambiguity with browser back/forward

Solution

verify sharing URL via email, discord, messenger, docs

Solution

put entire filter in URL

Problem

can share view (filter, format) from a URL

Solution

clear it

Solution

stringify filter, remove quotes

Solution

put filter in local storage

Solution

use stringify.json format, replace { with (, remove "

React Flow

Basics

Comments

Welcome to Ameliorate 🔥