{l10n.t(LocalizationKey.commonErrorMessage)}
15 |{l10n.t(LocalizationKey.dashboardErrorViewDescription)}
16 |
8 |
12 | );
13 | };
14 |
15 | Spinner.displayName = 'Spinner';
16 | export { Spinner };
17 |
--------------------------------------------------------------------------------
/src/providers/FrontMatterDecorationProvider.ts:
--------------------------------------------------------------------------------
1 | import { TextEditorDecorationType, window, ColorThemeKind } from 'vscode';
2 |
3 | export class FrontMatterDecorationProvider {
4 | get(): TextEditorDecorationType {
5 | const colorThemeKind = window.activeColorTheme.kind;
6 |
7 | return window.createTextEditorDecorationType({
8 | backgroundColor: colorThemeKind === ColorThemeKind.Dark ? '#ffffff14' : '#00000014',
9 | isWholeLine: true
10 | });
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/src/dashboardWebView/constants/SortOption.ts:
--------------------------------------------------------------------------------
1 | export enum SortOption {
2 | PublishedAsc = 'PublishedAsc',
3 | PublishedDesc = 'PublishedDesc',
4 | LastModifiedAsc = 'LastModifiedAsc',
5 | LastModifiedDesc = 'LastModifiedDesc',
6 | FileNameAsc = 'FileNameAsc',
7 | FileNameDesc = 'FileNameDesc',
8 | SizeAsc = 'SizeAsc',
9 | SizeDesc = 'SizeDesc',
10 | CaptionAsc = 'CaptionAsc',
11 | CaptionDesc = 'CaptionDesc',
12 | AltAsc = 'AltAsc',
13 | AltDesc = 'AltDesc'
14 | }
15 |
--------------------------------------------------------------------------------
/assets/icons/blockquote-dark.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/icons/ordered-list-dark.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/icons/blockquote-light.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/icons/ordered-list-light.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/helpers/decodeBase64Image.ts:
--------------------------------------------------------------------------------
1 | export const decodeBase64 = (dataString: string) => {
2 | const dataParts = dataString.split(';base64,');
3 |
4 | if (dataParts?.length < 2) {
5 | return null;
6 | }
7 |
8 | const typePart = dataParts[0].split(':').pop() as string;
9 | const dataPart = dataParts.pop() as string;
10 |
11 | const response: any = {};
12 |
13 | response.type = typePart;
14 | response.data = Buffer.from(dataPart, 'base64');
15 |
16 | return response;
17 | };
18 |
--------------------------------------------------------------------------------
/src/helpers/parseWinPath.ts:
--------------------------------------------------------------------------------
1 | import { isWindows } from '../utils/isWindows';
2 |
3 | export const parseWinPath = (path: string | undefined): string => {
4 | path = path?.split(`\\`).join(`/`) || '';
5 |
6 | if (isWindows()) {
7 | // Check if path starts with a drive letter (e.g., "C:\")
8 | if (/^[a-zA-Z]:\\/.test(path)) {
9 | // Convert to lowercase drive letter
10 | path = path.charAt(0).toLowerCase() + path.slice(1);
11 | }
12 | }
13 |
14 | return path;
15 | };
16 |
--------------------------------------------------------------------------------
/src/panelWebView/Command.ts:
--------------------------------------------------------------------------------
1 | export enum Command {
2 | loading = 'loading',
3 | metadata = 'metadata',
4 | settings = 'settings',
5 | focusOnTags = 'focusOnTags',
6 | focusOnCategories = 'focusOnCategories',
7 | closeSections = 'closeSections',
8 | folderInfo = 'folderInfo',
9 | mediaSelectionData = 'mediaSelectionData',
10 | sendMediaUrl = 'sendMediaUrl',
11 | updatePlaceholder = 'updatePlaceholder',
12 | dataFileEntries = 'dataFileEntries',
13 | serverStarted = 'server-started'
14 | }
15 |
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/config.yml:
--------------------------------------------------------------------------------
1 | blank_issues_enabled: false
2 | contact_links:
3 | - name: Documentation
4 | url: https://frontmatter.codes/docs
5 | about: See our documentation.
6 | - name: Changelog
7 | url: https://frontmatter.codes/updates
8 | about: See our changelog.
9 | - name: Front Matter website
10 | url: https://frontmatter.codes
11 | about: Our website.
12 | - name: Support Front Matter
13 | url: https://github.com/sponsors/estruyf
14 | about: Support Front Matter development.
--------------------------------------------------------------------------------
/src/commands/index.ts:
--------------------------------------------------------------------------------
1 | export * from './Article';
2 | export * from './Backers';
3 | export * from './Cache';
4 | export * from './Chatbot';
5 | export * from './Content';
6 | export * from './Dashboard';
7 | export * from './Diagnostics';
8 | export * from './Folders';
9 | export * from './Preview';
10 | export * from './Project';
11 | export * from './Settings';
12 | export * from './StatusListener';
13 | export * from './Taxonomy';
14 | export * from './Template';
15 | export * from './Wysiwyg';
16 | export * from './i18n';
17 |
--------------------------------------------------------------------------------
/.vscodeignore:
--------------------------------------------------------------------------------
1 | .vscode/**
2 | .vscode-test/**
3 | out/test/**
4 | src/**
5 | .gitignore
6 | vsc-extension-quickstart.md
7 | **/tsconfig.json
8 | **/tsconfig.e2e.json
9 | **/*.map
10 | **/*.ts
11 | webpack.config.js
12 | node_modules
13 | docs
14 | tailwind.config.js
15 | sample
16 | postcss.config.js
17 | .templates
18 | .github
19 | scripts
20 | .all-contributorsrc
21 | assets/v2.*
22 | assets/v3.*
23 | assets/v4.*
24 | assets/sponsors
25 | dist/*.html
26 | frontmatter.json
27 | .frontmatter
28 | webpack
29 | README.beta.md
30 | e2e
31 | storage
32 | pnpm-lock.yaml
--------------------------------------------------------------------------------
/assets/icons/chatbot-dark.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/icons/chatbot-light.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/icons/media-dark.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/assets/icons/media-light.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/src/components/uniforms-frontmatter/ErrorsField.css:
--------------------------------------------------------------------------------
1 | .autoform-error {
2 | background-color: var(
3 | --frontmatter-error-background,
4 | var(--vscode-inputValidation-errorBackground)
5 | );
6 | border: 1px solid var(--frontmatter-error-border, var(--vscode-inputValidation-errorBorder));
7 | border-radius: 2px;
8 | margin: 20px 0px;
9 | padding: 10px;
10 | color: var(--frontmatter-error-foreground, var(--vscode-editor-foreground));
11 |
12 | ul {
13 | margin-bottom: 0;
14 | }
15 |
16 | li {
17 | text-transform: capitalize;
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/assets/icons/unordered-list-dark.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/icons/unordered-list-light.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/dashboardWebView/components/DataView/SortableContainer.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import { SortableContainer } from 'react-sortable-hoc';
3 |
4 | export interface ISortableContainerProps { }
5 |
6 | export const Container = SortableContainer(
7 | ({ children }: React.PropsWithChildren
9 |
10 |
11 | -
13 | {children}
14 |
-
18 | {children}
19 |
{children || errorMessage}
;
12 | }
13 |
14 | export default connectField
13 |
16 | );
17 | }
18 |
19 | export default connectField
12 | {title}
13 |
14 | {details}
15 |
16 |
17 |
18 | );
19 | };
--------------------------------------------------------------------------------
/src/dashboardWebView/state/selectors/index.ts:
--------------------------------------------------------------------------------
1 | export * from './CategorySelector';
2 | export * from './DashboardViewSelector';
3 | export * from './FolderSelector';
4 | export * from './GroupingSelector';
5 | export * from './LoadingSelector';
6 | export * from './MediaFoldersSelector';
7 | export * from './MediaTotalSelector';
8 | export * from './PageSelector';
9 | export * from './SearchSelector';
10 | export * from './SelectedMediaFolderSelector';
11 | export * from './SettingsSelector';
12 | export * from './SortingSelector';
13 | export * from './TabSelector';
14 | export * from './TagSelector';
15 | export * from './ViewDataSelector';
16 | export * from './ViewSelector';
17 |
--------------------------------------------------------------------------------
/src/dashboardWebView/utils/opacityColor.ts:
--------------------------------------------------------------------------------
1 | export const opacityColor = (color: string | undefined, opacity: number) => {
2 | if (color) {
3 | if (color.startsWith('#')) {
4 | return `${color}${Math.round(opacity * 255)
5 | .toString(16)
6 | .padStart(2, '0')}`;
7 | } else if (color.startsWith('rgba')) {
8 | const splits = color.split(',');
9 | splits.pop();
10 | return `${splits.join(', ')}, ${opacity})`;
11 | } else if (color.startsWith('rgb')) {
12 | return `${color.replace('rgb', 'rgba').replace(')', `, ${opacity})`)}`;
13 | } else {
14 | return color;
15 | }
16 | }
17 |
18 | return color;
19 | };
20 |
--------------------------------------------------------------------------------
/.vscode/tasks.json:
--------------------------------------------------------------------------------
1 | // See https://go.microsoft.com/fwlink/?LinkId=733558
2 | // for the documentation about the tasks.json format
3 | {
4 | "version": "2.0.0",
5 | "tasks": [
6 | {
7 | "type": "npm",
8 | "script": "watch",
9 | "problemMatcher": "$tsc-watch",
10 | "isBackground": true,
11 | "presentation": {
12 | "reveal": "never"
13 | },
14 | "group": {
15 | "kind": "build",
16 | "isDefault": true
17 | }
18 | },
19 | {
20 | "type": "npm",
21 | "script": "build:ext",
22 | "group": {
23 | "kind": "build",
24 | "isDefault": true
25 | }
26 | }
27 | ]
28 | }
29 |
--------------------------------------------------------------------------------
/src/panelWebView/components/Icons/ListUnorderedIcon.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | export interface IListUnorderedIconProps { }
4 |
5 | export const ListUnorderedIcon: React.FunctionComponent
8 |
14 | );
15 | };
--------------------------------------------------------------------------------
/src/utils/sentryInit.ts:
--------------------------------------------------------------------------------
1 | import * as Sentry from '@sentry/react';
2 | import { Integrations } from '@sentry/tracing';
3 | import { SENTRY_LINK, SentryIgnore } from '../constants';
4 |
5 | export const SentryInit = (
6 | version: string | null,
7 | environment: string | null
8 | ): Sentry.BrowserOptions => ({
9 | dsn: SENTRY_LINK,
10 | integrations: [new Integrations.BrowserTracing()],
11 | tracesSampleRate: 0, // No performance tracing required
12 | release: version || '',
13 | environment: environment || '',
14 | ignoreErrors: SentryIgnore,
15 | beforeSend(event) {
16 | if (event.user) {
17 | delete event.user.ip_address;
18 | }
19 | return event;
20 | }
21 | });
22 |
--------------------------------------------------------------------------------
/src/dashboardWebView/hooks/useSelectedItems.tsx:
--------------------------------------------------------------------------------
1 | import { useCallback } from 'react';
2 | import { useRecoilState } from 'recoil';
3 | import { MultiSelectedItemsAtom } from '../state';
4 |
5 | export default function useSelectedItems() {
6 | const [selectedFiles, setSelectedFiles] = useRecoilState(MultiSelectedItemsAtom);
7 |
8 | const onMultiSelect = useCallback((filePath: string) => {
9 | if (selectedFiles.includes(filePath)) {
10 | setSelectedFiles(selectedFiles.filter((file) => file !== filePath));
11 | } else {
12 | setSelectedFiles([...selectedFiles, filePath]);
13 | }
14 | }, [selectedFiles]);
15 |
16 | return {
17 | selectedFiles,
18 | onMultiSelect
19 | };
20 | }
--------------------------------------------------------------------------------
/src/dashboardWebView/components/Chatbot/QuestionAnswer.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import { Answer } from './Answer';
3 |
4 | export interface IQuestionAnswerProps {
5 | question: string;
6 | answer: string;
7 | answerId: number;
8 | sources: string[];
9 | }
10 |
11 | export const QuestionAnswer: React.FunctionComponent
9 |
10 |
11 |
12 |
13 | -
14 |
- {question} 15 | 16 |
19 | {values.map(
20 | (tag, index) => tag && (
21 |
28 | );
29 | };
--------------------------------------------------------------------------------
/src/panelWebView/components/Icons/index.ts:
--------------------------------------------------------------------------------
1 | export * from './AddIcon';
2 | export * from './ArchiveIcon';
3 | export * from './BranchIcon';
4 | export * from './BugIcon';
5 | export * from './CopilotIcon';
6 | export * from './FileIcon';
7 | export * from './FolderOpenedIcon';
8 | export * from './FrontMatterIcon';
9 | export * from './GitHubIcon';
10 | export * from './HeartIcon';
11 | export * from './ListUnorderedIcon';
12 | export * from './MarkdownIcon';
13 | export * from './PageIcon';
14 | export * from './RocketIcon';
15 | export * from './SettingsIcon';
16 | export * from './SymbolKeywordIcon';
17 | export * from './TagIcon';
18 | export * from './TemplateIcon';
19 | export * from './ToggleIcon';
20 | export * from './WritingIcon';
21 |
--------------------------------------------------------------------------------
/src/panelWebView/components/Icons/MarkdownIcon.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | export interface IMarkdownIconProps {
4 | className?: string;
5 | }
6 |
7 | export const MarkdownIcon: React.FunctionComponent
11 |
17 | );
18 | };
--------------------------------------------------------------------------------
/src/models/GitRepository.ts:
--------------------------------------------------------------------------------
1 | import { Event } from 'vscode';
2 |
3 | export type GitAPIState = 'uninitialized' | 'initialized';
4 |
5 | export interface GitRepository {
6 | state: GitRepositoryState;
7 | rootUri: {
8 | fsPath: string;
9 | path: string;
10 | };
11 | repository: {
12 | getBranches: () => Promise
14 | {children}
15 |
16 |
12 |
16 | );
17 | }
18 |
19 | export default connectField
12 |
22 | );
23 | }
24 |
--------------------------------------------------------------------------------
/src/panelWebView/components/Icons/SettingsIcon.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | export interface ISettingsIconProps { }
4 |
5 | export const SettingsIcon: React.FunctionComponent
13 | {props.children}
14 |
15 |
21 | -
16 | {schema.getErrorMessages(error).map((message, index) => (
17 |
- {message} 18 | ))} 19 |
17 |
20 |
21 | );
22 | };
23 |
24 | OtherActionButton.displayName = 'OtherActionButton';
25 | export { OtherActionButton };
26 |
--------------------------------------------------------------------------------
/src/dashboardWebView/utils/getRelPath.ts:
--------------------------------------------------------------------------------
1 | import { parseWinPath } from '../../helpers/parseWinPath';
2 |
3 | export const getRelPath = (path: string, staticFolder?: string, wsFolder?: string) => {
4 | let relPath: string | undefined = '';
5 | if (wsFolder && path) {
6 | const wsFolderParsed = parseWinPath(wsFolder);
7 | const mediaParsed = parseWinPath(path);
8 |
9 | relPath = mediaParsed.split(wsFolderParsed).pop();
10 |
11 | // If the static folder is the root, we can just return the relative path
12 | if (staticFolder === '/') {
13 | return relPath;
14 | } else if (staticFolder && relPath) {
15 | const staticFolderParsed = parseWinPath(staticFolder);
16 | relPath = relPath.split(staticFolderParsed).pop();
17 | }
18 | }
19 | return relPath;
20 | };
21 |
--------------------------------------------------------------------------------
/src/panelWebView/components/Icons/TemplateIcon.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | export interface ITemplateIconProps { }
4 |
5 | export const TemplateIcon: React.FunctionComponent
19 |
22 |
23 | );
24 | };
25 |
26 | ActionButton.displayName = 'ActionButton';
27 | export { ActionButton };
28 |
--------------------------------------------------------------------------------
/src/constants/context.ts:
--------------------------------------------------------------------------------
1 | export const CONTEXT = {
2 | canOpenPreview: 'frontMatter:CanOpenPreview',
3 | canOpenDashboard: 'frontMatter:CanOpenDashboard',
4 | isEnabled: 'frontMatter:enabled',
5 | isDashboardOpen: 'frontMatter:dashboard:open',
6 | wysiwyg: 'frontMatter:markdown:wysiwyg',
7 | backer: 'frontMatter:backers:supporter',
8 | isValidFile: 'frontMatter:file:isValid',
9 | isDevelopment: 'frontMatter:isDevelopment',
10 |
11 | isI18nEnabled: 'frontMatter:i18n:enabled',
12 |
13 | hasViewModes: 'frontMatter:has:modes',
14 |
15 | isSnippetsDashboardEnabled: 'frontMatter:dashboard:snippets:enabled',
16 | isDataDashboardEnabled: 'frontMatter:dashboard:data:enabled',
17 |
18 | isGitEnabled: 'frontMatter:git:enabled',
19 |
20 | projectSwitchEnabled: 'frontMatter:project:switch:enabled'
21 | };
22 |
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/bug_report.md:
--------------------------------------------------------------------------------
1 | ---
2 | name: Bug report
3 | about: Create a report to help us improve
4 | title: 'Issue: '
5 | labels: 'bug'
6 | assignees: ''
7 |
8 | ---
9 |
10 | **Describe the bug**
11 | A clear and concise description of what the bug is.
12 |
13 | **To Reproduce**
14 | Steps to reproduce the behavior:
15 |
16 | 1. Go to '...'
17 | 2. Click on '....'
18 | 3. Scroll down to '....'
19 | 4. See error
20 |
21 | **Expected behavior**
22 | A clear and concise description of what you expected to happen.
23 |
24 | **Screenshots**
25 | If applicable, add screenshots to help explain your problem.
26 |
27 | **Device:**
28 |
29 | - OS: [e.g. iOS]
30 | - Front Matter CMS Version [e.g. 10.2.0]
31 | - Browser [e.g. chrome, safari]
32 |
33 | **Additional context**
34 | Add any other context about the problem here.
35 |
--------------------------------------------------------------------------------
/src/models/MediaPaths.ts:
--------------------------------------------------------------------------------
1 | import { ISizeCalculationResult } from 'image-size/dist/types/interface';
2 |
3 | export interface MediaPaths {
4 | media: MediaInfo[];
5 | total: number;
6 | folders: string[];
7 | allContentFolders: string[];
8 | allStaticfolders: string[];
9 | selectedFolder: string;
10 | }
11 |
12 | export interface MediaInfo {
13 | filename: string;
14 | fsPath: string;
15 | vsPath: string | undefined;
16 | dimensions?: ISizeCalculationResult | undefined;
17 | mimeType?: string | undefined;
18 | mtime?: Date;
19 | mtimeMs?: number;
20 | ctime?: Date;
21 | size?: number;
22 |
23 | metadata: {
24 | title?: string | undefined;
25 | caption?: string | undefined;
26 | alt?: string | undefined;
27 | [fieldName: string]: string | string[] | Date | number | undefined;
28 | };
29 | }
30 |
--------------------------------------------------------------------------------
/src/utils/getExtensibilityScripts.ts:
--------------------------------------------------------------------------------
1 | import { Uri, Webview } from 'vscode';
2 | import { Folders } from '../commands';
3 | import { SETTING_EXTENSIBILITY_SCRIPTS } from '../constants';
4 | import { Settings } from '../helpers';
5 |
6 | export const getExtensibilityScripts = (webview: Webview) => {
7 | const extensibilityScripts = Settings.get
18 |
32 | );
33 | };
34 |
--------------------------------------------------------------------------------
/src/utils/evaluateCommand.ts:
--------------------------------------------------------------------------------
1 | import { exec } from 'child_process';
2 | import { getShellPath } from '../utils';
3 | import { Logger } from '../helpers';
4 |
5 | /**
6 | * Evaluate the command dynamically using `which` command
7 | * @param command
8 | * @returns
9 | */
10 | export const evaluateCommand = (command: string): Promise
20 |
21 | {l10n.t(LocalizationKey.commonSupport)}
23 | {l10n.t(LocalizationKey.panelFieldsFieldMessageRequired, name)}
24 |
25 | );
26 | }
27 |
28 | if (description) {
29 | return {description}
;
30 | }
31 |
32 | return null;
33 | };
34 |
--------------------------------------------------------------------------------
/src/panelWebView/components/ValidInfo.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import { CheckIcon, ExclamationTriangleIcon } from '@heroicons/react/24/outline';
3 |
4 | export interface IValidInfoProps {
5 | label?: string;
6 | isValid: boolean;
7 | className?: string;
8 | }
9 |
10 | const ValidInfo: React.FunctionComponent
17 | {isValid ? (
18 |
24 | );
25 | };
26 |
27 | ValidInfo.displayName = 'ValidInfo';
28 | export { ValidInfo };
29 |
--------------------------------------------------------------------------------
/src/dashboardWebView/components/SettingsView/SettingsCheckbox.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import { Checkbox as VSCodeCheckbox } from 'vscrui';
3 |
4 | export interface ISettingsCheckboxProps {
5 | label: string;
6 | name: string;
7 | value: boolean;
8 | onChange: (key: string, value: boolean) => void;
9 | }
10 |
11 | export const SettingsCheckbox: React.FunctionComponent
12 |
15 | 21 | {l10n.t(LocalizationKey.dashboardChatbotHeaderDescription)} 22 |
23 |
22 |
25 | );
26 | };
--------------------------------------------------------------------------------
/src/dashboardWebView/components/Menu/ActionMenuButton.tsx:
--------------------------------------------------------------------------------
1 | import { EllipsisVerticalIcon } from '@heroicons/react/24/outline';
2 | import * as React from 'react';
3 |
4 | export interface IActionMenuButtonProps {
5 | title: string;
6 | disabled?: boolean;
7 | ref?: (instance: Element | null) => void;
8 | }
9 |
10 | export const ActionMenuButton: React.FunctionComponent
20 |
34 | );
35 | };
36 |
--------------------------------------------------------------------------------
/assets/icons/frontmatter-small-dark.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/assets/icons/frontmatter-small-light.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
12 |
--------------------------------------------------------------------------------
/assets/icons/frontmatter-small-teal.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
12 |
--------------------------------------------------------------------------------
/src/panelWebView/components/InitializeAction.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import { PanelSettings } from '../../models';
3 | import * as l10n from "@vscode/l10n"
4 | import { LocalizationKey } from '../../localization';
5 | import { Messenger } from '@estruyf/vscode/dist/client';
6 | import { CommandToCode } from '../CommandToCode';
7 |
8 | export interface IInitializeActionProps {
9 | settings: PanelSettings | undefined;
10 | }
11 |
12 | export const InitializeAction: React.FunctionComponent
24 |
30 |
31 | );
32 | };
--------------------------------------------------------------------------------
/src/dashboardWebView/models/Page.ts:
--------------------------------------------------------------------------------
1 | import { I18nConfig } from '../../models';
2 |
3 | export interface Page {
4 | // Properties for caching
5 | fmCachePath: string;
6 | fmCacheModifiedTime: number;
7 |
8 | // Front matter fields
9 | fmFolder: string;
10 | fmFilePath: string;
11 | fmRelFileWsPath: string;
12 | fmRelFilePath: string;
13 | fmFileName: string;
14 | fmModified: number;
15 | fmPublished: number | null | undefined;
16 | fmDraft: 'Draft' | 'Published';
17 | fmYear: number | null | undefined;
18 | fmPreviewImage: string;
19 | fmTags: string[];
20 | fmCategories: string[];
21 | fmContentType: string;
22 | fmDateFormat: string | undefined;
23 |
24 | // i18n fields
25 | fmDefaultLocale?: boolean;
26 | fmLocale?: I18nConfig;
27 | fmTranslations?: {
28 | [locale: string]: {
29 | locale: I18nConfig;
30 | path: string;
31 | }
32 | };
33 |
34 | title: string;
35 | slug: string;
36 | date: string | Date;
37 | draft: boolean | string;
38 | description: string;
39 |
40 | preview?: string;
41 | [prop: string]: any;
42 | }
43 |
--------------------------------------------------------------------------------
/src/dashboardWebView/providers/FilesProvider.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import { Page } from '../models';
3 | import { MediaInfo } from '../../models';
4 |
5 | interface IFilesProviderProps {
6 | files: Page[] | MediaInfo[];
7 | }
8 |
9 | const FilesContext = React.createContext
24 |
35 | );
36 | };
37 |
--------------------------------------------------------------------------------
/src/dashboardWebView/components/Icons/PinIcon.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | export interface IPinIconProps {
4 | className?: string;
5 | }
6 |
7 | export const PinIcon: React.FunctionComponent
32 | {children}
33 |
34 |
21 |
36 | );
37 | };
38 |
--------------------------------------------------------------------------------
/src/components/uniforms-frontmatter/HiddenField.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import { HTMLProps, Ref, useEffect } from 'react';
3 | import { Override, filterDOMProps, useField } from 'uniforms';
4 |
5 | type ValueType = string | number | readonly string[] | undefined;
6 | export type HiddenFieldProps = Override<
7 | HTMLProps
26 |
34 | );
35 | };
36 |
--------------------------------------------------------------------------------
/src/dashboardWebView/components/Contents/Tag.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import * as l10n from '@vscode/l10n';
3 | import { routePaths } from '../..';
4 | import { LocalizationKey } from '../../../localization';
5 | import { useNavigate } from 'react-router-dom';
6 |
7 | export interface ITagProps {
8 | value?: string;
9 | tagField?: string | null | undefined;
10 | }
11 |
12 | export const Tag: React.FunctionComponent
27 | 
32 |
33 |
15 |
30 | );
31 | };
--------------------------------------------------------------------------------
/src/constants/ExtensionState.ts:
--------------------------------------------------------------------------------
1 | export const ExtensionState = {
2 | PagesView: `frontMatter:Pages:ViewType`,
3 | SelectedFolder: `frontMatter:SelectedFolder`,
4 | Version: `frontMatter:Version`,
5 | SettingPromoted: `frontMatter:Settings:Promoted`,
6 | MoveTemplatesFolder: `frontMatter:Templates:Move`,
7 |
8 | Project: {
9 | current: `frontMatter:Project:current`
10 | },
11 |
12 | Dashboard: {
13 | Contents: {
14 | Sorting: `frontMatter:Dashboard:Contents:Sorting`
15 | },
16 | Media: {
17 | Sorting: `frontMatter:Dashboard:Media:Sorting`
18 | },
19 | Pages: {
20 | Cache: `frontMatter:Dashboard:Pages:Cache`,
21 | Index: `frontMatter:Dashboard:Pages:Index`
22 | }
23 | },
24 |
25 | Settings: {
26 | Extends: `frontMatter:Settings:Extends`
27 | },
28 |
29 | Updates: {
30 | v7_0_0: {
31 | dateFields: `frontMatter:Updates:v7.0.0:dateFields`
32 | }
33 | },
34 |
35 | Secrets: {
36 | Deepl: {
37 | ApiKey: `frontMatter:Secrets:DeeplApiKey`
38 | },
39 | Azure: {
40 | TranslatorKey: `frontMatter:Secrets:AzureTranslatorKey`,
41 | TranslatorRegion: `frontMatter:Secrets:AzureTranslatorRegion`
42 | }
43 | }
44 | };
45 |
--------------------------------------------------------------------------------
/src/dashboardWebView/components/Header/Tab.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import { useLocation } from 'react-router-dom';
3 | import { NavigationType } from '../../models';
4 | import { cn } from '../../../utils/cn';
5 |
6 | export interface ITabProps {
7 | navigationType: NavigationType;
8 | onNavigate: (navigationType: NavigationType) => void;
9 | }
10 |
11 | export const Tab: React.FunctionComponent
18 |
19 |
20 |
21 | {
22 | type === 'initPages' && (
23 |
24 | {l10n.t(LocalizationKey.loadingInitPages)}
25 |
26 |
27 | )
28 | }
29 |