mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-21 01:41:46 +03:00
182a7ea07c
closes: https://github.com/TryGhost/Ghost/issues/14980
refs: cc276486f0
- Tenor is now operated by Google, and the old v1 Tenor API has been decommissioned
- At present anyone with a pre-configured tenor integration will get intermittent errors, whilst it is impossible to setup a new tenor API integration
- Sadly old keys do not work with the new API, and new keys do not work with the old API, so there is no happy path forward.
- After this lands, everyone will need to go and get a new Google API Key for Tenor, update their config, and then the integration will work properly again.
- This particular change renames the API key from `publicReadOnlyApiKey` to `googleApiKey` to reflect that the key itself changes in type and behaviour
Co-authored-by: Hannah Wolfe <github.erisds@gmail.com>
360 lines
11 KiB
JavaScript
360 lines
11 KiB
JavaScript
import createComponentCard from '../utils/create-component-card';
|
|
|
|
// map card names to component names
|
|
export const CARD_COMPONENT_MAP = {
|
|
hr: 'koenig-card-hr',
|
|
image: 'koenig-card-image',
|
|
markdown: 'koenig-card-markdown',
|
|
'card-markdown': 'koenig-card-markdown', // backwards-compat with markdown editor
|
|
html: 'koenig-card-html',
|
|
code: 'koenig-card-code',
|
|
embed: 'koenig-card-embed',
|
|
bookmark: 'koenig-card-bookmark',
|
|
gallery: 'koenig-card-gallery',
|
|
email: 'koenig-card-email',
|
|
button: 'koenig-card-button',
|
|
callout: 'koenig-card-callout',
|
|
nft: 'koenig-card-nft',
|
|
toggle: 'koenig-card-toggle',
|
|
'email-cta': 'koenig-card-email-cta',
|
|
paywall: 'koenig-card-paywall',
|
|
video: 'koenig-card-video',
|
|
audio: 'koenig-card-audio',
|
|
file: 'koenig-card-file',
|
|
product: 'koenig-card-product',
|
|
'before-after': 'koenig-card-before-after',
|
|
header: 'koenig-card-header'
|
|
};
|
|
|
|
// map card names to generic icons (used for ghost elements when dragging)
|
|
export const CARD_ICON_MAP = {
|
|
hr: 'koenig/kg-card-type-divider',
|
|
image: 'koenig/kg-card-type-image',
|
|
markdown: 'koenig/kg-card-type-markdown',
|
|
'card-markdown': 'koenig/kg-card-type-markdown',
|
|
html: 'koenig/kg-card-type-html',
|
|
code: 'koenig/kg-card-type-gen-embed',
|
|
embed: 'koenig/kg-card-type-gen-embed',
|
|
bookmark: 'koenig/kg-card-type-bookmark',
|
|
gallery: 'koenig/kg-card-type-gallery',
|
|
email: 'koenig/kg-card-type-gen-embed',
|
|
button: 'koenig/kg-card-type-gen-embed',
|
|
callout: 'koenig/kg-card-type-callout',
|
|
nft: 'koenig/kg-card-type-gen-embed',
|
|
toggle: 'koenig/kg-card-type-toggle',
|
|
'email-cta': 'koenig/kg-card-type-gen-embed',
|
|
paywall: 'koenig/kg-card-type-divider',
|
|
video: 'koenig/kg-card-type-video',
|
|
audio: 'koenig/kg-card-type-audio',
|
|
file: 'koenig/kg-card-type-file',
|
|
product: 'koenig/kg-card-type-product',
|
|
'before-after': 'koenig/kg-card-type-before-after',
|
|
header: 'koenig/kg-card-type-gen-embed'
|
|
};
|
|
|
|
// TODO: move koenigOptions directly into cards now that card components register
|
|
// themselves so that they are available on card.component
|
|
export default [
|
|
createComponentCard('card-markdown'), // backwards-compat with markdown editor
|
|
createComponentCard('code'),
|
|
createComponentCard('embed', {hasEditMode: false}),
|
|
createComponentCard('bookmark', {hasEditMode: false}),
|
|
createComponentCard('hr', {hasEditMode: false, selectAfterInsert: false}),
|
|
createComponentCard('html'),
|
|
createComponentCard('image', {hasEditMode: false}),
|
|
createComponentCard('markdown'),
|
|
createComponentCard('gallery', {hasEditMode: false}),
|
|
createComponentCard('email'),
|
|
createComponentCard('email-cta'),
|
|
createComponentCard('button'),
|
|
createComponentCard('callout'),
|
|
createComponentCard('nft', {hasEditMode: false}),
|
|
createComponentCard('toggle'),
|
|
createComponentCard('video'),
|
|
createComponentCard('audio'),
|
|
createComponentCard('file'),
|
|
createComponentCard('product'),
|
|
createComponentCard('paywall', {hasEditMode: false, selectAfterInsert: false}),
|
|
createComponentCard('before-after'),
|
|
createComponentCard('header')
|
|
];
|
|
|
|
export const CARD_MENU = [
|
|
{
|
|
title: 'Primary',
|
|
rowLength: 1,
|
|
items: [{
|
|
label: 'Image',
|
|
icon: 'koenig/kg-card-type-image',
|
|
desc: 'Upload, or embed with /image [url]',
|
|
iconClass: 'kg-card-type-native',
|
|
matches: ['image', 'img'],
|
|
type: 'card',
|
|
replaceArg: 'image',
|
|
params: ['src'],
|
|
payload: {
|
|
triggerBrowse: true
|
|
}
|
|
},
|
|
{
|
|
label: 'Markdown',
|
|
icon: 'koenig/kg-card-type-markdown',
|
|
desc: 'Insert a Markdown editor card',
|
|
iconClass: 'kg-card-type-native',
|
|
matches: ['markdown', 'md'],
|
|
type: 'card',
|
|
replaceArg: 'markdown'
|
|
},
|
|
{
|
|
label: 'HTML',
|
|
icon: 'koenig/kg-card-type-html',
|
|
desc: 'Insert a raw HTML card',
|
|
iconClass: 'kg-card-type-native',
|
|
matches: ['html'],
|
|
type: 'card',
|
|
replaceArg: 'html'
|
|
},
|
|
{
|
|
label: 'Gallery',
|
|
icon: 'koenig/kg-card-type-gallery',
|
|
desc: 'Create an image gallery',
|
|
iconClass: 'kg-card-type-native',
|
|
matches: ['gallery'],
|
|
type: 'card',
|
|
replaceArg: 'gallery'
|
|
},
|
|
{
|
|
label: 'Divider',
|
|
icon: 'koenig/kg-card-type-divider',
|
|
desc: 'Insert a dividing line',
|
|
iconClass: 'kg-card-type-native',
|
|
matches: ['divider', 'horizontal-rule', 'hr'],
|
|
type: 'card',
|
|
replaceArg: 'hr'
|
|
},
|
|
{
|
|
label: 'Bookmark',
|
|
icon: 'koenig/kg-card-type-bookmark',
|
|
desc: 'Embed a link as a visual bookmark',
|
|
matches: ['bookmark'],
|
|
type: 'card',
|
|
replaceArg: 'bookmark',
|
|
params: ['url']
|
|
},
|
|
{
|
|
label: 'Email content',
|
|
icon: 'koenig/kg-card-type-email',
|
|
desc: 'Only visible when delivered by email',
|
|
matches: ['email'],
|
|
type: 'card',
|
|
replaceArg: 'email',
|
|
postType: 'post'
|
|
},
|
|
{
|
|
label: 'Email call to action',
|
|
icon: 'koenig/kg-card-type-email-cta',
|
|
desc: 'Target free or paid members with a CTA',
|
|
matches: ['email', 'cta'],
|
|
type: 'card',
|
|
replaceArg: 'email-cta',
|
|
postType: 'post'
|
|
},
|
|
{
|
|
label: 'Public preview',
|
|
icon: 'koenig/kg-card-type-paywall',
|
|
desc: 'Attract signups with a public intro',
|
|
matches: ['public preview', 'preview', 'paywall'],
|
|
type: 'card',
|
|
replaceArg: 'paywall'
|
|
},
|
|
{
|
|
label: 'Button',
|
|
icon: 'koenig/kg-card-type-button',
|
|
desc: 'Add a button to your post',
|
|
matches: ['button'],
|
|
type: 'card',
|
|
replaceArg: 'button'
|
|
},
|
|
{
|
|
label: 'Callout',
|
|
icon: 'koenig/kg-card-type-callout',
|
|
desc: 'Info boxes that stand out',
|
|
matches: ['callout', 'infobox'],
|
|
type: 'card',
|
|
replaceArg: 'callout'
|
|
},
|
|
{
|
|
label: 'GIF',
|
|
icon: 'koenig/kg-card-type-gif',
|
|
desc: 'Search and embed gifs',
|
|
iconClass: 'kg-card-type-unsplash',
|
|
matches: ['gif', 'giphy', 'tenor'],
|
|
type: 'card',
|
|
replaceArg: 'image',
|
|
insertOnSpace: true,
|
|
payload: {
|
|
imageSelector: 'tenor'
|
|
},
|
|
isAvailable: 'config.tenor.googleApiKey'
|
|
},
|
|
{
|
|
label: 'Toggle',
|
|
icon: 'koenig/kg-card-type-toggle',
|
|
desc: 'Add collapsible content',
|
|
matches: ['toggle'],
|
|
type: 'card',
|
|
replaceArg: 'toggle'
|
|
},
|
|
{
|
|
label: 'Video',
|
|
icon: 'koenig/kg-card-type-video',
|
|
desc: 'Upload and play a video',
|
|
matches: ['video'],
|
|
type: 'card',
|
|
replaceArg: 'video',
|
|
payload: {
|
|
triggerBrowse: true
|
|
}
|
|
},
|
|
{
|
|
label: 'Audio',
|
|
icon: 'koenig/kg-card-type-audio',
|
|
desc: 'Upload and play an audio file',
|
|
matches: ['audio'],
|
|
type: 'card',
|
|
replaceArg: 'audio',
|
|
payload: {
|
|
triggerBrowse: true
|
|
}
|
|
},
|
|
{
|
|
label: 'File',
|
|
icon: 'koenig/kg-card-type-file',
|
|
desc: 'Upload a downloadable file',
|
|
matches: ['file', 'upload'],
|
|
type: 'card',
|
|
replaceArg: 'file',
|
|
payload: {
|
|
triggerBrowse: true
|
|
}
|
|
},
|
|
{
|
|
label: 'Product',
|
|
icon: 'koenig/kg-card-type-product',
|
|
desc: 'Add a product recommendation',
|
|
matches: ['product'],
|
|
type: 'card',
|
|
replaceArg: 'product'
|
|
},
|
|
{
|
|
label: 'Before/After',
|
|
icon: 'koenig/kg-card-type-before-after',
|
|
desc: 'Compare two images',
|
|
matches: ['before', 'after', 'compare'],
|
|
type: 'card',
|
|
replaceArg: 'before-after',
|
|
isAvailable: 'feature.beforeAfterCard'
|
|
}, {
|
|
label: 'Header',
|
|
icon: 'koenig/kg-card-type-header',
|
|
desc: 'Add a bold section header',
|
|
matches: ['header'],
|
|
type: 'card',
|
|
replaceArg: 'header'
|
|
}]
|
|
},
|
|
{
|
|
title: 'Embed',
|
|
rowLength: 1,
|
|
items: [{
|
|
label: 'YouTube',
|
|
icon: 'koenig/kg-card-type-youtube',
|
|
desc: '/youtube [video url]',
|
|
matches: ['youtube'],
|
|
type: 'card',
|
|
replaceArg: 'embed',
|
|
params: ['url']
|
|
},
|
|
{
|
|
label: 'Twitter',
|
|
icon: 'koenig/kg-card-type-twitter',
|
|
desc: '/twitter [tweet url]',
|
|
matches: ['twitter'],
|
|
type: 'card',
|
|
replaceArg: 'embed',
|
|
params: ['url']
|
|
},
|
|
{
|
|
label: 'Unsplash',
|
|
icon: 'koenig/kg-card-type-unsplash',
|
|
desc: '/unsplash [search-term or url]',
|
|
iconClass: 'kg-card-type-unsplash',
|
|
matches: ['unsplash'],
|
|
type: 'card',
|
|
replaceArg: 'image',
|
|
params: ['searchTerm'],
|
|
payload: {
|
|
imageSelector: 'unsplash'
|
|
},
|
|
isAvailable: 'settings.unsplash'
|
|
},
|
|
{
|
|
label: 'Vimeo',
|
|
icon: 'koenig/kg-card-type-vimeo',
|
|
desc: '/vimeo [video url]',
|
|
matches: ['vimeo'],
|
|
type: 'card',
|
|
replaceArg: 'embed',
|
|
params: ['url']
|
|
},
|
|
{
|
|
label: 'CodePen',
|
|
icon: 'koenig/kg-card-type-codepen',
|
|
desc: '/codepen [pen url]',
|
|
iconClass: 'kg-card-type-codepen',
|
|
matches: ['codepen'],
|
|
type: 'card',
|
|
replaceArg: 'embed',
|
|
params: ['url']
|
|
},
|
|
{
|
|
label: 'Spotify',
|
|
icon: 'koenig/kg-card-type-spotify',
|
|
desc: '/spotify [track or playlist url]',
|
|
matches: ['spotify'],
|
|
type: 'card',
|
|
replaceArg: 'embed',
|
|
params: ['url']
|
|
},
|
|
{
|
|
label: 'SoundCloud',
|
|
icon: 'koenig/kg-card-type-soundcloud',
|
|
desc: '/soundcloud [track or playlist url]',
|
|
matches: ['soundcloud'],
|
|
type: 'card',
|
|
replaceArg: 'embed',
|
|
params: ['url']
|
|
},
|
|
{
|
|
label: 'NFT',
|
|
icon: 'koenig/kg-card-type-nft',
|
|
desc: '/nft [opensea url]',
|
|
iconClass: 'kg-card-type-native',
|
|
matches: ['nft', 'opensea'],
|
|
type: 'card',
|
|
replaceArg: 'embed',
|
|
params: ['url']
|
|
},
|
|
{
|
|
label: 'Other...',
|
|
icon: 'koenig/kg-card-type-other',
|
|
desc: '/embed [url]',
|
|
iconClass: 'kg-card-type-native',
|
|
matches: ['embed'],
|
|
type: 'card',
|
|
replaceArg: 'embed',
|
|
params: ['url']
|
|
}]
|
|
}
|
|
];
|