@qkix/strapi-plugin-better-blocks 0.23.0

package/dist/admin/src/components/BlocksInput/utils/parseMarkdownToSlate.d.ts

@@ -0,0 +1,2 @@
+import type { CustomElement } from './types';
+export declare const parseMarkdownToSlate: (markdownText: string) => CustomElement[] | null;

package/dist/admin/src/components/BlocksInput/utils/prefixFileUrlWithBackendUrl.d.ts

@@ -0,0 +1,8 @@
+declare global {
+    interface Window {
+        strapi: {
+            backendURL: string;
+        };
+    }
+}
+export declare const prefixFileUrlWithBackendUrl: (fileURL?: string) => string | undefined;

package/dist/admin/src/components/BlocksInput/utils/shiki.d.ts

@@ -0,0 +1,29 @@
+import { type Highlighter } from 'shiki';
+export declare const LIGHT_THEME = "github-light";
+export declare const DARK_THEME = "github-dark";
+/**
+ * Subscribe to highlighter/language load events. Returns an unsubscribe fn.
+ */
+export declare const subscribeShiki: (cb: () => void) => (() => void);
+/**
+ * Map a plugin code language value to a Shiki grammar id, or `null` when there
+ * is no highlighting to apply (plaintext / unknown).
+ */
+export declare const normalizeLang: (value?: string) => string | null;
+/**
+ * Return the highlighter instance, kicking off async init on first call.
+ * Returns `null` until the highlighter is ready.
+ */
+export declare const getShiki: () => Highlighter | null;
+/**
+ * Ensure a Shiki grammar is loaded. Returns `true` when ready to tokenize,
+ * `false` while loading (a `notify()` fires once it resolves).
+ */
+export declare const ensureLanguage: (lang: string) => boolean;
+type CachedTokens = ReturnType<Highlighter['codeToTokens']>;
+/**
+ * Tokenize `code` with caching. Caller must have confirmed the highlighter and
+ * language are ready (getShiki()/ensureLanguage()).
+ */
+export declare const tokenizeCode: (code: string, lang: string, theme: string) => CachedTokens | null;
+export {};

package/dist/admin/src/components/BlocksInput/utils/shortcuts.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Keyboard shortcuts for block-type conversion.
+ *
+ * These are matched on `event.code` rather than `event.key`: on macOS, holding
+ * Option rewrites `key` ("1" becomes "¡"), while `code` stays "Digit1".
+ */
+/** Block keys that can be reached with a shortcut, mapped to their key code. */
+declare const BLOCK_SHORTCUTS: Record<string, string>;
+/**
+ * Renders a shortcut for display next to a menu item, e.g. "⌘⌥2" on macOS and
+ * "Ctrl+Alt+2" elsewhere.
+ */
+declare const getShortcutLabel: (blockKey: string) => string | null;
+/**
+ * Resolves a keydown event to the block key it should convert to, or null when
+ * the event isn't a block shortcut. Callers still own preventDefault.
+ */
+declare const matchBlockShortcut: (event: {
+    code: string;
+    altKey: boolean;
+    metaKey: boolean;
+    ctrlKey: boolean;
+    shiftKey: boolean;
+}) => string | null;
+export { BLOCK_SHORTCUTS, getShortcutLabel, matchBlockShortcut };

package/dist/admin/src/components/BlocksInput/utils/types.d.ts

