@cryptlex/web-components 6.6.105 → 6.6.106
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -3,6 +3,6 @@ export interface CodeBlockProps extends React.ComponentProps<'div'> {
|
|
|
3
3
|
code: string;
|
|
4
4
|
fileName?: string | React.ReactNode;
|
|
5
5
|
copyText?: string;
|
|
6
|
-
variant?: '
|
|
6
|
+
variant?: 'inline' | 'block';
|
|
7
7
|
}
|
|
8
8
|
export declare function CodeBlock({ code, fileName, copyText, variant, className, ...props }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as i,jsx as e}from"react/jsx-runtime";import{classNames as l}from"../utilities/theme.js";import{CopyButton as m}from"./copy-button.js";import"clsx";import"react";import"./button.js";import"class-variance-authority";import"react-aria-components";import"./loader.js";import"./icons.js";import"@icons-pack/react-simple-icons";import"./toast.js";import"react-dom";import"./alert.js";function j({code:n,fileName:t,copyText:o,variant:r="block",className:s,...a}){const d=!!t||r==="block"&&!!o;return i("div",{className:l("rounded-md border border-border bg-elevation-1 text-sm max-h-[90vh]",s),...a,children:[d&&i("div",{className:l("flex justify-between text-muted body-sm p-icon border-b border-border"),children:[e("div",{className:"min-w-0 h-full flex items-center",children:t}),r==="block"&&o&&e("div",{className:"flex items-start",children:e(m,{label:null,textToCopy:o,variant:"ghost",size:"icon-sm","aria-label":"Copy code"})})]}),i("div",{className:"relative flex items-center",children:[r==="inline"&&o&&e("div",{className:"absolute top-0 right-0 rounded-md flex items-start pt-icon pl-14 pr-icon bg-gradient-to-r from-transparent via-elevation-1 to-elevation-1",children:e(m,{label:null,textToCopy:o,variant:"ghost",size:"icon-sm","aria-label":"Copy code"})}),e("pre",{className:l("flex p-icon overflow-auto w-full max-h-96",r==="inline"&&o&&"pr-20"),children:e("code",{dangerouslySetInnerHTML:{__html:n}})})]})]})}export{j as CodeBlock};
|
|
2
2
|
//# sourceMappingURL=code-block.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-block.js","sources":["../../lib/components/code-block.tsx"],"sourcesContent":["import React from 'react';\nimport { classNames } from '../utilities/theme';\nimport { CopyButton } from './copy-button';\n\nexport interface CodeBlockProps extends React.ComponentProps<'div'> {\n code: string;\n fileName?: string | React.ReactNode;\n copyText?: string;\n variant?: '
|
|
1
|
+
{"version":3,"file":"code-block.js","sources":["../../lib/components/code-block.tsx"],"sourcesContent":["import React from 'react';\nimport { classNames } from '../utilities/theme';\nimport { CopyButton } from './copy-button';\n\nexport interface CodeBlockProps extends React.ComponentProps<'div'> {\n code: string;\n fileName?: string | React.ReactNode;\n copyText?: string;\n variant?: 'inline' | 'block';\n}\n\nexport function CodeBlock({ code, fileName, copyText, variant = 'block', className, ...props }: CodeBlockProps) {\n const showHeader = Boolean(fileName) || (variant === 'block' && Boolean(copyText));\n\n return (\n <div\n className={classNames('rounded-md border border-border bg-elevation-1 text-sm max-h-[90vh]', className)}\n {...props}\n >\n {showHeader && (\n <div className={classNames('flex justify-between text-muted body-sm p-icon border-b border-border')}>\n <div className=\"min-w-0 h-full flex items-center\">{fileName}</div>\n {variant === 'block' && copyText && (\n <div className=\"flex items-start\">\n <CopyButton\n label={null}\n textToCopy={copyText}\n variant=\"ghost\"\n size=\"icon-sm\"\n aria-label=\"Copy code\"\n />\n </div>\n )}\n </div>\n )}\n\n <div className=\"relative flex items-center\">\n {variant === 'inline' && copyText && (\n <div className=\"absolute top-0 right-0 rounded-md flex items-start pt-icon pl-14 pr-icon bg-gradient-to-r from-transparent via-elevation-1 to-elevation-1\">\n <CopyButton\n label={null}\n textToCopy={copyText}\n variant=\"ghost\"\n size=\"icon-sm\"\n aria-label=\"Copy code\"\n />\n </div>\n )}\n <pre\n className={classNames(\n 'flex p-icon overflow-auto w-full max-h-96',\n variant === 'inline' && copyText && 'pr-20'\n )}\n >\n <code dangerouslySetInnerHTML={{ __html: code }} />\n </pre>\n </div>\n </div>\n );\n}\n"],"names":["CodeBlock","code","fileName","copyText","variant","className","props","showHeader","jsxs","classNames","jsx","CopyButton"],"mappings":"uYAWO,SAASA,EAAU,CAAE,KAAAC,EAAM,SAAAC,EAAU,SAAAC,EAAU,QAAAC,EAAU,QAAS,UAAAC,EAAW,GAAGC,GAAyB,CAC5G,MAAMC,EAAa,EAAQL,GAAcE,IAAY,SAAW,EAAQD,EAExE,OACIK,EAAC,MAAA,CACG,UAAWC,EAAW,sEAAuEJ,CAAS,EACrG,GAAGC,EAEH,SAAA,CAAAC,GACGC,EAAC,MAAA,CAAI,UAAWC,EAAW,uEAAuE,EAC9F,SAAA,CAAAC,EAAC,MAAA,CAAI,UAAU,mCAAoC,SAAAR,EAAS,EAC3DE,IAAY,SAAWD,GACpBO,EAAC,MAAA,CAAI,UAAU,mBACX,SAAAA,EAACC,EAAA,CACG,MAAO,KACP,WAAYR,EACZ,QAAQ,QACR,KAAK,UACL,aAAW,WAAA,CAAA,CACf,CACJ,CAAA,EAER,EAGJK,EAAC,MAAA,CAAI,UAAU,6BACV,SAAA,CAAAJ,IAAY,UAAYD,GACrBO,EAAC,MAAA,CAAI,UAAU,4IACX,SAAAA,EAACC,EAAA,CACG,MAAO,KACP,WAAYR,EACZ,QAAQ,QACR,KAAK,UACL,aAAW,WAAA,CAAA,EAEnB,EAEJO,EAAC,MAAA,CACG,UAAWD,EACP,4CACAL,IAAY,UAAYD,GAAY,OAAA,EAGxC,WAAC,OAAA,CAAK,wBAAyB,CAAE,OAAQF,EAAK,CAAG,CAAA,CAAA,CACrD,CAAA,CACJ,CAAA,CAAA,CAAA,CAGZ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{transformerColorizedBrackets as
|
|
1
|
+
import{transformerColorizedBrackets as e}from"@shikijs/colorized-brackets";import{codeToHtml as t}from"shiki";import{shikiTheme as i}from"./shiki.js";async function f({code:r,lang:o}){return t(r,{lang:o,theme:i,structure:"inline",transformers:[e()]})}export{f as highlightCode};
|
|
2
2
|
//# sourceMappingURL=highlight-code.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"highlight-code.js","sources":["../../lib/utilities/highlight-code.ts"],"sourcesContent":["import { transformerColorizedBrackets } from '@shikijs/colorized-brackets';\nimport { codeToHtml, type BundledLanguage } from 'shiki';\nimport { shikiTheme } from './shiki';\n\nexport interface HighlightOptions {\n code: string;\n lang: BundledLanguage;\n}\n\nexport async function highlightCode({ code, lang }: HighlightOptions) {\n
|
|
1
|
+
{"version":3,"file":"highlight-code.js","sources":["../../lib/utilities/highlight-code.ts"],"sourcesContent":["import { transformerColorizedBrackets } from '@shikijs/colorized-brackets';\nimport { codeToHtml, type BundledLanguage } from 'shiki';\nimport { shikiTheme } from './shiki';\n\nexport interface HighlightOptions {\n code: string;\n lang: BundledLanguage;\n}\n\nexport async function highlightCode({ code, lang }: HighlightOptions) {\n // structure: 'inline' emits only the highlighted spans (line breaks as <br>), no\n // wrapping <pre>/<code>. CodeBlock provides its own <pre><code>, so a 'classic'\n // structure here would nest a second <pre> inside it and double up padding.\n return codeToHtml(code, {\n lang,\n theme: shikiTheme,\n structure: 'inline',\n transformers: [transformerColorizedBrackets()],\n });\n}\n\nexport type { BundledLanguage } from 'shiki';\n"],"names":["highlightCode","code","lang","codeToHtml","shikiTheme","transformerColorizedBrackets"],"mappings":"sJASA,eAAsBA,EAAc,CAAE,KAAAC,EAAM,KAAAC,GAA0B,CAIlE,OAAOC,EAAWF,EAAM,CACpB,KAAAC,EACA,MAAOE,EACP,UAAW,SACX,aAAc,CAACC,EAAA,CAA8B,CAAA,CAChD,CACL"}
|