Something went wrong. Try again.
your personal website on atproto - mirror blento.app
Something went wrong. Try again.
TypeScript
at update-docs
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576import type { Component } from 'svelte';import type { Item, UserCache } from '$lib/types';import type { Did } from '@atcute/lexicons';
export type CreationModalComponentProps = { item: Item; oncreate: () => void; oncancel: () => void;};
export type SettingsComponentProps = { item: Item; onclose: () => void;};
export type ContentComponentProps = { item: Item; isEditing?: boolean;};
export type CardDefinition = { type: string; // should be unique contentComponent: Component<ContentComponentProps>; // content of card editingContentComponent?: Component<ContentComponentProps>; // optional content of card in editing mode
createNew?: (item: Item) => void; // set some custom cardData stuff here (or custom default sizes)
creationModalComponent?: Component<CreationModalComponentProps>;
upload?: (item: Item) => Promise<Item>; // optionally upload some other data needed for this card
// if this component exists, a settings button with a popover will be shown containing this component settingsComponent?: Component<SettingsComponentProps>;
// optionally load some extra data loadData?: ( // all cards of that type items: Item[], { did, handle, cache }: { did: Did; handle: string; cache?: UserCache } ) => Promise<unknown>;
// show color selection popup allowSetColor?: boolean;
// default card background color one of 'base', 'accent', 'transparent', or one of the tailwind colors // (actual colors only, without 'gray', 'neutral', 'stone', etc) defaultColor?: string;
// for resizing: minW?: number; maxW?: number;
minH?: number; maxH?: number;
canResize?: boolean;
onUrlHandler?: (url: string, item: Item) => Item | null; urlHandlerPriority?: number;
canChange?: (item: Item) => boolean; change?: (item: Item) => Item;
name?: string;
canHaveLabel?: boolean;
migrate?: (item: Item) => void;
groups?: string[];
keywords?: string[];
icon?: string;};