REDROOM
PHP 8.2.31
Path:
Logout
Edit File
Size: 1.57 KB
Close
/home/nshryvcy/radiantskinclinics.org/wp-content/plugins/extendify_old/src/Library/components/BlockPreviewButton.jsx
Text
Base64
import { usePreviewIframe } from '@library/hooks/usePreviewIframe'; import { BlockPreview } from '@wordpress/block-editor'; import { rawHandler } from '@wordpress/blocks'; import { useEffect, useMemo, useRef, useState } from '@wordpress/element'; import { __ } from '@wordpress/i18n'; import classNames from 'classnames'; export const BlockPreviewButton = ({ insertPattern, code }) => { const [ready, setReady] = useState(false); const blockRef = useRef(); const blocks = useMemo( () => rawHandler({ HTML: lowerImageQuality(code) }), [code], ); const { ready: show } = usePreviewIframe({ container: blockRef.current, ready, onIFrameLoaded: () => undefined, loadDelay: 50, }); useEffect(() => setReady(true), []); return ( <button ref={blockRef} type="button" aria-label={__('Insert Pattern', 'extendify-local')} className={classNames( 'library-pattern relative z-10 m-0 mb-8 inline-block w-full border bg-transparent p-0 focus:shadow-xs focus:outline-hidden focus:ring-wp focus:ring-design-main focus:ring-offset-2 focus:ring-offset-[#FAFAFA]', { 'border-transparent opacity-0': !show, 'border-gray-400 opacity-100': show, }, )} onClick={() => insertPattern(blocks)} > <BlockPreview blocks={blocks} live={false} viewportWidth={1400} additionalStyles={[ { css: '.rich-text [data-rich-text-placeholder]:after { content: "" }', }, ]} /> </button> ); }; const lowerImageQuality = (html) => { return html.replace( /(https?:\/\/\S+\?w=\d+)/gi, '$1&q=10&auto=format,compress&fm=avif', ); };
Save
Close
Exit & Reset
Text mode: syntax highlighting auto-detects file type.
Directory Contents
Dirs: 2 × Files: 4
Delete Selected
Select All
Select None
Sort:
Name
Size
Modified
Enable drag-to-move
Name
Size
Perms
Modified
Actions
sidebar
DIR
-
drwxr-xr-x
2026-04-28 02:40:02
Edit
Download
Rename
Chmod
Change Date
Delete
OK
Cancel
recursive
OK
Cancel
recursive
OK
Cancel
topbar
DIR
-
drwxr-xr-x
2026-04-28 02:40:02
Edit
Download
Rename
Chmod
Change Date
Delete
OK
Cancel
recursive
OK
Cancel
recursive
OK
Cancel
BlockPreviewButton.jsx
1.57 KB
lrw-r--r--
2026-02-19 03:27:14
Edit
Download
Rename
Chmod
Change Date
Delete
OK
Cancel
recursive
OK
Cancel
recursive
OK
Cancel
MainButton.jsx
1.10 KB
lrw-r--r--
2026-04-16 23:02:08
Edit
Download
Rename
Chmod
Change Date
Delete
OK
Cancel
recursive
OK
Cancel
recursive
OK
Cancel
Modal.jsx
4.18 KB
lrw-r--r--
2026-02-27 04:48:52
Edit
Download
Rename
Chmod
Change Date
Delete
OK
Cancel
recursive
OK
Cancel
recursive
OK
Cancel
ModalContent.jsx
2.20 KB
lrw-r--r--
2026-02-27 04:48:52
Edit
Download
Rename
Chmod
Change Date
Delete
OK
Cancel
recursive
OK
Cancel
recursive
OK
Cancel
Zip Selected
If ZipArchive is unavailable, a
.tar
will be created (no compression).