@@ -0,0 +1,404 @@
+import type { BaseElement, BaseText, Node, Descendant } from 'slate';
+export interface Option {
+    label: string;
+    value: string;
+    isDefault?: boolean;
+}
+export interface FontSetting {
+    breakpoint: string;
+    fontSize: string | null;
+    fontLeading: string | null;
+    fontAlignment: string | null;
+    fontTracking: string | null;
+}
+export interface SeparatorSetting {
+    breakpoint: string;
+    separatorSize: number | null;
+    separatorOrientation: 'horizontal' | 'vertical' | null;
+    separatorLength: number | null;
+}
+export interface ImageSetting {
+    breakpoint: string;
+    imageWidth: string | null;
+    imageHeight: string | null;
+    imageAspectRatioLocked?: boolean;
+}
+export type TextAlign = 'left' | 'center' | 'right' | 'justify';
+export interface CustomElement extends BaseElement {
+    type: string;
+    fontFamily?: string;
+    fontColor?: string;
+    fontSettings?: FontSetting[];
+    textAlign?: TextAlign;
+    separatorStyle?: string;
+    separatorColor?: string;
+    separatorSettings?: SeparatorSetting[];
+    imageSettings?: ImageSetting[];
+    [key: string]: unknown;
+}
+export interface CustomText extends BaseText {
+    type: 'text';
+    text: string;
+    color?: string;
+    backgroundColor?: string;
+}
+export interface LinkNode extends CustomElement {
+    type: 'link';
+    url: string;
+    target?: '_blank' | '_self';
+    rel?: string;
+    children: Descendant[];
+}
+export interface ListNode extends CustomElement {
+    type: 'list';
+    format: 'ordered' | 'unordered' | 'todo';
+    indentLevel: number;
+    /**
+     * First number of an ordered list, mirroring the `start` attribute on `<ol>`.
+     * Only set when the list does not begin at 1 (e.g. Markdown `3.` pasted in),
+     * so existing content and consumers that ignore it keep numbering from 1.
+     */
+    start?: number;
+    children: Descendant[];
+}
+export interface HeadingElement extends CustomElement {
+    type: 'heading';
+    level: 1 | 2 | 3 | 4 | 5 | 6;
+    children: CustomText[];
+}
+export interface ImageElement extends CustomElement {
+    type: 'image';
+    image: {
+        url: string;
+        alternativeText?: string;
+        width?: number;
+        height?: number;
+        formats?: Record<string, any>;
+        hash?: string;
+        ext?: string;
+        mime?: string;
+        size?: number;
+        previewUrl?: string;
+    };
+    imageSettings?: ImageSetting[];
+    children: CustomText[];
+}
+export type AudioAlignment = 'left' | 'center' | 'right' | 'none';
+export type AudioPreload = 'none' | 'metadata' | 'auto';
+/** Player behaviour flags, mirrored 1:1 onto the HTML5 `<audio>` element. */
+export interface AudioPlayerSettings {
+    autoplay: boolean;
+    loop: boolean;
+    controls: boolean;
+    preload: AudioPreload;
+}
+/**
+ * Audio block. A void block referencing a Strapi Media Library asset (or an
+ * external URL). Stores the file metadata plus a display title, caption, player
+ * behaviour flags and alignment. The frontend renderer turns this into a native
+ * HTML5 `<audio>` player — see issue #43 for the renderer contract.
+ */
+export interface AudioElement extends CustomElement {
+    type: 'audio';
+    file: {
+        /** Strapi Media Library file id (absent when inserted from a raw URL). */
+        id?: number;
+        /** Direct URL to the audio file (absolute, backend-prefixed when local). */
+        url: string;
+        name?: string;
+        ext?: string;
+        hash?: string;
+        mime?: string;
+        /** File size in bytes. */
+        size?: number;
+        /** Duration in seconds (optional; read from the player when available). */
+        duration?: number;
+        /** Upload provider: local | cloudinary | etc. */
+        provider?: string;
+    };
+    title?: string;
+    caption?: string;
+    player: AudioPlayerSettings;
+    alignment: AudioAlignment;
+    children: CustomText[];
+}
+export declare const isAudioNode: (element: CustomElement) => element is AudioElement;
+export interface MathElement extends CustomElement {
+    type: 'math';
+    format: 'inline' | 'block';
+    value: string;
+    children: CustomText[];
+}
+export interface DiagramElement extends CustomElement {
+    type: 'diagram';
+    format: 'mermaid';
+    value: string;
+    children: CustomText[];
+}
+export type CalloutVariant = 'note' | 'tip' | 'important' | 'warning' | 'caution';
+export interface CalloutElement extends CustomElement {
+    type: 'callout';
+    variant: CalloutVariant;
+    title?: string;
+    children: Descendant[];
+}
+export interface DetailsElement extends CustomElement {
+    type: 'details';
+    /** Plain-text label shown in the disclosure header (the <summary>) */
+    summary: string;
+    /** When true the section is expanded by default (maps to the HTML `open` attribute) */
+    defaultOpen?: boolean;
+    /** Per-block style override; falls back to the field/global config when unset */
+    style?: 'github' | 'custom';
+    /** Block-level content shown when the section is expanded */
+    children: Descendant[];
+}
+export type ButtonAlignment = 'left' | 'center' | 'right';
+export type ButtonMode = 'link' | 'file';
+export type ButtonLinkTarget = '_self' | '_blank' | '_parent' | '_top';
+export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'filled' | 'custom';
+export interface ButtonStyle {
+    /**
+     * Selected style preset. Switches to "custom" once the author overrides the
+     * preset's colors or border. Frontend renderers can ignore this.
+     */
+    variant?: ButtonVariant;
+    backgroundColor?: string;
+    textColor?: string;
+    borderRadius?: string;
+    fontSize?: string;
+    fontWeight?: string;
+    padding?: string;
+    border?: string;
+    hoverBackgroundColor?: string;
+    hoverTextColor?: string;
+}
+/** Color/border values a preset applies (the rest of the styling stays as-is). */
+export interface ButtonPreset {
+    backgroundColor?: string;
+    textColor?: string;
+    border?: string;
+}
+export type ButtonPresets = Partial<Record<Exclude<ButtonVariant, 'custom'>, ButtonPreset>>;
+export interface ButtonLink {
+    url: string;
+    target?: ButtonLinkTarget;
+    /** Auto-set to "noopener noreferrer" when target is "_blank". */
+    rel?: string;
+    ariaLabel?: string;
+}
+export interface ButtonFile {
+    /** Strapi Media Library file id (when picked from the library). */
+    id?: number;
+    url: string;
+    name: string;
+    /** File size in bytes. */
+    size?: number;
+    /** File extension, e.g. ".pdf". */
+    ext?: string;
+    mime?: string;
+}
+/**
+ * WordPress-style call-to-action button. A void block: its visual form is the
+ * stored data (text + link/file + inline style), not editable rich text.
+ */
+export interface ButtonElement extends CustomElement {
+    type: 'button';
+    /** "link" → hyperlink, "file" → Media Library download. */
+    buttonType: ButtonMode;
+    /**
+     * Visible button label. NOTE: must not be named `text` — Slate treats any node
+     * with a string `text` property as a Text leaf, which would break this element.
+     */
+    label: string;
+    alignment: ButtonAlignment;
+    link?: ButtonLink;
+    file?: ButtonFile;
+    /** File mode: show the human-readable file size next to the label. */
+    showFileSize?: boolean;
+    /** File mode: show a file-type icon next to the label. */
+    showFileIcon?: boolean;
+    /**
+     * File mode: when true, open the file in a new tab (preview) instead of
+     * forcing a download. Renderers map this to `target="_blank"` vs `download`.
+     */
+    filePreview?: boolean;
+    style?: ButtonStyle;
+    /** Optional custom CSS class for frontend theming. */
+    cssClass?: string;
+    children: CustomText[];
+}
+/**
+ * Horizontal alignment of a table cell's content. Absent means `left`, so
+ * documents authored before alignment existed need no migration.
+ */
+export type TableCellAlign = 'left' | 'center' | 'right';
+export interface TableCellElement extends CustomElement {
+    type: 'table-cell' | 'table-header-cell';
+    align?: TableCellAlign;
+    /**
+     * Columns this cell covers, from merging. Absent means 1, so unmerged cells
+     * — the overwhelming majority — store nothing and existing tables stay valid.
+     */
+    colSpan?: number;
+    /** Rows this cell covers. Absent means 1. */
+    rowSpan?: number;
+    /** Inline content: text leaves, links, inline math, … */
+    children: Descendant[];
+}
+export interface TableRowElement extends CustomElement {
+    type: 'table-row';
+    children: TableCellElement[];
+}
+export interface TableElement extends CustomElement {
+    type: 'table';
+    children: TableRowElement[];
+}
+export declare const isTableCellNode: (element: CustomElement) => element is TableCellElement;
+export type Block<T extends string> = Extract<Node, {
+    type: T;
+}>;
+export declare const getEntries: <T extends object>(object: T) => [keyof T, T[keyof T]][];
+export declare const getKeys: <T extends object>(object: T) => (keyof T)[];
+export declare const isLinkNode: (element: CustomElement) => element is LinkNode;
+export declare const isListNode: (element: CustomElement) => element is ListNode;
+export declare const isMathNode: (element: CustomElement) => element is MathElement;
+export declare const isDiagramNode: (element: CustomElement) => element is DiagramElement;
+export declare const isCalloutNode: (element: CustomElement) => element is CalloutElement;
+export declare const isDetailsNode: (element: CustomElement) => element is DetailsElement;
+export declare const isButtonNode: (element: CustomElement) => element is ButtonElement;
+/** Social platforms supported by the social-embed block. */
+export type SocialPlatform = 'twitter' | 'instagram' | 'facebook' | 'tiktok' | 'linkedin' | 'pinterest';
+export type SocialAlignment = 'left' | 'center' | 'right';
+/**
+ * Normalised oEmbed payload fetched from the platform via the plugin's server
+ * oEmbed proxy (`GET /better-blocks/oembed`). Stored on the node so the frontend
+ * renderer can render the embed without itself calling the platform at runtime.
+ */
+export interface SocialOEmbed {
+    /** Platform-provided embed HTML (blockquote / iframe). */
+    html?: string;
+    title?: string;
+    author?: string;
+    authorUrl?: string;
+    thumbnailUrl?: string;
+    providerName?: string;
+    width?: number;
+    height?: number;
+}
+/**
+ * Social media embed. A void block: it stores the post URL + platform plus the
+ * oEmbed payload fetched server-side at author time. The frontend renderer turns
+ * that into the platform's official embed widget. An optional `embedCode` lets
+ * authors paste a platform embed snippet to override URL-based rendering.
+ */
+export interface SocialEmbedElement extends CustomElement {
+    type: 'social-embed';
+    platform: SocialPlatform;
+    /** Canonical URL of the social post. */
+    url: string;
+    /** Optional pasted embed snippet (overrides URL-based rendering). */
+    embedCode?: string;
+    /** oEmbed metadata fetched from the platform via the server proxy. */
+    oembed?: SocialOEmbed;
+    alignment: SocialAlignment;
+    caption?: string;
+    children: CustomText[];
+}
+export declare const isSocialEmbedNode: (element: CustomElement) => element is SocialEmbedElement;
+/** Shared by the embed and video blocks; maps to CSS `aspect-ratio`. */
+export type AspectRatio = '16:9' | '21:9' | '4:3' | '1:1' | 'custom';
+export type MediaAlignment = 'left' | 'center' | 'right' | 'none';
+/**
+ * Providers the embed block can derive an iframe for from a share URL.
+ * `generic` covers anything pasted as raw embed code.
+ */
+export type EmbedProvider = 'youtube' | 'vimeo' | 'loom' | 'wistia' | 'dailymotion' | 'api-video' | 'generic';
+/**
+ * Generic embed. A void block holding either a share URL the plugin knows how
+ * to turn into an iframe, or a raw embed snippet the author pasted. In both
+ * cases `embedHtml` is the sanitized, ready-to-render iframe markup, so a
+ * frontend renderer never has to re-derive or re-sanitize anything.
+ *
+ * Supersedes the legacy `media-embed` block (YouTube/Vimeo only).
+ */
+export interface EmbedElement extends CustomElement {
+    type: 'embed';
+    /** Which input the author used. Drives which of `url`/`iframe` is set. */
+    source: 'url' | 'iframe';
+    /** Original share URL (source: 'url'). */
+    url?: string;
+    /** Raw snippet exactly as pasted, kept for round-tripping the editor UI. */
+    iframe?: string;
+    /**
+     * Sanitized iframe markup to render. Always present once the block has a
+     * source — renderers should output this and ignore `url`/`iframe`.
+     */
+    embedHtml?: string;
+    /** The `src` of `embedHtml`, hoisted so renderers can check the host. */
+    embedSrc?: string;
+    /** Auto-detected from the URL; `generic` for pasted embed codes. */
+    provider?: EmbedProvider;
+    /** Poster image, when the provider exposes one without an API call. */
+    thumbnail?: string;
+    aspectRatio: AspectRatio;
+    /** Free-form `width / height` used when `aspectRatio` is 'custom'. */
+    customAspectRatio?: string;
+    alignment: MediaAlignment;
+    caption?: string;
+    /** Accessible name applied to the iframe's `title` attribute. */
+    title?: string;
+    children: CustomText[];
+}
+export declare const isEmbedNode: (element: CustomElement) => element is EmbedElement;
+/** Video hosting providers the video block understands. */
+export type VideoProvider = 'local' | 'mux' | 'api-video' | 'cloudinary' | 'custom';
+/** Player behaviour flags, mirrored onto the HTML5 `<video>` element. */
+export interface VideoPlayerSettings {
+    autoplay: boolean;
+    loop: boolean;
+    muted: boolean;
+    controls: boolean;
+}
+/**
+ * Provider-aware video block. Holds a playable source (a Media Library asset,
+ * a provider playback id, or a direct URL) plus display and player settings.
+ *
+ * NOTE: player flags are nested under `player` rather than sitting at the top
+ * level as issue #44 proposed, to match the sibling `audio` block — one shape
+ * for renderers to learn, not two.
+ */
+export interface VideoElement extends CustomElement {
+    type: 'video';
+    provider: VideoProvider;
+    /** Provider's asset identifier (Mux asset id, api.video video id, …). */
+    assetId?: string;
+    /** Provider's playback identifier (Mux playback id). */
+    playbackId?: string;
+    /** Playback URL: HLS/DASH manifest, or a direct file URL for `local`. */
+    url: string;
+    /** Media Library metadata, present when the source is an uploaded asset. */
+    file?: {
+        id?: number;
+        name?: string;
+        ext?: string;
+        mime?: string;
+        /** File size in bytes. */
+        size?: number;
+        /** Duration in seconds, when the provider reports it. */
+        duration?: number;
+        provider?: string;
+    };
+    /** Thumbnail shown before playback. */
+    poster?: string;
+    title?: string;
+    caption?: string;
+    /** URL of a WebVTT track for captions/transcript. */
+    transcript?: string;
+    player: VideoPlayerSettings;
+    alignment: MediaAlignment;
+    aspectRatio: AspectRatio;
+    customAspectRatio?: string;
+    children: CustomText[];
+}
+export declare const isVideoNode: (element: CustomElement) => element is VideoElement;

