0b159c4963
* init: page navigation pane * chore: outline and info tabs * chore: asset download endpoint * chore: realtime document info updates * chore: add support for code splitting * fix: formatting * refactor: image block id generation * chore: implement translation * refactor: assets list storage logic * fix: build errors * fix: image extension name * refactor: add support for additional asset items * refactor: asset extraction logic * chore: add translations * fix: merge conflicts resolved from preview * chore: remove version history option from the dropdown * chore: query params handling * chore: remove unnecessary logic * refactor: empty state components * fix: empty state asset path
52 lines
1.6 KiB
TypeScript
52 lines
1.6 KiB
TypeScript
// local imports
|
|
import { getFileURL } from "./file";
|
|
|
|
type TEditorSrcArgs = {
|
|
assetId: string;
|
|
projectId?: string;
|
|
workspaceSlug: string;
|
|
};
|
|
|
|
/**
|
|
* @description generate the file source using assetId
|
|
* @param {TEditorSrcArgs} args
|
|
*/
|
|
export const getEditorAssetSrc = (args: TEditorSrcArgs): string | undefined => {
|
|
const { assetId, projectId, workspaceSlug } = args;
|
|
let url: string | undefined = "";
|
|
if (projectId) {
|
|
url = getFileURL(`/api/assets/v2/workspaces/${workspaceSlug}/projects/${projectId}/${assetId}/`);
|
|
} else {
|
|
url = getFileURL(`/api/assets/v2/workspaces/${workspaceSlug}/${assetId}/`);
|
|
}
|
|
return url;
|
|
};
|
|
|
|
/**
|
|
* @description generate the file source using assetId
|
|
* @param {TEditorSrcArgs} args
|
|
*/
|
|
export const getEditorAssetDownloadSrc = (args: TEditorSrcArgs): string | undefined => {
|
|
const { assetId, projectId, workspaceSlug } = args;
|
|
let url: string | undefined = "";
|
|
if (projectId) {
|
|
url = getFileURL(`/api/assets/v2/workspaces/${workspaceSlug}/projects/${projectId}/download/${assetId}/`);
|
|
} else {
|
|
url = getFileURL(`/api/assets/v2/workspaces/${workspaceSlug}/download/${assetId}/`);
|
|
}
|
|
return url;
|
|
};
|
|
|
|
export const getTextContent = (jsx: JSX.Element | React.ReactNode | null | undefined): string => {
|
|
if (!jsx) return "";
|
|
|
|
const div = document.createElement("div");
|
|
div.innerHTML = jsx.toString();
|
|
return div.textContent?.trim() ?? "";
|
|
};
|
|
|
|
export const isEditorEmpty = (description: string | undefined): boolean =>
|
|
!description ||
|
|
description === "<p></p>" ||
|
|
description === `<p class="editor-paragraph-block"></p>` ||
|
|
description.trim() === "";
|