) {
11 | if (editor.hasNodes([klass])) {
12 | return editor.registerNodeTransform(klass, removeAlignmentTransform);
13 | }
14 |
15 | // eslint-disable-next-line @typescript-eslint/no-empty-function
16 | return () => {};
17 | }
18 |
--------------------------------------------------------------------------------
/packages/kg-lexical-html-renderer/lib/transformers/index.ts:
--------------------------------------------------------------------------------
1 | import {ElementNode} from 'lexical';
2 | import type {RendererOptions} from '@tryghost/kg-default-nodes';
3 |
4 | export type ExportChildren = (node: ElementNode, options?: RendererOptions) => string;
5 | export type ElementTransformer = {
6 | export: (node: ElementNode, options: RendererOptions, exportChildren: ExportChildren) => string | null;
7 | };
8 |
9 | const elementTransformers: ElementTransformer[] = [
10 | require('./element/paragraph'),
11 | require('./element/heading'),
12 | require('./element/list'),
13 | require('./element/blockquote'),
14 | require('./element/aside')
15 | ];
16 |
17 | export default elementTransformers;
18 |
--------------------------------------------------------------------------------
/packages/koenig-lexical/src/assets/icons/kg-card-type-gallery.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
7 |
8 |
10 |
11 |
--------------------------------------------------------------------------------
/packages/kg-default-nodes/lib/utils/get-resized-image-dimensions.js:
--------------------------------------------------------------------------------
1 | export const getResizedImageDimensions = function (image, {width: desiredWidth, height: desiredHeight} = {}) {
2 | const {width, height} = image;
3 | const ratio = width / height;
4 |
5 | if (desiredWidth) {
6 | const resizedHeight = Math.round(desiredWidth / ratio);
7 |
8 | return {
9 | width: desiredWidth,
10 | height: resizedHeight
11 | };
12 | }
13 |
14 | if (desiredHeight) {
15 | const resizedWidth = Math.round(desiredHeight * ratio);
16 |
17 | return {
18 | width: resizedWidth,
19 | height: desiredHeight
20 | };
21 | }
22 | };
23 |
--------------------------------------------------------------------------------
/packages/koenig-lexical/src/assets/icons/kg-upload-fill.svg:
--------------------------------------------------------------------------------
1 |
2 |
5 |
--------------------------------------------------------------------------------
/packages/koenig-lexical/src/components/ui/ImageUploadForm.jsx:
--------------------------------------------------------------------------------
1 | export function ImageUploadForm({onFileChange, fileInputRef, mimeTypes = ['image/*'], multiple = false, disabled}) {
2 | const accept = mimeTypes.join(',');
3 |
4 | return (
5 |
17 | );
18 | }
19 |
20 | export default ImageUploadForm;
21 |
--------------------------------------------------------------------------------
/packages/kg-lexical-html-renderer/test/utils/should-render.js:
--------------------------------------------------------------------------------
1 | const jsdom = require('jsdom');
2 | const {JSDOM} = jsdom;
3 | const Renderer = require('../../');
4 |
5 | const dom = new JSDOM();
6 |
7 | function shouldRender({input, output, options = {}}) {
8 | return async function () {
9 | const defaultOnError = (err) => {
10 | throw err;
11 | };
12 |
13 | const {nodes, onError, ...renderOptions} = options;
14 | const renderer = new Renderer({dom, nodes, onError: onError || defaultOnError});
15 | const renderedInput = await renderer.render(input, renderOptions);
16 | renderedInput.should.equal(output);
17 | };
18 | }
19 |
20 | module.exports = shouldRender;
21 |
--------------------------------------------------------------------------------
/packages/kg-default-nodes/lib/nodes/markdown/markdown-renderer.js:
--------------------------------------------------------------------------------
1 | import markdownHtmlRenderer from '@tryghost/kg-markdown-html-renderer';
2 | import {addCreateDocumentOption} from '../../utils/add-create-document-option';
3 |
4 | export function renderMarkdownNode(node, options = {}) {
5 | addCreateDocumentOption(options);
6 | const document = options.createDocument();
7 |
8 | const html = markdownHtmlRenderer.render(node.markdown || '', options);
9 |
10 | const element = document.createElement('div');
11 | element.innerHTML = html;
12 |
13 | // `type: 'inner'` will render only the innerHTML of the element
14 | // @see @tryghost/kg-lexical-html-renderer package
15 | return {element, type: 'inner'};
16 | }
17 |
--------------------------------------------------------------------------------
/packages/kg-default-nodes/lib/nodes/paywall/PaywallNode.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable ghost/filenames/match-exported-class */
2 | import {generateDecoratorNode} from '../../generate-decorator-node';
3 | import {parsePaywallNode} from './paywall-parser';
4 | import {renderPaywallNode} from './paywall-renderer';
5 |
6 | export class PaywallNode extends generateDecoratorNode({
7 | nodeType: 'paywall',
8 | defaultRenderFn: renderPaywallNode
9 | }) {
10 | static importDOM() {
11 | return parsePaywallNode(this);
12 | }
13 | }
14 |
15 | export const $createPaywallNode = (dataset) => {
16 | return new PaywallNode(dataset);
17 | };
18 |
19 | export function $isPaywallNode(node) {
20 | return node instanceof PaywallNode;
21 | }
22 |
--------------------------------------------------------------------------------
/packages/kg-default-nodes/lib/utils/tagged-template-fns.mjs:
--------------------------------------------------------------------------------
1 | const oneline = function (strings, ...values) {
2 | // Handle case where a plain string is passed
3 | if (typeof strings === 'string') {
4 | return strings.replace(/\n\s+/g, '').trim();
5 | }
6 |
7 | // Handle tagged template literal case
8 | const result = strings.reduce((acc, str, i) => {
9 | return acc + str + (values[i] || '');
10 | }, '');
11 | // Remove newline+indentation patterns while preserving intentional whitespace
12 | return result.replace(/\n\s+/g, '').trim();
13 | };
14 |
15 | // Using `html` as a synonym for `oneline` in order to get syntax highlighting in editors
16 | const html = oneline;
17 |
18 | export {oneline, html};
--------------------------------------------------------------------------------
/packages/kg-lexical-html-renderer/lib/transformers/element/heading.ts:
--------------------------------------------------------------------------------
1 | import {$isHeadingNode} from '@lexical/rich-text';
2 | import generateId from '../../utils/generate-id';
3 | import type {RendererOptions} from '@tryghost/kg-default-nodes';
4 | import type {ElementNode} from 'lexical';
5 | import type {ExportChildren} from '..';
6 |
7 | module.exports = {
8 | export(node: ElementNode, options: RendererOptions, exportChildren: ExportChildren) {
9 | if (!$isHeadingNode(node)) {
10 | return null;
11 | }
12 |
13 | const tag = node.getTag();
14 | const id = generateId(node.getTextContent(), options);
15 |
16 | return `<${tag} id="${id}">${exportChildren(node)}`;
17 | }
18 | };
19 |
--------------------------------------------------------------------------------
/packages/kg-utils/README.md:
--------------------------------------------------------------------------------
1 | # Koenig Utils
2 |
3 | ## Install
4 |
5 | `npm install @tryghost/kg-utils --save`
6 |
7 | or
8 |
9 | `yarn add @tryghost/kg-utils`
10 |
11 |
12 | ## Usage
13 |
14 |
15 | ## Develop
16 |
17 | This is a mono repository, managed with [lerna](https://lernajs.io/).
18 |
19 | Follow the instructions for the top-level repo.
20 | 1. `git clone` this repo & `cd` into it as usual
21 | 2. Run `yarn` to install top-level dependencies.
22 |
23 |
24 | ## Run
25 |
26 | - `yarn dev`
27 |
28 |
29 | ## Test
30 |
31 | - `yarn lint` run just eslint
32 | - `yarn test` run lint and tests
33 |
34 |
35 |
36 |
37 | # Copyright & License
38 |
39 | Copyright (c) 2013-2025 Ghost Foundation - Released under the [MIT license](LICENSE).
--------------------------------------------------------------------------------
/packages/koenig-lexical/src/components/ui/LinkInput.stories.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import {LinkInput} from './LinkInput';
4 |
5 | const story = {
6 | title: 'Toolbar/LinkInput',
7 | component: LinkInput,
8 | parameters: {
9 | status: {
10 | type: 'functional'
11 | }
12 | }
13 | };
14 | export default story;
15 |
16 | const Template = (args) => {
17 | return (
18 |
19 |
21 | );
22 | };
23 |
24 | export const Empty = Template.bind({});
25 | Empty.args = {
26 | href: ''
27 | };
28 |
29 | export const Populated = Template.bind({});
30 | Populated.args = {
31 | href: 'https://ghost.org'
32 | };
--------------------------------------------------------------------------------
/packages/kg-lexical-html-renderer/lib/utils/generate-id.ts:
--------------------------------------------------------------------------------
1 | import type {RendererOptions} from '@tryghost/kg-default-nodes';
2 | import {slugify} from '@tryghost/kg-utils';
3 |
4 | function generateId(text: string, options: RendererOptions) {
5 | if (!options.usedIdAttributes) {
6 | options.usedIdAttributes = {};
7 | }
8 |
9 | const id = slugify(text, options);
10 | let deduplicatedId = id;
11 |
12 | if (options.usedIdAttributes[id] !== undefined) {
13 | deduplicatedId += `-${options.usedIdAttributes[id]}`;
14 |
15 | options.usedIdAttributes[id] += 1;
16 | } else {
17 | options.usedIdAttributes[id] = 1;
18 | }
19 |
20 | return deduplicatedId;
21 | }
22 |
23 | export default generateId;
24 |
--------------------------------------------------------------------------------
/packages/koenig-lexical/src/assets/icons/kg-card-type-twitter.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/packages/kg-converters/README.md:
--------------------------------------------------------------------------------
1 | # Koenig Converters
2 |
3 | Functions for converting between serialized Lexical and Mobiledoc formats
4 |
5 | ## Install
6 |
7 | `npm install @tryghost/kg-converters --save`
8 |
9 | or
10 |
11 | `yarn add @tryghost/kg-converters`
12 |
13 | ## Usage
14 |
15 |
16 | ## Develop
17 |
18 | This is a monorepo package.
19 |
20 | Follow the instructions for the top-level repo.
21 | 1. `git clone` this repo & `cd` into it as usual
22 | 2. Run `yarn` to install top-level dependencies.
23 |
24 |
25 |
26 | ## Test
27 |
28 | - `yarn lint` run just eslint
29 | - `yarn test` run lint and tests
30 |
31 |
32 |
33 | # Copyright & License
34 |
35 | Copyright (c) 2013-2025 Ghost Foundation - Released under the [MIT license](LICENSE).
--------------------------------------------------------------------------------
/packages/kg-default-nodes/lib/utils/rgb-to-hex.js:
--------------------------------------------------------------------------------
1 | export const rgbToHex = (rgb) => {
2 | if (rgb === 'transparent') {
3 | return rgb;
4 | }
5 |
6 | try {
7 | // Extract the red, green, and blue values from the RGB string
8 | const [r, g, b] = rgb.match(/\d+/g);
9 | // Convert each component to hexadecimal
10 | const red = parseInt(r, 10).toString(16).padStart(2, '0');
11 | const green = parseInt(g, 10).toString(16).padStart(2, '0');
12 | const blue = parseInt(b, 10).toString(16).padStart(2, '0');
13 | // Concatenate the hexadecimal values
14 | const hex = `#${red}${green}${blue}`;
15 | return hex;
16 | } catch (e) {
17 | return null;
18 | }
19 | };
20 |
--------------------------------------------------------------------------------
/packages/kg-html-to-lexical/README.md:
--------------------------------------------------------------------------------
1 | # Html To Lexical
2 |
3 | Convert HTML strings into Lexical editor state objects
4 |
5 | ## Install
6 |
7 | `npm install @tryghost/kg-html-to-lexical --save`
8 |
9 | or
10 |
11 | `yarn add @tryghost/kg-html-to-lexical`
12 |
13 | ## Usage
14 |
15 |
16 | ## Develop
17 |
18 | This is a monorepo package.
19 |
20 | Follow the instructions for the top-level repo.
21 | 1. `git clone` this repo & `cd` into it as usual
22 | 2. Run `yarn` to install top-level dependencies.
23 |
24 |
25 |
26 | ## Test
27 |
28 | - `yarn lint` run just eslint
29 | - `yarn test` run lint and tests
30 |
31 |
32 |
33 | # Copyright & License
34 |
35 | Copyright (c) 2013-2025 Ghost Foundation - Released under the [MIT license](LICENSE).
36 |
--------------------------------------------------------------------------------
/packages/kg-lexical-html-renderer/lib/get-dynamic-data-nodes.ts:
--------------------------------------------------------------------------------
1 | import {$getRoot} from 'lexical';
2 | import {$isKoenigCard, KoenigDecoratorNode} from '@tryghost/kg-default-nodes';
3 |
4 | import type {EditorState} from 'lexical';
5 |
6 | export default function getDynamicDataNodes(editorState: EditorState): KoenigDecoratorNode[] {
7 | const dynamicNodes: KoenigDecoratorNode[] = [];
8 |
9 | editorState.read(() => {
10 | const root = $getRoot();
11 | const nodes = root.getChildren();
12 |
13 | nodes.forEach((node) => {
14 | if ($isKoenigCard(node) && node.hasDynamicData?.()) {
15 | dynamicNodes.push(node);
16 | }
17 | });
18 | });
19 |
20 | return dynamicNodes;
21 | }
22 |
--------------------------------------------------------------------------------
/packages/koenig-lexical/demo/assets/icons/kg-dollar.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
6 |
--------------------------------------------------------------------------------
/packages/koenig-lexical/demo/content/minimal-content.json:
--------------------------------------------------------------------------------
1 | {
2 | "root": {
3 | "children": [
4 | {
5 | "children": [
6 | {
7 | "detail": 0,
8 | "format": 0,
9 | "mode": "normal",
10 | "style": "",
11 | "text": "There's a whole lot to discover in this editor. Let us help you settle in.",
12 | "type": "text",
13 | "version": 1
14 | }
15 | ],
16 | "direction": "ltr",
17 | "format": "",
18 | "indent": 0,
19 | "type": "paragraph",
20 | "version": 1
21 | }
22 | ],
23 | "direction": "ltr",
24 | "format": "",
25 | "indent": 0,
26 | "type": "root",
27 | "version": 1
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/packages/kg-card-factory/README.md:
--------------------------------------------------------------------------------
1 | # Koenig Card Factory
2 |
3 | ## Install
4 |
5 | `npm install @tryghost/kg-card-factory --save`
6 |
7 | or
8 |
9 | `yarn add @tryghost/kg-card-factory`
10 |
11 |
12 | ## Usage
13 |
14 |
15 | ## Develop
16 |
17 | This is a mono repository, managed with [lerna](https://lernajs.io/).
18 |
19 | Follow the instructions for the top-level repo.
20 | 1. `git clone` this repo & `cd` into it as usual
21 | 2. Run `yarn` to install top-level dependencies.
22 |
23 |
24 | ## Run
25 |
26 | - `yarn dev`
27 |
28 |
29 | ## Test
30 |
31 | - `yarn lint` run just eslint
32 | - `yarn test` run lint and tests
33 |
34 |
35 |
36 |
37 | # Copyright & License
38 |
39 | Copyright (c) 2013-2025 Ghost Foundation - Released under the [MIT license](LICENSE).
40 |
--------------------------------------------------------------------------------
/packages/kg-default-transforms/README.md:
--------------------------------------------------------------------------------
1 | # Koenig Default Transforms
2 |
3 | Default Lexical Node transforms used across our Koenig packages
4 |
5 | ## Install
6 |
7 | `npm install @tryghost/kg-default-transforms --save`
8 |
9 | or
10 |
11 | `yarn add @tryghost/kg-default-transforms`
12 |
13 | ## Usage
14 |
15 |
16 | ## Develop
17 |
18 | This is a monorepo package.
19 |
20 | Follow the instructions for the top-level repo.
21 | 1. `git clone` this repo & `cd` into it as usual
22 | 2. Run `yarn` to install top-level dependencies.
23 |
24 |
25 |
26 | ## Test
27 |
28 | - `yarn lint` run just eslint
29 | - `yarn test` run lint and tests
30 |
31 |
32 |
33 | # Copyright & License
34 |
35 | Copyright (c) 2013-2025 Ghost Foundation - Released under the [MIT license](LICENSE).
--------------------------------------------------------------------------------
/packages/koenig-lexical/src/assets/icons/kg-card-type-image.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/packages/kg-default-atoms/README.md:
--------------------------------------------------------------------------------
1 | # Koenig Default Atoms
2 |
3 | ## Install
4 |
5 | `npm install @tryghost/kg-default-atoms --save`
6 |
7 | or
8 |
9 | `yarn add @tryghost/kg-default-atoms`
10 |
11 |
12 | ## Usage
13 |
14 |
15 | ## Develop
16 |
17 | This is a mono repository, managed with [lerna](https://lernajs.io/).
18 |
19 | Follow the instructions for the top-level repo.
20 | 1. `git clone` this repo & `cd` into it as usual
21 | 2. Run `yarn` to install top-level dependencies.
22 |
23 |
24 | ## Run
25 |
26 | - `yarn dev`
27 |
28 |
29 | ## Test
30 |
31 | - `yarn lint` run just eslint
32 | - `yarn test` run lint and tests
33 |
34 |
35 |
36 |
37 | # Copyright & License
38 |
39 | Copyright (c) 2013-2025 Ghost Foundation - Released under the [MIT license](LICENSE).
40 |
--------------------------------------------------------------------------------
/packages/kg-default-cards/README.md:
--------------------------------------------------------------------------------
1 | # Koenig Default Cards
2 |
3 | ## Install
4 |
5 | `npm install @tryghost/kg-default-cards --save`
6 |
7 | or
8 |
9 | `yarn add @tryghost/kg-default-cards`
10 |
11 |
12 | ## Usage
13 |
14 |
15 | ## Develop
16 |
17 | This is a mono repository, managed with [lerna](https://lernajs.io/).
18 |
19 | Follow the instructions for the top-level repo.
20 | 1. `git clone` this repo & `cd` into it as usual
21 | 2. Run `yarn` to install top-level dependencies.
22 |
23 |
24 | ## Run
25 |
26 | - `yarn dev`
27 |
28 |
29 | ## Test
30 |
31 | - `yarn lint` run just eslint
32 | - `yarn test` run lint and tests
33 |
34 |
35 |
36 |
37 | # Copyright & License
38 |
39 | Copyright (c) 2013-2025 Ghost Foundation - Released under the [MIT license](LICENSE).
40 |
--------------------------------------------------------------------------------
/packages/koenig-lexical/src/components/ui/IconButton.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import clsx from 'clsx';
3 | import {Tooltip} from './Tooltip';
4 |
5 | export function IconButton({className, onClick, label, dataTestId, Icon}) {
6 | return (
7 |
14 |
17 | );
18 | }
19 |
--------------------------------------------------------------------------------
/packages/kg-clean-basic-html/README.md:
--------------------------------------------------------------------------------
1 | # Koenig Clean Basic Html
2 |
3 | ## Install
4 |
5 | `npm install @tryghost/kg-clean-basic-html --save`
6 |
7 | or
8 |
9 | `yarn add @tryghost/kg-clean-basic-html`
10 |
11 |
12 | ## Usage
13 |
14 |
15 | ## Develop
16 |
17 | This is a mono repository, managed with [lerna](https://lernajs.io/).
18 |
19 | Follow the instructions for the top-level repo.
20 | 1. `git clone` this repo & `cd` into it as usual
21 | 2. Run `yarn` to install top-level dependencies.
22 |
23 |
24 | ## Run
25 |
26 | - `yarn dev`
27 |
28 |
29 | ## Test
30 |
31 | - `yarn lint` run just eslint
32 | - `yarn test` run lint and tests
33 |
34 |
35 |
36 |
37 | # Copyright & License
38 |
39 | Copyright (c) 2013-2025 Ghost Foundation - Released under the [MIT license](LICENSE).
40 |
--------------------------------------------------------------------------------
/packages/kg-default-nodes/lib/nodes/aside/AsideParser.js:
--------------------------------------------------------------------------------
1 | export class AsideParser {
2 | constructor(NodeClass) {
3 | this.NodeClass = NodeClass;
4 | }
5 |
6 | get DOMConversionMap() {
7 | const self = this;
8 |
9 | return {
10 | blockquote: () => ({
11 | conversion(domNode) {
12 | const isBigQuote = domNode.classList?.contains('kg-blockquote-alt');
13 | if (domNode.tagName === 'BLOCKQUOTE' && isBigQuote) {
14 | const node = new self.NodeClass();
15 | return {node};
16 | }
17 |
18 | return null;
19 | },
20 | priority: 0
21 | })
22 | };
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/packages/kg-default-nodes/lib/nodes/markdown/MarkdownNode.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable ghost/filenames/match-exported-class */
2 | import {generateDecoratorNode} from '../../generate-decorator-node';
3 | import {renderMarkdownNode} from './markdown-renderer';
4 |
5 | export class MarkdownNode extends generateDecoratorNode({
6 | nodeType: 'markdown',
7 | properties: [
8 | {name: 'markdown', default: '', urlType: 'markdown', wordCount: true}
9 | ],
10 | defaultRenderFn: renderMarkdownNode
11 | }) {
12 | isEmpty() {
13 | return !this.__markdown;
14 | }
15 | }
16 |
17 | export function $createMarkdownNode(dataset) {
18 | return new MarkdownNode(dataset);
19 | }
20 |
21 | export function $isMarkdownNode(node) {
22 | return node instanceof MarkdownNode;
23 | }
24 |
--------------------------------------------------------------------------------
/packages/koenig-lexical/demo/components/FloatingButton.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | const FloatingButton = ({isOpen, ...props}) => {
4 | return (
5 |
6 | props.onClick('json')}>
7 | JSON output
8 |
9 | |
10 | props.onClick('tree')}>
11 | State tree
12 |
13 |
14 | );
15 | };
16 |
17 | export default FloatingButton;
18 |
--------------------------------------------------------------------------------
/packages/koenig-lexical/src/utils/dataSrcToFile.js:
--------------------------------------------------------------------------------
1 | export async function dataSrcToFile(src, fileName) {
2 | if (!src.startsWith('data:')) {
3 | return;
4 | }
5 |
6 | const mimeType = src.split(',')[0].split(':')[1].split(';')[0];
7 |
8 | if (!fileName) {
9 | let uuid;
10 | try {
11 | uuid = window.crypto.randomUUID();
12 | } catch (e) {
13 | uuid = Math.random().toString(36).substring(2, 15);
14 | }
15 | const extension = mimeType.split('/')[1];
16 | fileName = `data-src-image-${uuid}.${extension}`;
17 | }
18 |
19 | const blob = await fetch(src).then(it => it.blob());
20 | const file = new File([blob], fileName, {type: mimeType, lastModified: new Date()});
21 |
22 | return file;
23 | }
24 |
--------------------------------------------------------------------------------
/packages/koenig-lexical/src/components/ui/LinkInputWithSearch.stories.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import {LinkInputWithSearch} from './LinkInputWithSearch';
4 |
5 | const story = {
6 | title: 'Toolbar/LinkInputWithSearch',
7 | component: LinkInputWithSearch,
8 | parameters: {
9 | status: {
10 | type: 'functional'
11 | }
12 | }
13 | };
14 | export default story;
15 |
16 | const Template = (args) => {
17 | return (
18 |
19 |
21 | );
22 | };
23 |
24 | export const Empty = Template.bind({});
25 | Empty.args = {
26 | href: ''
27 | };
28 |
29 | export const Populated = Template.bind({});
30 | Populated.args = {
31 | href: 'https://ghost.org'
32 | };
33 |
--------------------------------------------------------------------------------
/packages/kg-unsplash-selector/vitest.config.ts:
--------------------------------------------------------------------------------
1 | import {defineConfig} from 'vitest/config';
2 |
3 | export default defineConfig({
4 | test: {
5 | // Exclude Playwright test directory from Vitest runs
6 | exclude: [
7 | '**/node_modules/**',
8 | '**/dist/**',
9 | '**/test/acceptance/**' // Assuming your Playwright tests reside here
10 | ],
11 | coverage: {
12 | exclude: [
13 | '**/node_modules/**',
14 | '**/dist/**',
15 | '**/test/**',
16 | // anything that is tsx and not inside src/api
17 |
18 | '**/*.tsx'
19 | ],
20 | include: [
21 | '**/src/api/**'
22 | ]
23 | }
24 | }
25 | });
26 |
--------------------------------------------------------------------------------
/packages/koenig-lexical/src/utils/shouldIgnoreEvent.js:
--------------------------------------------------------------------------------
1 | // util to avoid processing events in Koenig when they originate from an editor
2 | // element inside a card
3 | export const shouldIgnoreEvent = (event) => {
4 | if (!event) {
5 | return false;
6 | }
7 |
8 | const {metaKey, key, target} = event;
9 | const isEscape = key === 'Escape';
10 | const isMetaEnter = metaKey && key === 'Enter';
11 |
12 | // we want to allow some keys presses to pass through as we
13 | // always override them to toggle card editing mode
14 | if (isEscape || isMetaEnter) {
15 | return false;
16 | }
17 |
18 | const isFromCardEditor = target.matches('input, textarea') || target.cmView || target.cmIgnore || !!target.closest('.cm-editor');
19 |
20 | return isFromCardEditor;
21 | };
22 |
--------------------------------------------------------------------------------
/packages/kg-markdown-html-renderer/README.md:
--------------------------------------------------------------------------------
1 | # Koenig Markdown Html Renderer
2 |
3 | ## Install
4 |
5 | `npm install @tryghost/kg-markdown-html-renderer --save`
6 |
7 | or
8 |
9 | `yarn add @tryghost/kg-markdown-html-renderer`
10 |
11 |
12 | ## Usage
13 |
14 |
15 | ## Develop
16 |
17 | This is a mono repository, managed with [lerna](https://lernajs.io/).
18 |
19 | Follow the instructions for the top-level repo.
20 | 1. `git clone` this repo & `cd` into it as usual
21 | 2. Run `yarn` to install top-level dependencies.
22 |
23 |
24 | ## Run
25 |
26 | - `yarn dev`
27 |
28 |
29 | ## Test
30 |
31 | - `yarn lint` run just eslint
32 | - `yarn test` run lint and tests
33 |
34 |
35 |
36 |
37 | # Copyright & License
38 |
39 | Copyright (c) 2013-2025 Ghost Foundation - Released under the [MIT license](LICENSE).
40 |
--------------------------------------------------------------------------------
/packages/kg-mobiledoc-html-renderer/README.md:
--------------------------------------------------------------------------------
1 | # Koenig Mobiledoc Html Renderer
2 |
3 | ## Install
4 |
5 | `npm install @tryghost/kg-mobiledoc-html-renderer --save`
6 |
7 | or
8 |
9 | `yarn add @tryghost/kg-mobiledoc-html-renderer`
10 |
11 |
12 | ## Usage
13 |
14 |
15 | ## Develop
16 |
17 | This is a mono repository, managed with [lerna](https://lernajs.io/).
18 |
19 | Follow the instructions for the top-level repo.
20 | 1. `git clone` this repo & `cd` into it as usual
21 | 2. Run `yarn` to install top-level dependencies.
22 |
23 |
24 | ## Run
25 |
26 | - `yarn dev`
27 |
28 |
29 | ## Test
30 |
31 | - `yarn lint` run just eslint
32 | - `yarn test` run lint and tests
33 |
34 |
35 |
36 |
37 | # Copyright & License
38 |
39 | Copyright (c) 2013-2025 Ghost Foundation - Released under the [MIT license](LICENSE).
40 |
--------------------------------------------------------------------------------
/packages/kg-default-transforms/src/transforms/merge-list-nodes.ts:
--------------------------------------------------------------------------------
1 | import {$isListNode, ListNode} from '@lexical/list';
2 | import {LexicalEditor} from 'lexical';
3 |
4 | export function mergeListNodesTransform(node: ListNode) {
5 | const nextSibling = node.getNextSibling();
6 |
7 | if ($isListNode(nextSibling) && $isListNode(node) && nextSibling.getListType() === node.getListType()) {
8 | node.append(...nextSibling.getChildren());
9 | nextSibling.remove();
10 | }
11 | }
12 |
13 | export function registerMergeListNodesTransform(editor: LexicalEditor) {
14 | if (editor.hasNodes([ListNode])) {
15 | return editor.registerNodeTransform(ListNode, mergeListNodesTransform);
16 | }
17 |
18 | // eslint-disable-next-line @typescript-eslint/no-empty-function
19 | return () => {};
20 | }
21 |
--------------------------------------------------------------------------------
/packages/kg-default-nodes/test/utils/rgb-to-hex.test.js:
--------------------------------------------------------------------------------
1 | // // import {rgbToHex} from '../../lib/utils/rgb-to-hex';
2 | const {utils} = require('../../');
3 | const rgbToHex = utils.rgbToHex;
4 |
5 | describe('rgbToHex', function () {
6 | it('should convert RGB to HEX', function () {
7 | should(rgbToHex('rgb(0, 0, 0)')).equal('#000000');
8 | should(rgbToHex('rgb(255, 255, 255)')).equal('#ffffff');
9 | should(rgbToHex('rgb(255, 0, 0)')).equal('#ff0000');
10 | should(rgbToHex('rgb(0, 255, 0)')).equal('#00ff00');
11 | should(rgbToHex('rgb(0, 0, 255)')).equal('#0000ff');
12 | should(rgbToHex('rgb(255, 255, 0)')).equal('#ffff00');
13 | });
14 |
15 | it('should handle transparent', function () {
16 | should(rgbToHex('transparent')).equal('transparent');
17 | });
18 | });
19 |
--------------------------------------------------------------------------------
/packages/koenig-lexical/src/components/ui/HighlightedString.jsx:
--------------------------------------------------------------------------------
1 | import escapeRegExp from 'lodash/escapeRegExp';
2 |
3 | export function HighlightedString({string, highlightString, shouldHighlight = true}) {
4 | if (!highlightString || shouldHighlight === false) {
5 | return string;
6 | }
7 |
8 | const parts = string.split(new RegExp(`(${escapeRegExp(highlightString)})`, 'gi'));
9 |
10 | return (
11 | <>
12 | {parts.map((part, index) => {
13 | if (part.toLowerCase() === highlightString.toLowerCase()) {
14 | // eslint-disable-next-line react/no-array-index-key
15 | return {part} ;
16 | }
17 |
18 | return part;
19 | })}
20 |
21 | );
22 | }
23 |
--------------------------------------------------------------------------------
/packages/koenig-lexical/src/components/ui/EmojiPicker.jsx:
--------------------------------------------------------------------------------
1 | import React, {useEffect, useRef} from 'react';
2 | import {Picker} from 'emoji-mart';
3 |
4 | export default function EmojiPicker({setInstanceRef, ...props}) {
5 | const ref = useRef(null);
6 | const instance = useRef(null);
7 |
8 | function setInstance(newInstance) {
9 | instance.current = newInstance;
10 | setInstanceRef?.(newInstance);
11 | }
12 |
13 | if (instance.current) {
14 | instance.current.update(props);
15 | }
16 |
17 | useEffect(() => {
18 | setInstance(new Picker({...props, ref}));
19 |
20 | return () => {
21 | setInstance(null);
22 | };
23 | // eslint-disable-next-line react-hooks/exhaustive-deps
24 | }, []);
25 |
26 | return React.createElement('div', {ref});
27 | }
28 |
--------------------------------------------------------------------------------
/packages/kg-default-atoms/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@tryghost/kg-default-atoms",
3 | "version": "5.1.1",
4 | "repository": "https://github.com/TryGhost/Koenig/tree/master/packages/kg-default-atoms",
5 | "author": "Ghost Foundation",
6 | "license": "MIT",
7 | "main": "index.js",
8 | "scripts": {
9 | "dev": "echo \"Implement me!\"",
10 | "test": "NODE_ENV=testing c8 --all --reporter text --reporter cobertura mocha './test/**/*.test.js'",
11 | "lint": "eslint . --ext .js --cache",
12 | "posttest": "yarn lint"
13 | },
14 | "engines": {
15 | "node": "^18.12.1 || ^20.11.1 || ^22.13.1"
16 | },
17 | "files": [
18 | "index.js",
19 | "lib"
20 | ],
21 | "publishConfig": {
22 | "access": "public"
23 | },
24 | "devDependencies": {
25 | "c8": "10.1.3",
26 | "simple-dom": "1.4.0"
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/packages/koenig-lexical/src/components/ui/file-selectors/Tenor/Error.jsx:
--------------------------------------------------------------------------------
1 | import {ERROR_TYPE} from '../../../../utils/services/tenor.js';
2 |
3 | export function Error({error}) {
4 | if (error === ERROR_TYPE.COMMON) {
5 | return (
6 |
7 | Uh-oh! Trouble reaching the Tenor API, please check your connection
8 |
9 | );
10 | }
11 |
12 | if (error === ERROR_TYPE.INVALID_API_KEY) {
13 | return (
14 |
15 | This version of the Tenor API is no longer supported. Please update your API key by following our
16 | documentation here .
17 |
18 | );
19 | }
20 | return (
21 | {error}
22 | );
23 | }
24 |
--------------------------------------------------------------------------------
/packages/koenig-lexical/src/hooks/usePreviousFocus.js:
--------------------------------------------------------------------------------
1 | import {useRef} from 'react';
2 |
3 | export const usePreviousFocus = (onClick, name) => {
4 | const previousRangeRef = useRef(null);
5 |
6 | const handleMousedown = () => {
7 | const selection = document.getSelection();
8 | previousRangeRef.current = (selection.rangeCount === 0 ? null : selection.getRangeAt(0));
9 | };
10 |
11 | const handleClick = (e) => {
12 | e.preventDefault();
13 | onClick(name);
14 |
15 | if (previousRangeRef.current) {
16 | const selection = document.getSelection();
17 | selection.removeAllRanges();
18 | selection.addRange(previousRangeRef.current);
19 | previousRangeRef.current = null;
20 | }
21 | };
22 |
23 | return {handleMousedown, handleClick};
24 | };
25 |
--------------------------------------------------------------------------------
/packages/koenig-lexical/src/utils/getDOMRangeRect.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Meta Platforms, Inc. and affiliates.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | *
7 | */
8 | export function getDOMRangeRect(
9 | nativeSelection,
10 | rootElement,
11 | ) {
12 | const domRange = nativeSelection.getRangeAt(0);
13 |
14 | let rect;
15 |
16 | if (nativeSelection.anchorNode === rootElement) {
17 | let inner = rootElement;
18 | while (inner.firstElementChild != null) { // eslint-disable-line eqeqeq
19 | inner = inner.firstElementChild;
20 | }
21 | rect = inner.getBoundingClientRect();
22 | } else {
23 | rect = domRange.getBoundingClientRect();
24 | }
25 |
26 | return rect;
27 | }
28 |
--------------------------------------------------------------------------------
/packages/kg-default-cards/test/cards/paywall.test.js:
--------------------------------------------------------------------------------
1 | // Switch these lines once there are useful utils
2 | // const testUtils = require('./utils');
3 | require('../utils');
4 |
5 | const card = require('../../lib/cards/paywall');
6 | const SimpleDom = require('simple-dom');
7 | const serializer = new SimpleDom.HTMLSerializer(SimpleDom.voidMap);
8 |
9 | describe('paywall card', function () {
10 | it('has correct properties', function () {
11 | card.name.should.eql('paywall');
12 | card.type.should.eql('dom');
13 | });
14 |
15 | it('generates a members-only comment', function () {
16 | let opts = {
17 | env: {
18 | dom: new SimpleDom.Document()
19 | }
20 | };
21 |
22 | serializer.serialize(card.render(opts)).should.match('');
23 | });
24 | });
25 |
--------------------------------------------------------------------------------
/packages/kg-utils/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@tryghost/kg-utils",
3 | "version": "1.0.34",
4 | "repository": "https://github.com/TryGhost/Koenig/tree/main/packages/kg-utils",
5 | "author": "Ghost Foundation",
6 | "license": "MIT",
7 | "main": "index.js",
8 | "scripts": {
9 | "dev": "echo \"Implement me!\"",
10 | "test": "NODE_ENV=testing c8 --all --reporter text --reporter cobertura mocha './test/**/*.test.js'",
11 | "lint": "eslint . --ext .js --cache",
12 | "posttest": "yarn lint"
13 | },
14 | "files": [
15 | "index.js",
16 | "lib"
17 | ],
18 | "publishConfig": {
19 | "access": "public"
20 | },
21 | "devDependencies": {
22 | "c8": "10.1.3",
23 | "mocha": "11.7.5",
24 | "should": "13.2.3",
25 | "sinon": "21.0.0"
26 | },
27 | "dependencies": {
28 | "semver": "^7.7.0"
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/packages/koenig-lexical/src/utils/sanitize-html.js:
--------------------------------------------------------------------------------
1 | import DOMPurify from 'dompurify';
2 |
3 | export function sanitizeHtml(html = '', options = {}) {
4 | options = {
5 | ...{replaceJS: true},
6 | ...options
7 | };
8 |
9 | // replace script and iFrame
10 | if (options.replaceJS) {
11 | html = html.replace(/)<[^<]*)*<\/script>/gi,
12 | 'Embedded JavaScript ');
13 | html = html.replace(/)<[^<]*)*<\/iframe>/gi,
14 | 'Embedded iFrame ');
15 | }
16 |
17 | // sanitize html
18 | return DOMPurify.sanitize(html, {
19 | ALLOWED_URI_REGEXP: /^https?:|^\/|blob:/,
20 | ADD_ATTR: ['id'],
21 | FORBID_TAGS: ['style']
22 | });
23 | }
24 |
--------------------------------------------------------------------------------
/packages/koenig-lexical/src/components/ui/file-selectors/Tenor/Loader.jsx:
--------------------------------------------------------------------------------
1 | export function Loader({isLazyLoading}) {
2 | if (isLazyLoading) {
3 | return (
4 |
7 | );
8 | }
9 | return (
10 |
13 | );
14 | }
15 |
--------------------------------------------------------------------------------
/packages/koenig-lexical/src/assets/icons/kg-help.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/.github/renovate.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": [
3 | "github>tryghost/renovate-config"
4 | ],
5 | "ignoreDeps": [
6 | "codecov/codecov-action"
7 | ],
8 | "packageRules": [
9 | {
10 | "depTypeList": [
11 | "devDependencies"
12 | ],
13 | "automerge": true,
14 | "automergeType": "branch"
15 | },
16 | {
17 | "groupName": "rollup + plugins",
18 | "packagePatterns": [
19 | "^rollup"
20 | ]
21 | },
22 | {
23 | "groupName": "lexical",
24 | "packagePatterns": [
25 | "^lexical",
26 | "^@lexical"
27 | ]
28 | },
29 | {
30 | "groupName": "vitest",
31 | "packagePatterns": [
32 | "^vitest",
33 | "^@vitest"
34 | ]
35 | },
36 | {
37 | "matchPackageNames": ["@tryghost/mobiledoc-kit"],
38 | "enabled": false
39 | }
40 | ]
41 | }
42 |
--------------------------------------------------------------------------------
/packages/kg-lexical-html-renderer/lib/transformers/element/aside.ts:
--------------------------------------------------------------------------------
1 | import {$isAsideNode, RendererOptions} from '@tryghost/kg-default-nodes';
2 | import type {ElementNode} from 'lexical';
3 | import type {ExportChildren} from '..';
4 |
5 | module.exports = {
6 | export(node: ElementNode, options: RendererOptions, exportChildren: ExportChildren) {
7 | if (!$isAsideNode(node)) {
8 | return null;
9 | }
10 |
11 | if (options.target === 'email') {
12 | let children = exportChildren(node);
13 |
14 | if (!children.startsWith('')) {
15 | children = `
${children}
`;
16 | }
17 |
18 | return `${children} `;
19 | }
20 |
21 | return `${exportChildren(node)} `;
22 | }
23 | };
24 |
--------------------------------------------------------------------------------
/packages/kg-lexical-html-renderer/lib/transformers/element/blockquote.ts:
--------------------------------------------------------------------------------
1 | import {$isQuoteNode} from '@lexical/rich-text';
2 | import type {RendererOptions} from '@tryghost/kg-default-nodes';
3 | import type {ElementNode} from 'lexical';
4 | import type {ExportChildren} from '..';
5 |
6 | module.exports = {
7 | export(node: ElementNode, options: RendererOptions, exportChildren: ExportChildren) {
8 | if (!$isQuoteNode(node)) {
9 | return null;
10 | }
11 |
12 | if (options.target === 'email') {
13 | let children = exportChildren(node);
14 |
15 | if (!children.startsWith('')) {
16 | children = `
${children}
`;
17 | }
18 |
19 | return `${children} `;
20 | }
21 |
22 | return `${exportChildren(node)} `;
23 | }
24 | };
25 |
--------------------------------------------------------------------------------
/packages/koenig-lexical/demo/components/Sidebar.jsx:
--------------------------------------------------------------------------------
1 | import SerializedStateTextarea from './SerializedStateTextarea';
2 | import TreeView from './TreeView';
3 |
4 | const Sidebar = ({isOpen, view, saveContent}) => {
5 | return (
6 |
7 | {view === 'json' &&
}
8 | {view === 'tree' &&
}
9 |
10 | {view === 'json' && (
11 |
12 | 💾
13 |
14 | )}
15 |
2 |
--------------------------------------------------------------------------------
/packages/kg-default-nodes/lib/nodes/button/ButtonNode.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable ghost/filenames/match-exported-class */
2 | import {generateDecoratorNode} from '../../generate-decorator-node';
3 | import {parseButtonNode} from './button-parser';
4 | import {renderButtonNode} from './button-renderer';
5 |
6 | export class ButtonNode extends generateDecoratorNode({
7 | nodeType: 'button',
8 | properties: [
9 | {name: 'buttonText', default: ''},
10 | {name: 'alignment', default: 'center'},
11 | {name: 'buttonUrl', default: '', urlType: 'url'}
12 | ],
13 | defaultRenderFn: renderButtonNode
14 | }) {
15 | static importDOM() {
16 | return parseButtonNode(this);
17 | }
18 | }
19 |
20 | export const $createButtonNode = (dataset) => {
21 | return new ButtonNode(dataset);
22 | };
23 |
24 | export function $isButtonNode(node) {
25 | return node instanceof ButtonNode;
26 | }
27 |
--------------------------------------------------------------------------------
/packages/koenig-lexical/demo/components/TreeView.jsx:
--------------------------------------------------------------------------------
1 | import {TreeView} from '@lexical/react/LexicalTreeView';
2 | import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
3 |
4 | const TreeViewPlugin = () => {
5 | const [editor] = useLexicalComposerContext();
6 |
7 | return (
8 |
15 |
16 |
17 |
20 |
21 |
22 | );
23 | };
24 |
25 | export default KoenigEditor;
26 |
--------------------------------------------------------------------------------
/packages/kg-card-factory/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@tryghost/kg-card-factory",
3 | "version": "5.1.4",
4 | "repository": "https://github.com/TryGhost/Koenig/tree/master/packages/kg-card-factory",
5 | "author": "Ghost Foundation",
6 | "license": "MIT",
7 | "main": "index.js",
8 | "scripts": {
9 | "dev": "echo \"Implement me!\"",
10 | "test": "NODE_ENV=testing c8 --all --reporter text --reporter cobertura mocha './test/**/*.test.js'",
11 | "lint": "eslint . --ext .js --cache",
12 | "posttest": "yarn lint"
13 | },
14 | "engines": {
15 | "node": "^18.12.1 || ^20.11.1 || ^22.13.1"
16 | },
17 | "files": [
18 | "index.js",
19 | "lib"
20 | ],
21 | "publishConfig": {
22 | "access": "public"
23 | },
24 | "devDependencies": {
25 | "c8": "10.1.3",
26 | "mocha": "11.7.5",
27 | "should": "13.2.3",
28 | "simple-dom": "1.4.0",
29 | "sinon": "21.0.0"
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/packages/koenig-lexical/src/components/ui/ImageUploadSwatch.jsx:
--------------------------------------------------------------------------------
1 | import ImgBgIcon from '../../assets/icons/kg-img-bg.svg?react';
2 | import clsx from 'clsx';
3 | import {Tooltip} from './Tooltip';
4 |
5 | export const ImageUploadSwatch = ({
6 | showBackgroundImage,
7 | onClickHandler,
8 | dataTestId
9 | }) => {
10 | return (
11 |
21 |
24 | );
25 | };
26 |
--------------------------------------------------------------------------------
/packages/kg-converters/test/exports.test.js:
--------------------------------------------------------------------------------
1 | const assert = require('assert/strict');
2 |
3 | describe('Exports', function () {
4 | it('includes both converter functions', function () {
5 | const converters = require('../');
6 |
7 | assert.ok(converters);
8 | assert.ok(converters.lexicalToMobiledoc);
9 | assert.equal(typeof converters.lexicalToMobiledoc, 'function');
10 | assert.ok(converters.mobiledocToLexical);
11 | assert.equal(typeof converters.mobiledocToLexical, 'function');
12 | });
13 |
14 | it('lexicalToMobiledoc runs without error', function () {
15 | const converters = require('../');
16 | assert.ok(converters.lexicalToMobiledoc('{}'));
17 | });
18 |
19 | it('mobiledocToLexical runs without error', function () {
20 | const converters = require('../');
21 | assert.ok(converters.mobiledocToLexical('{}'));
22 | });
23 | });
24 |
--------------------------------------------------------------------------------
/packages/kg-default-nodes/lib/nodes/horizontalrule/HorizontalRuleNode.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable ghost/filenames/match-exported-class */
2 | import {generateDecoratorNode} from '../../generate-decorator-node';
3 | import {renderHorizontalRuleNode} from './horizontalrule-renderer';
4 | import {parseHorizontalRuleNode} from './horizontalrule-parser';
5 |
6 | export class HorizontalRuleNode extends generateDecoratorNode({
7 | nodeType: 'horizontalrule',
8 | defaultRenderFn: renderHorizontalRuleNode
9 | }) {
10 | static importDOM() {
11 | return parseHorizontalRuleNode(this);
12 | }
13 |
14 | getTextContent() {
15 | return '---\n\n';
16 | }
17 |
18 | hasEditMode() {
19 | return false;
20 | }
21 | }
22 |
23 | export function $createHorizontalRuleNode() {
24 | return new HorizontalRuleNode();
25 | }
26 |
27 | export function $isHorizontalRuleNode(node) {
28 | return node instanceof HorizontalRuleNode;
29 | }
30 |
--------------------------------------------------------------------------------
/packages/koenig-lexical/src/components/ui/ColorPicker.stories.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {ColorPicker} from './ColorPicker';
3 |
4 | const story = {
5 | title: 'Generic/Color picker (New)',
6 | component: ColorPicker,
7 | parameters: {
8 | status: {
9 | type: 'uiReady'
10 | }
11 | },
12 | argTypes: {
13 | selectedName: {control: 'select', options: ['grey', 'blue', 'green', 'yellow', 'red', 'pink', 'purple']}
14 | }
15 | };
16 | export default story;
17 |
18 | const Template = (args) => {
19 | return (
20 |
21 |
23 | );
24 | };
25 |
26 | export const Default = Template.bind({});
27 | Default.args = {
28 | swatches: [
29 | {title: 'Brand color', accent: true},
30 | {title: 'Black', hex: '#000000'},
31 | {title: 'Transparent', transparent: true}
32 | ]
33 | };
34 |
--------------------------------------------------------------------------------
/packages/koenig-lexical/src/components/ui/Dropdown.stories.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import {Dropdown} from './Dropdown';
4 |
5 | const story = {
6 | title: 'Generic/Dropdown',
7 | component: Dropdown,
8 | argTypes: {
9 | value: {control: 'radio', options: ['Free members', 'Paid members']}
10 | },
11 | parameters: {
12 | status: {
13 | type: 'uiReady'
14 | }
15 | }
16 | };
17 | export default story;
18 |
19 | const Template = args => (
20 |
21 |
23 | );
24 |
25 | export const Default = Template.bind({});
26 | Default.args = {
27 | label: 'Visibility',
28 | description: 'Visible for this audience when delivered by email. This card is not published on your site.',
29 | value: 'Free members',
30 | menu: [{label: 'Free members', name: 'Free members'}, {label: 'Paid members', name: 'Paid members'}]
31 | };
32 |
--------------------------------------------------------------------------------
/packages/kg-unsplash-selector/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "ESNext",
4 | "useDefineForClassFields": true,
5 | "lib": ["DOM", "DOM.Iterable", "ESNext"],
6 | "allowJs": false,
7 | "allowSyntheticDefaultImports": true,
8 | "strict": true,
9 | "forceConsistentCasingInFileNames": true,
10 | "module": "ESNext",
11 | "moduleResolution": "Node",
12 | "resolveJsonModule": true,
13 | "isolatedModules": true,
14 | "jsx": "react-jsx",
15 | "skipLibCheck": true,
16 | "esModuleInterop": true,
17 | "declarationMap": true,
18 | "declaration": true,
19 | "emitDeclarationOnly": true,
20 | "declarationDir": "./types",
21 | "baseUrl": ".",
22 | "paths": {
23 | "kg-unsplash-selector": ["src/index.ts"],
24 | },
25 | "typeRoots": ["node_modules/@types", "types/index.d.ts"],
26 | },
27 | "include": ["src"],
28 | "references": [{ "path": "./tsconfig.node.json" }],
29 | }
30 |
--------------------------------------------------------------------------------
/packages/koenig-lexical/src/utils/$insertAndSelectNode.js:
--------------------------------------------------------------------------------
1 | import {
2 | $createNodeSelection,
3 | $createParagraphNode,
4 | $isParagraphNode,
5 | $setSelection
6 | } from 'lexical';
7 |
8 | export const $insertAndSelectNode = ({selectedNode, newNode}) => {
9 | const selectedIsParagraph = $isParagraphNode(selectedNode);
10 | const selectedIsEmpty = selectedNode.getTextContent() === '';
11 |
12 | selectedNode
13 | .insertAfter(newNode);
14 |
15 | if (selectedIsParagraph && selectedIsEmpty) {
16 | selectedNode.remove();
17 | }
18 |
19 | const nodeSelection = $createNodeSelection();
20 | nodeSelection.add(newNode.getKey());
21 | $setSelection(nodeSelection);
22 |
23 | // always follow the inserted card with a blank paragraph when inserting at end of document
24 | if (!newNode.getNextSibling()) {
25 | const paragraph = $createParagraphNode();
26 | newNode.insertAfter(paragraph);
27 | }
28 | };
29 |
--------------------------------------------------------------------------------
/packages/kg-default-nodes/lib/nodes/audio/AudioNode.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable ghost/filenames/match-exported-class */
2 | import {generateDecoratorNode} from '../../generate-decorator-node';
3 | import {parseAudioNode} from './audio-parser';
4 | import {renderAudioNode} from './audio-renderer';
5 |
6 | export class AudioNode extends generateDecoratorNode({
7 | nodeType: 'audio',
8 | properties: [
9 | {name: 'duration', default: 0},
10 | {name: 'mimeType', default: ''},
11 | {name: 'src', default: '', urlType: 'url'},
12 | {name: 'title', default: ''},
13 | {name: 'thumbnailSrc', default: ''}
14 | ],
15 | defaultRenderFn: renderAudioNode
16 | }) {
17 | static importDOM() {
18 | return parseAudioNode(this);
19 | }
20 | }
21 |
22 | export const $createAudioNode = (dataset) => {
23 | return new AudioNode(dataset);
24 | };
25 |
26 | export function $isAudioNode(node) {
27 | return node instanceof AudioNode;
28 | }
29 |
--------------------------------------------------------------------------------
/packages/kg-default-nodes/lib/utils/add-create-document-option.js:
--------------------------------------------------------------------------------
1 | // If we're in a browser environment, we can use the global document object,
2 | // but if we're in a non-browser environment, we need to be passed a `createDocument` function
3 | export function addCreateDocumentOption(options) {
4 | if (!options.createDocument && options.dom) {
5 | options.createDocument = function () {
6 | return options.dom.window.document;
7 | };
8 | }
9 |
10 | if (!options.createDocument) {
11 | /* c8 ignore start */
12 | let document = typeof window !== 'undefined' && window.document;
13 |
14 | if (!document) {
15 | throw new Error('Must be passed a `createDocument` function as an option when used in a non-browser environment'); // eslint-disable-line
16 | }
17 |
18 | options.createDocument = function () {
19 | return document;
20 | };
21 | /* c8 ignore end */
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/packages/html-to-mobiledoc/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@tryghost/html-to-mobiledoc",
3 | "version": "3.2.10",
4 | "repository": "https://github.com/TryGhost/Koenig/tree/master/packages/html-to-mobiledoc",
5 | "author": "Ghost Foundation",
6 | "license": "MIT",
7 | "main": "index.js",
8 | "files": [
9 | "index.js",
10 | "lib"
11 | ],
12 | "scripts": {
13 | "dev": "echo \"Implement me!\"",
14 | "test": "NODE_ENV=testing c8 --all --reporter text --reporter cobertura mocha './test/**/*.test.js'",
15 | "lint": "eslint . --ext .js --cache",
16 | "posttest": "yarn lint"
17 | },
18 | "publishConfig": {
19 | "access": "public"
20 | },
21 | "devDependencies": {
22 | "c8": "10.1.3",
23 | "mocha": "11.7.5",
24 | "should": "13.2.3",
25 | "sinon": "21.0.0"
26 | },
27 | "dependencies": {
28 | "@tryghost/kg-parser-plugins": "4.2.9",
29 | "@tryghost/mobiledoc-kit": "^0.12.4-ghost.1",
30 | "jsdom": "^24.1.1"
31 | }
32 | }
33 |
--------------------------------------------------------------------------------