package/dist/admin/src/components/Initializer.d.ts

@@ -0,0 +1,5 @@
+type InitializerProps = {
+    setPlugin: (id: string) => void;
+};
+declare const Initializer: ({ setPlugin }: InitializerProps) => null;
+export { Initializer };

package/dist/admin/src/components/Input.d.ts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+interface InputProps {
+    attribute: {
+        type: string;
+        customField: string;
+        options?: {
+            required?: boolean;
+            regex?: string;
+            minLength?: number;
+            unique?: boolean;
+            disableDefaultColors?: boolean;
+            customColorsPresets?: string;
+            disableDefaultBgColors?: boolean;
+            customBgColorsPresets?: string;
+            detailsDefaultSummary?: string;
+            detailsStyle?: 'github' | 'custom';
+            buttonDefaultBackgroundColor?: string;
+            buttonDefaultTextColor?: string;
+        };
+    };
+    description?: {
+        id: string;
+        defaultMessage: string;
+    };
+    hint?: string;
+    disabled?: boolean;
+    intlLabel?: {
+        id: string;
+        defaultMessage: string;
+    };
+    name: string;
+    label: string;
+    onChange: (e: {
+        target: {
+            name: string;
+            type: string;
+            value: string;
+        };
+    }) => void;
+    required?: boolean;
+    value?: string;
+    error?: string;
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export default Input;

package/dist/admin/src/components/PluginIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const PluginIcon: () => import("react").JSX.Element;
+export { PluginIcon };

package/dist/admin/src/hooks/useDragAndDrop.d.ts

@@ -0,0 +1,51 @@
+import * as React from 'react';
+import { type HandlerManager, type ConnectDragSource, type ConnectDropTarget, type ConnectDragPreview } from 'react-dnd';
+import { type UseKeyboardDragAndDropCallbacks } from './useKeyboardDragAndDrop';
+import type { Data } from '@strapi/types';
+declare const DIRECTIONS: {
+    readonly UPWARD: "upward";
+    readonly DOWNWARD: "downward";
+};
+declare const DROP_SENSITIVITY: {
+    readonly REGULAR: "regular";
+    readonly IMMEDIATE: "immediate";
+};
+interface UseDragAndDropOptions<TIndex extends number | Array<number> = number, TItem extends {
+    index: TIndex;
+} = {
+    index: TIndex;
+}> extends UseKeyboardDragAndDropCallbacks<TIndex> {
+    type?: string;
+    index: TIndex;
+    item?: TItem;
+    onStart?: () => void;
+    onEnd?: () => void;
+    dropSensitivity?: (typeof DROP_SENSITIVITY)[keyof typeof DROP_SENSITIVITY];
+}
+type Identifier = ReturnType<HandlerManager['getHandlerId']>;
+type UseDragAndDropReturn<E extends Element = HTMLElement> = [
+    props: {
+        handlerId: Identifier;
+        isDragging: boolean;
+        handleKeyDown: <E extends Element>(event: React.KeyboardEvent<E>) => void;
+        isOverDropTarget: boolean;
+        direction: (typeof DIRECTIONS)[keyof typeof DIRECTIONS] | null;
+    },
+    objectRef: React.RefObject<E>,
+    dropRef: ConnectDropTarget,
+    dragRef: ConnectDragSource,
+    dragPreviewRef: ConnectDragPreview
+];
+/**
+ * A utility hook abstracting the general drag and drop hooks from react-dnd.
+ * Centralising the same behaviours and by default offering keyboard support.
+ */
+declare const useDragAndDrop: <TIndex extends number | number[], TItem extends {
+    [key: string]: unknown;
+    index: TIndex;
+    id?: Data.ID | undefined;
+} = {
+    [key: string]: unknown;
+    index: TIndex;
+}, E extends Element = HTMLElement>(active: boolean, { type, index, item, onStart, onEnd, onGrabItem, onDropItem, onCancel, onMoveItem, dropSensitivity, }: UseDragAndDropOptions<TIndex, TItem>) => UseDragAndDropReturn<E>;
+export { useDragAndDrop, UseDragAndDropReturn, UseDragAndDropOptions, DIRECTIONS, DROP_SENSITIVITY, };

package/dist/admin/src/hooks/useKeyboardDragAndDrop.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export type UseKeyboardDragAndDropCallbacks<TIndex extends number | Array<number> = number> = {
+    onCancel?: (index: TIndex) => void;
+    onDropItem?: (currentIndex: TIndex, newIndex?: TIndex) => void;
+    onGrabItem?: (index: TIndex) => void;
+    onMoveItem?: (newIndex: TIndex, currentIndex: TIndex) => void;
+};
+/**
+ * Utility hook designed to implement keyboard accessibile drag and drop by
+ * returning an onKeyDown handler to be passed to the drag icon button.
+ *
+ * @internal - You should use `useDragAndDrop` instead.
+ */
+export declare const useKeyboardDragAndDrop: <TIndex extends number | number[] = number>(active: boolean, index: TIndex, { onCancel, onDropItem, onGrabItem, onMoveItem, }: UseKeyboardDragAndDropCallbacks<TIndex>) => <E extends Element>(e: React.KeyboardEvent<E>) => void;

package/dist/admin/src/index.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    register(app: any): void;
+    registerTrads({ locales }: {
+        locales: string[];
+    }): Promise<{
+        data: any;
+        locale: string;
+    }[]>;
+};
+export default _default;

