* feat: initial base structure * feat: utils for constructing and flattening collection tree * feat: basic demo to display tree-like structure with virtualization * feat: make it searchable * feat: row component * fix: handle row selection * fix: scroll jitter * fix: popover max-height to eliminate extra scroll * fix: position scrollbar correctly * fix: do not sort to maintain correct tree-like view * feat: footer * fix: scroll to selected item * fix: deselect item * fix: display selected location in footer * fix: deselect item if any upon search trigger * fix: create draft without collection * fix: pass down collectionId to all the nodes * feat: publish document under selected location * fix: move the doc post publish in case it is supposed to be a nested doc * fix: wrap text for selected location * fix: footer background in dark mode and unused css * fix: popover height in small devices * fix: no need to spread * refactor: remove outline * refactor: border-radius is common * refactor: remove active and focus * fix: do not shrink spacer * fix: scroll list padding with correctly adjusted scrolling * refactor: use constants * fix: use padding in favor of spacer * refactor: border attrs not needed * refactor: control title padding and icon size centrally * fix: rename param * fix: import path * fix: refactor styles, avoid magic numbers * fix: type err * feat: make rows collapsible * fix: fully expanded without disclosure upon search * fix: use modal in place of popover * fix: collapse descendants * fix: rename PublishPopover to PublishModal * fix: adjust collapse icon as part of tree view * fix: enable keyboard navigation * not sure why collapse and expand shortcuts are not working * fix: row expansion and search box focus and blur * fix: remove css hover, handle it via active prop * fix: discard tree like view for search results * fix: minor tweaks * refactor: no need to pass onPublish * refactor: remove unnecessary attrs from search component * fix: publish button text * fix: reset intial scroll offset to 0 on search * fix: remove search highlights * fix: clean up search component * refactor: search and row collapse * refactor: PublishLocation * fix: show emoji or star icon if present * fix: shift focus only from top item * fix: leading emoji * fix: baseline text * fix: make path tertiary * fix: do not show path for collections * fix: path text color upon selection * fix: deleted collection case * fix: no results found * fix: space around slash * Refinement, some small refactors * fix: Publish shortcut, use Button action * Allow new document creation from command menu without active collection * fix: duplicate * fix: Unneccessary truncation * fix: Scroll on expand/collapse Remove wraparound * fix: tsc * fix: Horizontal overflow on PublishLocation Remove pointless moveTo method * fix: Missing translation * Remove method indirection Show expanded collection icon in tree when expanded * Shrink font size a point * Remove feature flag * fix: Path color contrast in light mode Remove unused expanded/show attributes * shrink -> collapse, fix expanded disclosure without items after searching * Mobile styles * fix: scroll just into view Co-authored-by: Tom Moor <tom.moor@gmail.com>
146 lines
3.2 KiB
TypeScript
146 lines
3.2 KiB
TypeScript
import queryString from "query-string";
|
|
import Collection from "~/models/Collection";
|
|
import Document from "~/models/Document";
|
|
|
|
export function homePath(): string {
|
|
return "/home";
|
|
}
|
|
|
|
export function draftsPath(): string {
|
|
return "/drafts";
|
|
}
|
|
|
|
export function templatesPath(): string {
|
|
return "/templates";
|
|
}
|
|
|
|
export function archivePath(): string {
|
|
return "/archive";
|
|
}
|
|
|
|
export function trashPath(): string {
|
|
return "/trash";
|
|
}
|
|
|
|
export function settingsPath(): string {
|
|
return "/settings";
|
|
}
|
|
|
|
export function organizationSettingsPath(): string {
|
|
return "/settings/details";
|
|
}
|
|
|
|
export function profileSettingsPath(): string {
|
|
return "/settings";
|
|
}
|
|
|
|
export function accountPreferencesPath(): string {
|
|
return "/settings/preferences";
|
|
}
|
|
|
|
export function groupSettingsPath(): string {
|
|
return "/settings/groups";
|
|
}
|
|
|
|
export function collectionUrl(url: string, section?: string): string {
|
|
if (section) {
|
|
return `${url}/${section}`;
|
|
}
|
|
return url;
|
|
}
|
|
|
|
export function updateCollectionUrl(
|
|
oldUrl: string,
|
|
collection: Collection
|
|
): string {
|
|
// Update url to match the current one
|
|
return oldUrl.replace(
|
|
new RegExp("/collection/[0-9a-zA-Z-_~]*"),
|
|
collection.url
|
|
);
|
|
}
|
|
|
|
export function documentUrl(doc: Document): string {
|
|
return doc.url;
|
|
}
|
|
|
|
export function editDocumentUrl(doc: Document): string {
|
|
return `${doc.url}/edit`;
|
|
}
|
|
|
|
export function documentMoveUrl(doc: Document): string {
|
|
return `${doc.url}/move`;
|
|
}
|
|
|
|
export function documentInsightsUrl(doc: Document): string {
|
|
return `${doc.url}/insights`;
|
|
}
|
|
|
|
export function documentHistoryUrl(doc: Document, revisionId?: string): string {
|
|
let base = `${doc.url}/history`;
|
|
if (revisionId) {
|
|
base += `/${revisionId}`;
|
|
}
|
|
return base;
|
|
}
|
|
|
|
/**
|
|
* Replace full url's document part with the new one in case
|
|
* the document slug has been updated
|
|
*/
|
|
export function updateDocumentUrl(oldUrl: string, document: Document): string {
|
|
// Update url to match the current one
|
|
return oldUrl.replace(
|
|
new RegExp("/doc/([0-9a-zA-Z-_~]*-[a-zA-z0-9]{10,15})"),
|
|
document.url
|
|
);
|
|
}
|
|
|
|
export function newDocumentPath(
|
|
collectionId?: string,
|
|
params: {
|
|
parentDocumentId?: string;
|
|
templateId?: string;
|
|
template?: boolean;
|
|
} = {}
|
|
): string {
|
|
return collectionId
|
|
? `/collection/${collectionId}/new?${queryString.stringify(params)}`
|
|
: `/doc/new`;
|
|
}
|
|
|
|
export function searchPath(
|
|
query?: string,
|
|
params: {
|
|
collectionId?: string;
|
|
ref?: string;
|
|
} = {}
|
|
): string {
|
|
let search = queryString.stringify(params);
|
|
let route = "/search";
|
|
|
|
if (query) {
|
|
route += `/${encodeURIComponent(query.replace(/%/g, "%25"))}`;
|
|
}
|
|
|
|
search = search ? `?${search}` : "";
|
|
return `${route}${search}`;
|
|
}
|
|
|
|
export function sharedDocumentPath(shareId: string, docPath?: string) {
|
|
return docPath ? `/s/${shareId}${docPath}` : `/s/${shareId}`;
|
|
}
|
|
|
|
export function notFoundUrl(): string {
|
|
return "/404";
|
|
}
|
|
|
|
export const matchDocumentSlug =
|
|
":documentSlug([0-9a-zA-Z-_~]*-[a-zA-z0-9]{10,15})";
|
|
|
|
export const matchDocumentEdit = `/doc/${matchDocumentSlug}/edit`;
|
|
|
|
export const matchDocumentHistory = `/doc/${matchDocumentSlug}/history/:revisionId?`;
|
|
|
|
export const matchDocumentInsights = `/doc/${matchDocumentSlug}/insights`;
|