5 |
17 | `;
18 |
--------------------------------------------------------------------------------
/src/external-types/markdown-it-ins/index.d.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | declare module 'markdown-it-ins' {
8 | import type MarkdownIt from 'markdown-it/lib'
9 | const markdownItInserted: MarkdownIt.PluginSimple
10 | export = markdownItInserted
11 | }
12 |
--------------------------------------------------------------------------------
/src/external-types/markdown-it-sub/index.d.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | declare module 'markdown-it-sub' {
8 | import type MarkdownIt from 'markdown-it/lib'
9 | const markdownItSubscript: MarkdownIt.PluginSimple
10 | export = markdownItSubscript
11 | }
12 |
--------------------------------------------------------------------------------
/src/external-types/markdown-it-sup/index.d.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | declare module 'markdown-it-sup' {
8 | import type MarkdownIt from 'markdown-it/lib'
9 | const markdownItSuperscript: MarkdownIt.PluginSimple
10 | export = markdownItSuperscript
11 | }
12 |
--------------------------------------------------------------------------------
/src/components/editor-page/document-bar/permissions/types.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 | export enum AccessLevel {
7 | NONE,
8 | READ_ONLY,
9 | WRITEABLE
10 | }
11 |
12 | export enum SpecialGroup {
13 | EVERYONE = '_EVERYONE',
14 | LOGGED_IN = '_LOGGED_IN'
15 | }
16 |
--------------------------------------------------------------------------------
/src/components/markdown-renderer/extensions/linemarker/types.d.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | export interface LineWithId {
8 | line: string
9 | id: number
10 | }
11 |
12 | export interface LineMarkerPosition {
13 | line: number
14 | position: number
15 | }
16 |
--------------------------------------------------------------------------------
/src/components/profile-page/access-tokens/access-token-creation-form/access-token-creation-form-field.d.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | interface AccessTokenCreationFormFieldProps {
8 | formValues: {
9 | expiryDate: string
10 | label: string
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/src/external-types/markdown-it-abbr/index.d.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | declare module 'markdown-it-abbr' {
8 | import type MarkdownIt from 'markdown-it/lib'
9 | const markdownItAbbreviation: MarkdownIt.PluginSimple
10 | export = markdownItAbbreviation
11 | }
12 |
--------------------------------------------------------------------------------
/src/external-types/markdown-it-footnote/index.d.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | declare module 'markdown-it-footnote' {
8 | import type MarkdownIt from 'markdown-it/lib'
9 | const markdownItFootnote: MarkdownIt.PluginSimple
10 | export = markdownItFootnote
11 | }
12 |
--------------------------------------------------------------------------------
/src/external-types/markdown-it-deflist/index.d.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | declare module 'markdown-it-deflist' {
8 | import type MarkdownIt from 'markdown-it/lib'
9 | const markdownItDefinitionList: MarkdownIt.PluginSimple
10 | export = markdownItDefinitionList
11 | }
12 |
--------------------------------------------------------------------------------
/src/external-types/markdown-it-linkify/index.d.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | declare module 'markdown-it/lib/rules_core/linkify' {
8 | import type { RuleCore } from 'markdown-it/lib/parser_core'
9 | const markdownItLinkify: RuleCore
10 | export = markdownItLinkify
11 | }
12 |
--------------------------------------------------------------------------------
/global-styles/colors-only-bootstrap/forms/_form-text.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * SPDX-FileCopyrightText: Original code: Copyright (c) 2011-2022 Twitter, Inc. + Copyright (c) 2011-2022 The Bootstrap Authors. Modification: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: MIT
5 | */
6 |
7 | //
8 | // Form text
9 | //
10 |
11 | .form-text {
12 | color: $form-text-color;
13 | }
14 |
--------------------------------------------------------------------------------
/src/external-types/markdown-it-mathjax/index.d.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | declare module 'markdown-it-mathjax' {
8 | import type MarkdownIt from 'markdown-it/lib'
9 | const markdownItMathJax: (MathJaxOptions) => MarkdownIt.PluginSimple
10 | export = markdownItMathJax
11 | }
12 |
--------------------------------------------------------------------------------
/src/api/me/types.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 | import type { UserInfo } from '../users/types'
7 |
8 | export interface LoginUserInfo extends UserInfo {
9 | authProvider: string
10 | email: string
11 | }
12 |
13 | export interface ChangeDisplayNameDto {
14 | displayName: string
15 | }
16 |
--------------------------------------------------------------------------------
/src/components/common/links/__snapshots__/translated-external-link.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`TranslatedExternalLink renders with i18nKey 1`] = `
4 |
6 |
9 | a;b;c
10 | d;e;f
11 |
12 |
13 |
14 |
15 |
16 |
5 |
12 | testi18nKey
13 |
14 |
15 | `;
16 |
--------------------------------------------------------------------------------
/src/components/editor-page/editor-pane/tool-bar/emoji-picker/emoji-picker.module.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | .tooltip {
8 | &, :global(body.dark) & {
9 | --bs-popover-max-width: 100%;
10 | --bs-popover-body-padding-y: 0;
11 | --bs-popover-body-padding-x: 0;
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/src/utils/is-client-side-rendering.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | /**
8 | * Detects if the application is running on client side.
9 | */
10 | export const isClientSideRendering = (): boolean => {
11 | return typeof window !== 'undefined' && typeof window.navigator !== 'undefined'
12 | }
13 |
--------------------------------------------------------------------------------
/.idea/dictionaries/hedgedoc.xml:
--------------------------------------------------------------------------------
1 |
6 |
7 |
5 |
19 | `;
20 |
--------------------------------------------------------------------------------
/src/external-types/markdown-it-regex/index.d.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | declare module 'markdown-it-regex' {
8 | import type MarkdownIt from 'markdown-it/lib'
9 | import type { RegexOptions } from './interface'
10 | const markdownItRegex: MarkdownIt.PluginWithOptions
6 |
7 | this is a mock for graphviz frame
8 |
9 | graph {
10 | a -- b
11 | }
12 |
13 |
14 |
15 |
16 |
17 |
18 |
5 |
19 | `;
20 |
--------------------------------------------------------------------------------
/src/components/history-page/history-toolbar/toolbar-context/toolbar-context.d.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import type { Dispatch, SetStateAction } from 'react'
8 | import type { HistoryToolbarState } from '../history-toolbar-state'
9 |
10 | export type HistoryToolbarStateWithDispatcher = [HistoryToolbarState, Dispatch
6 |
7 | this is a mock for flowchart frame
8 |
9 | st=>start: Start
10 | e=>end: End
11 | st->e
12 |
13 |
14 |
15 |
16 |
17 |
18 |
5 |
6 | Alias:
7 | a-test
8 | (
9 | non-primary
10 | )
11 |
12 |
13 | Alias:
14 | b-test
15 | (
16 | primary
17 | )
18 |
19 |
20 | Alias:
21 | z-test
22 | (
23 | non-primary
24 | )
25 |
26 |
27 | `;
28 |
--------------------------------------------------------------------------------
/src/components/editor-page/sidebar/users-online-sidebar-menu/active-indicator.module.scss:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | .activeIndicator {
8 | $indicator-size: 12px;
9 | border-radius: $indicator-size;
10 | height: $indicator-size;
11 | width: $indicator-size;
12 |
13 | &.active {
14 | background-color: #5cb85c;
15 | }
16 |
17 | &.inactive {
18 | background-color: #d20000;
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/src/components/editor-page/utils.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import { isClientSideRendering } from '../../utils/is-client-side-rendering'
8 |
9 | /**
10 | * Determines if the client is running on a Mac.
11 | * This is necessary to e.g. determine different keyboard shortcuts.
12 | */
13 | export const isMac: () => boolean = () => isClientSideRendering() && navigator.platform.toLowerCase().includes('mac')
14 |
--------------------------------------------------------------------------------
/src/api/tokens/types.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | export interface AccessToken {
8 | label: string
9 | validUntil: string
10 | keyId: string
11 | createdAt: string
12 | lastUsedAt: string | null
13 | }
14 |
15 | export interface AccessTokenWithSecret extends AccessToken {
16 | secret: string
17 | }
18 |
19 | export interface CreateAccessTokenDto {
20 | label: string
21 | validUntil: number
22 | }
23 |
--------------------------------------------------------------------------------
/src/redux/config/methods.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import { store } from '..'
8 | import type { Config } from '../../api/config/types'
9 | import type { SetConfigAction } from './types'
10 | import { ConfigActionType } from './types'
11 |
12 | export const setConfig = (state: Config): void => {
13 | store.dispatch({
14 | type: ConfigActionType.SET_CONFIG,
15 | state: state
16 | } as SetConfigAction)
17 | }
18 |
--------------------------------------------------------------------------------
/src/redux/config/types.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import type { Action } from 'redux'
8 | import type { Config } from '../../api/config/types'
9 |
10 | export enum ConfigActionType {
11 | SET_CONFIG = 'config/set'
12 | }
13 |
14 | export type ConfigActions = SetConfigAction
15 |
16 | export interface SetConfigAction extends Action
5 |
17 | `;
18 |
--------------------------------------------------------------------------------
/src/hooks/common/use-note-markdown-content.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import { useApplicationState } from './use-application-state'
8 |
9 | /**
10 | * Extracts the markdown content of the current note from the global application state.
11 | *
12 | * @return The markdown content of the note
13 | */
14 | export const useNoteMarkdownContent = (): string => {
15 | return useApplicationState((state) => state.noteDetails.markdownContent.plain)
16 | }
17 |
--------------------------------------------------------------------------------
/global-styles/colors-only-bootstrap/_badge.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * SPDX-FileCopyrightText: Original code: Copyright (c) 2011-2022 Twitter, Inc. + Copyright (c) 2011-2022 The Bootstrap Authors. Modification: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: MIT
5 | */
6 |
7 | // Base class
8 | //
9 | // Requires one of the contextual, color modifier classes for `color` and
10 | // `background-color`.
11 |
12 | .badge {
13 | // scss-docs-start badge-css-vars
14 | --#{$prefix}badge-color: #{$badge-color};
15 | // scss-docs-end badge-css-vars
16 | }
17 |
--------------------------------------------------------------------------------
/src/components/markdown-renderer/extensions/image-placeholder/image-placeholder.module.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | .image-drop {
8 | border: 3px dashed var(--bs-dark);
9 |
10 | border-radius: 3px;
11 | transition: background-color 50ms, color 50ms;
12 |
13 | .altText {
14 | text-overflow: ellipsis;
15 | flex: 1 1;
16 | overflow: hidden;
17 | width: 100%;
18 | white-space: nowrap;
19 | text-align: center;
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/src/redux/dark-mode/methods.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import { store } from '..'
8 | import type { DarkModeConfigAction, DarkModePreference } from './types'
9 | import { DarkModeConfigActionType } from './types'
10 |
11 | export const setDarkModePreference = (darkModePreference: DarkModePreference): void => {
12 | store.dispatch({
13 | type: DarkModeConfigActionType.SET_DARK_MODE,
14 | darkModePreference
15 | } as DarkModeConfigAction)
16 | }
17 |
--------------------------------------------------------------------------------
/src/components/common/upload-image-mimetypes.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | export const supportedMimeTypes: string[] = [
8 | 'image/apng',
9 | 'image/bmp',
10 | 'image/gif',
11 | 'image/heif',
12 | 'image/heic',
13 | 'image/heif-sequence',
14 | 'image/heic-sequence',
15 | 'image/jpeg',
16 | 'image/png',
17 | 'image/svg+xml',
18 | 'image/tiff',
19 | 'image/webp'
20 | ]
21 |
22 | export const acceptedMimeTypes = supportedMimeTypes.join(', ')
23 |
--------------------------------------------------------------------------------
/global-styles/colors-only-bootstrap/forms/_labels.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * SPDX-FileCopyrightText: Original code: Copyright (c) 2011-2022 Twitter, Inc. + Copyright (c) 2011-2022 The Bootstrap Authors. Modification: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: MIT
5 | */
6 |
7 | //
8 | // Labels
9 | //
10 |
11 | .form-label {
12 | color: $form-label-color;
13 | }
14 |
15 | // For use with horizontal and inline forms, when you need the label (or legend)
16 | // text to align with the form controls.
17 | .col-form-label {
18 | color: $form-label-color;
19 | }
20 |
--------------------------------------------------------------------------------
/src/components/markdown-renderer/loading-slide.tsx:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import React from 'react'
8 | import { Trans, useTranslation } from 'react-i18next'
9 |
10 | /**
11 | * Shows a static text placeholder while reveal.js is loading.
12 | */
13 | export const LoadingSlide: React.FC = () => {
14 | useTranslation()
15 | return (
16 |
6 |
7 | this is a mock for vega lite
8 |
9 | {"$schema":"https://vega.github.io/schema/vega-lite/v4.json","data":{"values":[{"a":"","b":28}]},"mark":"bar","encoding":{"x":{"field":"a"},"y":{"field":"b"}}}
10 |
11 |
12 |
13 |
14 |
15 |
16 |
18 |
20 |
16 |
18 | )
19 | }
20 |
--------------------------------------------------------------------------------
/src/components/render-page/markdown-document.module.scss:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | .markdown-document {
8 | width: 100%;
9 | height: 100%;
10 | margin: 0;
11 | overflow: auto;
12 | display: flex;
13 | flex-direction: row;
14 |
15 | .markdown-document-side {
16 | flex: 1 0 0;
17 | }
18 |
19 | .markdown-document-content {
20 | padding-left: 10px;
21 | padding-right: 10px;
22 | flex: 0 0 900px;
23 | max-width: 100%;
24 | width: 900px;
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/src/components/render-page/window-post-message-communicator/hooks/use-is-renderer-ready.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import { useApplicationState } from '../../../../hooks/common/use-application-state'
8 |
9 | /**
10 | * Extracts the ready status of the renderer from the global application state.
11 | *
12 | * @return The current ready status of the renderer.
13 | */
14 | export const useIsRendererReady = (): boolean => useApplicationState((state) => state.rendererStatus.rendererReady)
15 |
--------------------------------------------------------------------------------
/.mailmap:
--------------------------------------------------------------------------------
1 | Tilman Vatteroth
5 |
17 | `;
18 |
--------------------------------------------------------------------------------
/src/extensions/extra-integrations/plantuml/__snapshots__/plantuml-markdown-extension.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`PlantUML markdown extensions renders a plantuml codeblock 1`] = `
4 |
6 |
7 | this is a mock for abc js frame
8 |
9 | X:1\\nT:Speed the Plough\\nM:4/4\\nC:Trad.\\nK:G\\n|:GABc dedB|dedB dedB|c2ec B2dB|c2A2 A2BA|\\nGABc dedB|dedB dedB|c2ec B2dB|A2F2 G4:|\\n|:g2gf gdBd|g2f2 e2d2|c2ec B2dB|c2A2 A2df|\\ng2gf g2Bd|g2f2 e2d2|c2ec B2dB|A2F2 G4:|
10 |
11 |
12 |
13 |
14 |
15 |
16 |
5 | 
9 |
10 |
11 |
12 | `;
13 |
14 | exports[`PlantUML markdown extensions renders an error if no server is defined 1`] = `
15 |
16 |
22 | `;
23 |
--------------------------------------------------------------------------------
/AUTHORS.md:
--------------------------------------------------------------------------------
1 |
6 |
7 |
11 |
12 | # Authors
13 |
14 | - Erik Michelson 19 | renderer.plantuml.notConfigured 20 |
21 |
18 |
5 |
13 | `;
14 |
15 | exports[`Emoji Markdown Extension renders a skin tone code 1`] = `
16 | 6 | 9 |
10 | 11 | 12 |
17 |
23 | `;
24 |
25 | exports[`Emoji Markdown Extension renders an emoji code 1`] = `
26 | 18 | 🏽 19 |
20 | 21 | 22 |
27 |
33 | `;
34 |
--------------------------------------------------------------------------------
/cypress/e2e/iframe-capsule.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | describe('Iframe capsule', () => {
8 | beforeEach(() => {
9 | cy.visitTestNote()
10 | })
11 |
12 | it('shows a clickable click shield instead of the iframe', () => {
13 | cy.setCodemirrorContent('')
14 | cy.getMarkdownBody().findByCypressId('iframe-capsule-click-shield').should('exist').click()
15 | cy.getMarkdownBody().find('iframe').should('exist').should('have.attr', 'src', 'https://example.org')
16 | })
17 | })
18 |
--------------------------------------------------------------------------------
/global-styles/colors-only-bootstrap/forms/_input-group.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * SPDX-FileCopyrightText: Original code: Copyright (c) 2011-2022 Twitter, Inc. + Copyright (c) 2011-2022 The Bootstrap Authors. Modification: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: MIT
5 | */
6 |
7 | // Textual addons
8 | //
9 | // Serves as a catch-all element for any text or radio/checkbox input you wish
10 | // to prepend or append to an input.
11 |
12 | .input-group-text {
13 | color: $input-group-addon-color;
14 | background-color: $input-group-addon-bg;
15 | border: $input-border-width solid $input-group-addon-border-color;
16 | }
17 |
--------------------------------------------------------------------------------
/src/components/editor-page/synced-scroll/scroll-props.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | export type ScrollCallback = (scrollState: ScrollState) => void
8 |
9 | export interface ScrollProps {
10 | scrollState?: ScrollState
11 | onScroll?: ScrollCallback
12 | onMakeScrollSource?: () => void
13 | }
14 |
15 | export interface ScrollState {
16 | firstLineInView: number
17 | scrolledPercentage: number
18 | }
19 |
20 | export interface DualScrollState {
21 | editorScrollState: ScrollState
22 | rendererScrollState: ScrollState
23 | }
24 |
--------------------------------------------------------------------------------
/src/extensions/extra-integrations/vimeo/__snapshots__/vimeo-frame.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`VimeoFrame renders a click shield 1`] = `
4 | 28 | 😄 29 |
30 | 31 | 32 |
5 |
6 | This is a click shield for
7 |
17 |
18 |
19 | `;
20 |
--------------------------------------------------------------------------------
/src/redux/store-provider.tsx:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import type { PropsWithChildren } from 'react'
8 | import React from 'react'
9 | import { Provider } from 'react-redux'
10 | import { store } from './index'
11 |
12 | /**
13 | * Sets the redux store for the children components.
14 | *
15 | * @param children The child components that should access the redux store
16 | */
17 | export const StoreProvider: React.FC
5 |
33 | `;
34 |
--------------------------------------------------------------------------------
/src/components/application-loader/initializers/fetch-frontend-config.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import { getConfig } from '../../../api/config'
8 | import { setConfig } from '../../../redux/config/methods'
9 |
10 | /**
11 | * Get the {@link Config frontend config} and save it in the global application state.
12 | */
13 | export const fetchFrontendConfig = async (): Promise6 | 9 | example.rocks 10 | 11 |
12 | 13 | 14 |15 | 18 | example.com 19 | 20 |
21 | 22 | 23 |24 | 27 | example.de 28 | 29 |
30 | 31 | 32 |
5 |
6 | This is a click shield for
7 |
17 |
18 |
19 | `;
20 |
--------------------------------------------------------------------------------
/src/components/editor-page/sidebar/user-line/user-line.module.scss:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | .user-line-color-indicator {
8 | border-left: 3px solid;
9 | min-height: 30px;
10 | height: 100%;
11 | flex: 0 0 3px;
12 | }
13 |
14 | .user-avatar {
15 | flex: 0 0 20px;
16 | }
17 |
18 | .user-line-name {
19 | text-overflow: ellipsis;
20 | flex: 1 1 0;
21 | overflow: hidden;
22 | }
23 |
24 | .active-indicator-container {
25 | height: 100%;
26 | display: flex;
27 | flex: 0 0 20px;
28 | align-items: center;
29 | justify-content: center;
30 | }
31 |
--------------------------------------------------------------------------------
/src/hooks/common/use-app-title.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import { useMemo } from 'react'
8 | import { useApplicationState } from './use-application-state'
9 |
10 | /**
11 | * Calculates the app title with branding if set.
12 | *
13 | * @return The app title with branding.
14 | */
15 | export const useAppTitle = (): string => {
16 | const brandingName = useApplicationState((state) => state.config.branding.name)
17 |
18 | return useMemo(() => {
19 | return 'HedgeDoc' + (brandingName ? ` @ ${brandingName}` : '')
20 | }, [brandingName])
21 | }
22 |
--------------------------------------------------------------------------------
/cypress/support/check-links.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | declare namespace Cypress {
8 | interface Chainable {
9 | /**
10 | * Custom command to check an external Link.
11 | * @example cy.get(a#extern).checkExternalLink('http://example.com')
12 | */
13 | checkExternalLink(url: string): Chainable
5 |
23 |
24 | `;
25 |
--------------------------------------------------------------------------------
/src/components/editor-page/editor-pane/tool-bar/formatters/replace-in-content.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import type { ContentEdits } from './types/changes'
8 | import { Optional } from '@mrdrogdrog/optional'
9 |
10 | export const replaceInContent = (currentContent: string, replaceable: string, replacement: string): ContentEdits => {
11 | return Optional.ofNullable(currentContent.indexOf(replaceable))
12 | .filter((index) => index > -1)
13 | .map((index) => [{ from: index, to: index + replaceable.length, insert: replacement }])
14 | .orElse([])
15 | }
16 |
--------------------------------------------------------------------------------
/src/components/common/icon-button/translated-icon-button.test.tsx:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import { mockI18n } from '../../markdown-renderer/test-utils/mock-i18n'
8 | import { render } from '@testing-library/react'
9 | import { TranslatedIconButton } from './translated-icon-button'
10 |
11 | describe('TranslatedIconButton', () => {
12 | it('renders heart icon with i18nKey', async () => {
13 | await mockI18n()
14 | const view = render({children}
19 | }
20 |
--------------------------------------------------------------------------------
/src/extensions/extra-integrations/gist/gist-app-extension.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import { AppExtension } from '../../base/app-extension'
8 | import type { MarkdownRendererExtension } from '../../../components/markdown-renderer/extensions/base/markdown-renderer-extension'
9 | import { GistMarkdownExtension } from './gist-markdown-extension'
10 |
11 | /**
12 | * Adds support for embeddings of GitHub Gists to the markdown renderer.
13 | */
14 | export class GistAppExtension extends AppExtension {
15 | buildMarkdownRendererExtensions(): MarkdownRendererExtension[] {
16 | return [new GistMarkdownExtension()]
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/src/utils/test-id.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | export interface PropsWithDataTestId {
8 | 'data-testid'?: string | undefined
9 | }
10 |
11 | /**
12 | * Returns an object with the "data-testid" attribute that is used to find
13 | * elements in unit tests.
14 | * This works only if the runtime is built in test mode.
15 | *
16 | * @param identifier The identifier that is used to find the element
17 | * @return An object if in test mode, undefined otherwise.
18 | */
19 | export const testId = (identifier: string): PropsWithDataTestId => {
20 | return process.env.NODE_ENV === 'test' ? { 'data-testid': identifier } : {}
21 | }
22 |
--------------------------------------------------------------------------------
/src/extensions/extra-integrations/csv/csv-table-app-extension.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import { AppExtension } from '../../base/app-extension'
8 | import type { MarkdownRendererExtension } from '../../../components/markdown-renderer/extensions/base/markdown-renderer-extension'
9 | import { CsvTableMarkdownExtension } from './csv-table-markdown-extension'
10 |
11 | /**
12 | * Adds support for csv tables to the markdown rendering.
13 | */
14 | export class CsvTableAppExtension extends AppExtension {
15 | buildMarkdownRendererExtensions(): MarkdownRendererExtension[] {
16 | return [new CsvTableMarkdownExtension()]
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/src/extensions/extra-integrations/graphviz/graphviz-app-extension.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import { AppExtension } from '../../base/app-extension'
8 | import type { MarkdownRendererExtension } from '../../../components/markdown-renderer/extensions/base/markdown-renderer-extension'
9 | import { GraphvizMarkdownExtension } from './graphviz-markdown-extension'
10 |
11 | /**
12 | * Adds support for graphviz to the markdown rendering.
13 | */
14 | export class GraphvizAppExtension extends AppExtension {
15 | buildMarkdownRendererExtensions(): MarkdownRendererExtension[] {
16 | return [new GraphvizMarkdownExtension()]
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/src/components/common/links/translated-external-link.test.tsx:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import { TranslatedExternalLink } from './translated-external-link'
8 | import { mockI18n } from '../../markdown-renderer/test-utils/mock-i18n'
9 | import { render } from '@testing-library/react'
10 |
11 | describe('TranslatedExternalLink', () => {
12 | const href = 'https://example.com'
13 | beforeAll(async () => {
14 | await mockI18n()
15 | })
16 | it('renders with i18nKey', () => {
17 | const view = render(
5 |
8 | success!
9 |
10 |
11 | `;
12 |
13 | exports[`Note loading boundary shows an error 1`] = `
14 |
15 |
18 | This is a mock for CommonErrorPage.
19 |
20 |
21 | titleI18nKey:
22 | api.note.notFound.title
23 |
24 |
25 | descriptionI18nKey:
26 | api.note.notFound.description
27 |
28 |
29 | children:
30 |
31 | This is a mock for CreateNonExistingNoteHint
32 |
33 |
34 |
35 | `;
36 |
--------------------------------------------------------------------------------
/src/components/layout/base-head.tsx:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import React from 'react'
8 | import Head from 'next/head'
9 | import { useAppTitle } from '../../hooks/common/use-app-title'
10 | import { FavIcon } from './fav-icon'
11 | import { useBaseUrl } from '../../hooks/common/use-base-url'
12 |
13 | /**
14 | * Sets basic browser meta tags.
15 | */
16 | export const BaseHead: React.FC = () => {
17 | const appTitle = useAppTitle()
18 | const baseUrl = useBaseUrl()
19 | return (
20 |
21 |
5 |
11 | `;
12 |
13 | exports[`youtube markdown extension renders legacy youtube syntax 1`] = `
14 | 6 | {%youtube a %} 7 |
8 | 9 | 10 |
15 |
24 | `;
25 |
26 | exports[`youtube markdown extension renders plain youtube URLs 1`] = `
27 | 16 | 17 | this is a mock for the youtube frame with id 18 | XDnhKh5V5XQ 19 | 20 |
21 | 22 | 23 |
28 |
37 | `;
38 |
--------------------------------------------------------------------------------
/src/components/editor-page/app-bar/new-note-button.tsx:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import React from 'react'
8 | import { ForkAwesomeIcon } from '../../common/fork-awesome/fork-awesome-icon'
9 | import { Trans, useTranslation } from 'react-i18next'
10 | import { Button } from 'react-bootstrap'
11 | import Link from 'next/link'
12 |
13 | /**
14 | * Renders a button to create a new note.
15 | */
16 | export const NewNoteButton: React.FC = () => {
17 | useTranslation()
18 |
19 | return (
20 |
21 |
24 |
25 | )
26 | }
27 |
--------------------------------------------------------------------------------
/src/components/markdown-renderer/extensions/iframe-capsule/iframe-capsule-markdown-extension.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import { MarkdownRendererExtension } from '../base/markdown-renderer-extension'
8 | import type { ComponentReplacer } from '../../replace-components/component-replacer'
9 | import { IframeCapsuleReplacer } from './iframe-capsule-replacer'
10 |
11 | /**
12 | * Adds a replacer that capsules iframes in a click shield.
13 | */
14 | export class IframeCapsuleMarkdownExtension extends MarkdownRendererExtension {
15 | public buildReplacers(): ComponentReplacer[] {
16 | return [new IframeCapsuleReplacer()]
17 | }
18 |
19 | public buildTagNameAllowList(): string[] {
20 | return ['iframe']
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/src/components/markdown-renderer/extensions/linemarker/linemarker-replacer.tsx:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import type { Element } from 'domhandler'
8 | import type { NodeReplacement } from '../../replace-components/component-replacer'
9 | import { ComponentReplacer, DO_NOT_REPLACE } from '../../replace-components/component-replacer'
10 | import { LinemarkerMarkdownExtension } from './linemarker-markdown-extension'
11 |
12 | /**
13 | * Detects line markers and suppresses them in the resulting DOM.
14 | */
15 | export class LinemarkerReplacer extends ComponentReplacer {
16 | public replace(codeNode: Element): NodeReplacement {
17 | return codeNode.name === LinemarkerMarkdownExtension.tagName ? null : DO_NOT_REPLACE
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/src/components/common/modals/deletion-moadal.test.tsx:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import { mockI18n } from '../../markdown-renderer/test-utils/mock-i18n'
8 | import { render, screen } from '@testing-library/react'
9 | import { DeletionModal } from './deletion-modal'
10 |
11 | describe('DeletionModal', () => {
12 | it('renders correctly with deletionButtonI18nKey', async () => {
13 | await mockI18n()
14 | const onConfirm = jest.fn()
15 | render(
16 | 29 | 30 | this is a mock for the youtube frame with id 31 | XDnhKh5V5XQ 32 | 33 |
34 | 35 | 36 |
5 |
29 |
30 | `;
31 |
--------------------------------------------------------------------------------
/src/extensions/extra-integrations/task-list/set-checkbox-in-editor.tsx:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import type React from 'react'
8 | import { useSetCheckboxInEditor } from './use-set-checkbox-in-editor'
9 | import { useExtensionEventEmitterHandler } from '../../../components/markdown-renderer/hooks/use-extension-event-emitter'
10 | import { TaskListCheckboxAppExtension } from './task-list-checkbox-app-extension'
11 |
12 | /**
13 | * Receives task-checkbox-change events and modify the current editor content.
14 | */
15 | export const SetCheckboxInEditor: React.FC = () => {
16 | const changeCallback = useSetCheckboxInEditor()
17 | useExtensionEventEmitterHandler(TaskListCheckboxAppExtension.EVENT_NAME, changeCallback)
18 | return null
19 | }
20 |
--------------------------------------------------------------------------------
/src/components/history-page/history-toolbar/export-history-button.tsx:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import React from 'react'
8 | import { Button } from 'react-bootstrap'
9 | import { useTranslation } from 'react-i18next'
10 | import { ForkAwesomeIcon } from '../../common/fork-awesome/fork-awesome-icon'
11 | import { downloadHistory } from '../../../redux/history/methods'
12 |
13 | /**
14 | * Renders a button to export the history.
15 | */
16 | export const ExportHistoryButton: React.FC = () => {
17 | const { t } = useTranslation()
18 |
19 | return (
20 |
23 | )
24 | }
25 |
--------------------------------------------------------------------------------
/src/components/markdown-renderer/extensions/base/code-block-markdown-extension/code-block-parameters.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | const codeFenceArguments = /^ *([\w-]*)(.*)$/
8 |
9 | interface CodeBlockParameters {
10 | language: string
11 | codeFenceParameters: string
12 | }
13 |
14 | /**
15 | * Parses the language name and additional parameters from a code block name input.
16 | *
17 | * @param text The text to parse
18 | * @return The parsed parameters
19 | */
20 | export const parseCodeBlockParameters = (text: string): CodeBlockParameters => {
21 | const parsedText = codeFenceArguments.exec(text)
22 | return {
23 | language: parsedText?.[1].trim() ?? '',
24 | codeFenceParameters: parsedText?.[2].trim() ?? ''
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/src/components/editor-page/editor-pane/extended-codemirror/codemirror.module.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | .extendedCodemirror {
8 | :global(.cm-editor .cm-line) {
9 | @import '../../../../../global-styles/variables.module';
10 | font-family: "Fira Code", $font-family-emojis, Consolas, monaco, monospace;
11 | }
12 |
13 | &.no-ligatures {
14 | :global(.cm-editor .cm-line) {
15 | font-variant-ligatures: none;
16 | }
17 | }
18 |
19 | :global {
20 | .cm-widgetBuffer {
21 | display: none;
22 | }
23 |
24 | .cm-diagnostic {
25 | max-width: 400px;
26 | padding: 10px;
27 | }
28 |
29 | //workarounds for line break problem.. see https://github.com/yjs/y-codemirror.next/pull/12
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/src/components/common/links/translated-internal-link.tsx:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import React from 'react'
8 | import { useTranslation } from 'react-i18next'
9 | import { InternalLink } from './internal-link'
10 | import type { TranslatedLinkProps } from './types'
11 | /**
12 | * An {@link InternalLink internal link} with translated text.
13 | *
14 | * @param i18nKey The key of the translation
15 | * @param i18nOption The translation options
16 | * @param props Additional props directly given to the {@link InternalLink}
17 | */
18 | export const TranslatedInternalLink: React.FC
21 |
23 | )
24 | }
25 |
--------------------------------------------------------------------------------
/src/extensions/extra-integrations/gist/replace-gist-link.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import { GistMarkdownExtension } from './gist-markdown-extension'
8 | import type { RegexOptions } from '../../../external-types/markdown-it-regex/interface'
9 |
10 | const linkRegex = /^(?:https?:\/\/)?gist\.github\.com\/(\w+\/\w+)(?:[./?#].*)?$/i
11 |
12 | /**
13 | * Replacer for gist links.
14 | */
15 | export const replaceGistLink: RegexOptions = {
16 | name: 'gist-link',
17 | regex: linkRegex,
18 | replace: (match) => {
19 | // ESLint wants to collapse this tag, but then the tag won't be valid html anymore.
20 | // noinspection CheckTagEmptyBody
21 | return `<${GistMarkdownExtension.tagName} id='${match}'>`
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/src/components/common/links/translated-external-link.tsx:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import React from 'react'
8 | import { useTranslation } from 'react-i18next'
9 | import { ExternalLink } from './external-link'
10 | import type { TranslatedLinkProps } from './types'
11 |
12 | /**
13 | * An {@link ExternalLink external link} with translated text.
14 | *
15 | * @param i18nKey The key of the translation
16 | * @param i18nOption The translation options
17 | * @param props Additional props directly given to the {@link ExternalLink}
18 | */
19 | export const TranslatedExternalLink: React.FC{children}
22 |
5 |
12 | `;
13 |
14 | exports[`Flowchart handles error while rendering 1`] = `
15 |
9 | common.errorWhileLoading
10 |
11 |
16 |
27 | `;
28 |
29 | exports[`Flowchart renders correctly 1`] = `
30 |
20 | renderer.flowchart.invalidSyntax
21 |
22 |
26 |
31 |
38 | `;
39 |
--------------------------------------------------------------------------------
/src/components/editor-page/editor-pane/tool-bar/buttons/italic-button.tsx:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import React, { useCallback } from 'react'
8 | import { ToolbarButton } from '../toolbar-button'
9 | import { wrapSelection } from '../formatters/wrap-selection'
10 | import type { ContentFormatter } from '../../../change-content-context/change-content-context'
11 |
12 | /**
13 | * Renders a button to make the selection in the {@link Editor editor} italic.
14 | */
15 | export const ItalicButton: React.FC = () => {
16 | const formatter: ContentFormatter = useCallback(({ currentSelection }) => {
17 | return wrapSelection(currentSelection, '*', '*')
18 | }, [])
19 | return
35 | Flowchart rendering succeeded!
36 |
37 |
5 |
6 | This is a mock implementation of a Modal:
7 |
30 |
31 |
32 | `;
33 |
--------------------------------------------------------------------------------
/src/components/editor-page/editor-pane/tool-bar/buttons/subscript-button.tsx:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
3 | *
4 | * SPDX-License-Identifier: AGPL-3.0-only
5 | */
6 |
7 | import React, { useCallback } from 'react'
8 | import { ToolbarButton } from '../toolbar-button'
9 | import { wrapSelection } from '../formatters/wrap-selection'
10 | import type { ContentFormatter } from '../../../change-content-context/change-content-context'
11 |
12 | /**
13 | * Renders a button to format the selection in the {@link Editor editor} as subscript.
14 | */
15 | export const SubscriptButton: React.FC = () => {
16 | const formatter: ContentFormatter = useCallback(({ currentSelection }) => {
17 | return wrapSelection(currentSelection, '~', '~')
18 | }, [])
19 | return