package/dist/admin/src/pages/App.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const App: () => import("react").JSX.Element;
+export { App };

package/dist/admin/src/pages/HomePage.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const HomePage: () => import("react").JSX.Element;
+export { HomePage };

package/dist/admin/src/pluginId.d.ts

@@ -0,0 +1 @@
+export declare const PLUGIN_ID = "better-blocks";

package/dist/admin/src/utils/getTranslation.d.ts

@@ -0,0 +1,2 @@
+declare const getTranslation: (id: string) => string;
+export { getTranslation };

package/dist/server/index.js

@@ -0,0 +1 @@
+"use strict";const g=({strapi:t})=>{},k=({strapi:t})=>{},y=({strapi:t})=>{t.customFields.register({name:"better-blocks",plugin:"better-blocks",type:"json",inputSize:{default:12,isResizable:!1}})},w={default:{details:{defaultSummary:"Click to expand",style:"github"},button:{defaultStyle:{backgroundColor:"#4945ff",textColor:"#ffffff",borderRadius:"4px",padding:"12px 24px",fontSize:"16px",fontWeight:"600"},presets:{primary:{backgroundColor:"#4945ff",textColor:"#ffffff",border:"none"},secondary:{backgroundColor:"#dcdce4",textColor:"#32324d",border:"none"},outline:{backgroundColor:"transparent",textColor:"#4945ff",border:"2px solid #4945ff"},filled:{backgroundColor:"#32324d",textColor:"#ffffff",border:"none"}}},social:{enabled:!0,platforms:["twitter","instagram","facebook","tiktok","linkedin","pinterest"],cache:!0,cacheTTL:86400,instagram:{accessToken:void 0},facebook:{accessToken:void 0}}},validator(t={}){const o=t?.details?.style;if(o&&o!=="github"&&o!=="custom")throw new Error(`[better-blocks] config.details.style must be "github" or "custom" (received "${o}")`)}},C={},v=({strapi:t})=>({index(o){o.body=t.plugin("better-blocks").service("service").getWelcomeMessage()},getConfig(o){o.body={details:t.plugin("better-blocks").config("details",{defaultSummary:"Click to expand",style:"github"}),button:t.plugin("better-blocks").config("button",{defaultStyle:{backgroundColor:"#4945ff",textColor:"#ffffff",borderRadius:"4px",padding:"12px 24px",fontSize:"16px",fontWeight:"600"},presets:{primary:{backgroundColor:"#4945ff",textColor:"#ffffff",border:"none"},secondary:{backgroundColor:"#dcdce4",textColor:"#32324d",border:"none"},outline:{backgroundColor:"transparent",textColor:"#4945ff",border:"2px solid #4945ff"},filled:{backgroundColor:"#32324d",textColor:"#ffffff",border:"none"}}}),social:(()=>{const e=t.plugin("better-blocks").config("social",{enabled:!0,platforms:["twitter","instagram","facebook","tiktok","linkedin","pinterest"]});return{enabled:e.enabled!==!1,platforms:e.platforms??[],instagramConfigured:!!e.instagram?.accessToken,facebookConfigured:!!e.facebook?.accessToken}})()}}}),x=["twitter","instagram","facebook","tiktok","linkedin","pinterest"],$=({strapi:t})=>({async fetch(o){const{url:e,platform:i}=o.query;if(!e||typeof e!="string")return o.badRequest('Missing required "url" query parameter.');const r=i&&x.includes(i)?i:void 0;try{o.body=await t.plugin("better-blocks").service("oembed").fetch(e,r)}catch(n){const a=n instanceof Error?n.message:"oEmbed request failed.";return o.badRequest(a)}}}),T={controller:v,oembed:$},E={},R={},L=[{method:"GET",path:"/",handler:"controller.index",config:{policies:[]}}],_=[{method:"GET",path:"/config",handler:"controller.getConfig",config:{policies:[]}},{method:"GET",path:"/oembed",handler:"oembed.fetch",config:{policies:["admin::isAuthenticatedAdmin"]}}],S={"content-api":{type:"content-api",routes:L},admin:{type:"admin",routes:_}},U=({strapi:t})=>({getWelcomeMessage(){return"Welcome to Strapi 🚀"}}),I=[{platform:"twitter",re:/(?:twitter\.com|x\.com)\/[^/]+\/status(?:es)?\/\d+/i},{platform:"instagram",re:/instagram\.com\/(?:p|reel|tv)\//i},{platform:"tiktok",re:/tiktok\.com\/@[^/]+\/video\/\d+/i},{platform:"facebook",re:/facebook\.com\//i},{platform:"linkedin",re:/linkedin\.com\//i},{platform:"pinterest",re:/(?:pinterest\.[a-z.]+|pin\.it)\//i}],b=t=>{const o=I.find(({re:e})=>e.test(t));return o?o.platform:null},A=(t,o,e)=>{const i=encodeURIComponent(o);switch(t){case"twitter":return`https://publish.twitter.com/oembed?url=${i}&omit_script=true&dnt=true`;case"tiktok":return`https://www.tiktok.com/oembed?url=${i}`;case"pinterest":return`https://www.pinterest.com/oembed.json?url=${i}`;case"instagram":{const r=e.instagram?.accessToken;return r?`https://graph.facebook.com/v17.0/instagram_oembed?url=${i}&access_token=${encodeURIComponent(r)}&omitscript=true`:null}case"facebook":{const r=e.facebook?.accessToken;return r?`https://graph.facebook.com/v17.0/oembed_post?url=${i}&access_token=${encodeURIComponent(r)}&omitscript=true`:null}case"linkedin":return null;default:return null}},P=async t=>{if(!/^https?:\/\/pin\.it\//i.test(t))return t;try{const e=(await fetch(t,{redirect:"follow"})).url||t;return/pinterest\.[a-z.]+\/pin\//i.test(e)?e:t}catch{return t}},q=t=>{const o=t.match(/(?:urn:li:)?(ugcPost|activity|share)[:-](\d{10,})/i);if(!o)return null;const i=`urn:li:${o[1].toLowerCase()==="ugcpost"?"ugcPost":o[1].toLowerCase()}:${o[2]}`,r=`https://www.linkedin.com/embed/feed/update/${encodeURIComponent(i)}`;return{platform:"linkedin",url:t,html:`<iframe src="${r}" height="600" width="100%" frameborder="0" allowfullscreen title="Embedded LinkedIn post" loading="lazy"></iframe>`,providerName:"LinkedIn",width:504,height:600}},z=t=>t.replace(/<script\b[^>]*>[\s\S]*?<\/script>/gi,"").trim(),M=(t,o,e)=>({platform:t,url:o,html:typeof e.html=="string"&&z(e.html)||null,title:typeof e.title=="string"?e.title:void 0,author:typeof e.author_name=="string"?e.author_name:void 0,authorUrl:typeof e.author_url=="string"?e.author_url:void 0,thumbnailUrl:typeof e.thumbnail_url=="string"?e.thumbnail_url:void 0,providerName:typeof e.provider_name=="string"?e.provider_name:void 0,width:typeof e.width=="number"?e.width:void 0,height:typeof e.height=="number"?e.height:void 0}),h=new Map,W=({strapi:t})=>{const o=()=>t.plugin("better-blocks").config("social",{});return{detectPlatform:b,async fetch(e,i){const r=o();if(r.enabled===!1)throw new Error("Social embeds are disabled in plugin config.");const n=i??b(e);if(!n)throw new Error(`Unsupported or unrecognised social URL: ${e}`);const a=r.platforms;if(Array.isArray(a)&&!a.includes(n))throw new Error(`Platform "${n}" is not enabled in plugin config.`);const f=r.cache!==!1,u=(r.cacheTTL??86400)*1e3,p=`${n}:${e}`;if(f){const c=h.get(p);if(c&&c.expires>Date.now())return c.data}let s=null;if(n==="linkedin"){if(s=q(e),!s)throw new Error("Could not derive a LinkedIn embed from this URL. Paste the post embed code instead.")}else{const c=await P(e),m=A(n,c,r);if(!m)throw new Error(`oEmbed for "${n}" requires an access token. Configure config.social.${n}.accessToken, or paste the embed code instead.`);const l=await fetch(m,{headers:{Accept:"application/json"}});if(!l.ok)throw new Error(`oEmbed request to ${n} failed (HTTP ${l.status}).`);const d=await l.json();if(typeof d.error=="string")throw new Error(`${n} could not embed this URL: ${d.error}`);if(s=M(n,c,d),!s.html)throw new Error(`${n} returned no embed markup for this URL. Check the post is public, or paste the embed code instead.`)}return f&&u>0&&h.set(p,{expires:Date.now()+u,data:s}),s}}},j={service:U,oembed:W},D={register:y,bootstrap:g,destroy:k,config:w,controllers:T,routes:S,services:j,contentTypes:C,policies:R,middlewares:E};module.exports=D;