GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-04 19:41:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #18888 from storybookjs/pocka/fix/18829-outdated-snippet-copied

Browse Source 
Fix copy button copying outdated snippet
This commit is contained in:
Norbert de Langen 2022-09-13 17:53:38 +03:00 committed by GitHub
commit ae618647c1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 19 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
code/frameworks/vue3-vite/preset.js
View File

@ -1,2 +1,2 @@
console.log('vue3-vite preset!') console.log('vue3-vite preset!');
module.exports = require('./dist/preset'); module.exports = require('./dist/preset');

3
code/lib/builder-manager/src/types.ts
View File

@ -7,8 +7,7 @@ export interface Stats {
toJson: () => any; toJson: () => any;
} }
export type WithRequiredProperty<Type, Key extends keyof Type> = Type & export type WithRequiredProperty<Type, Key extends keyof Type> = Type & {
{
[Property in Key]-?: Type[Property]; [Property in Key]-?: Type[Property];
}; };

4
code/lib/builder-vite/src/codegen-entries.ts
View File

@ -6,7 +6,9 @@ import type { ExtendedOptions } from './types';
import { listStories } from './list-stories'; import { listStories } from './list-stories';
const absoluteFilesToImport = (files: string[], name: string) => const absoluteFilesToImport = (files: string[], name: string) =>
files.map((el, i) => `import ${name ? `* as ${name}_${i} from ` : ''}'/@fs/${normalizePath(el)}'`).join('\n'); files
.map((el, i) => `import ${name ? `* as ${name}_${i} from ` : ''}'/@fs/${normalizePath(el)}'`)
.join('\n');
export async function generateVirtualStoryEntryCode(options: ExtendedOptions) { export async function generateVirtualStoryEntryCode(options: ExtendedOptions) {
const storyEntries = await listStories(options); const storyEntries = await listStories(options);

7
code/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx
View File

@ -218,7 +218,8 @@ export const SyntaxHighlighter: FC<SyntaxHighlighterProps> = ({
const highlightableCode = formatter ? formatter(format, children) : children.trim(); const highlightableCode = formatter ? formatter(format, children) : children.trim();
const [copied, setCopied] = useState(false); const [copied, setCopied] = useState(false);
const onClick = useCallback((e: MouseEvent<HTMLButtonElement>) => { const onClick = useCallback(
(e: MouseEvent<HTMLButtonElement>) => {
e.preventDefault(); e.preventDefault();
copyToClipboard(highlightableCode) copyToClipboard(highlightableCode)
.then(() => { .then(() => {
@ -226,7 +227,9 @@ export const SyntaxHighlighter: FC<SyntaxHighlighterProps> = ({
globalWindow.setTimeout(() => setCopied(false), 1500); globalWindow.setTimeout(() => setCopied(false), 1500);
}) })
.catch(logger.error); .catch(logger.error);
}, []); },
[highlightableCode]
);
const renderer = wrapRenderer(rest.renderer, showLineNumbers); const renderer = wrapRenderer(rest.renderer, showLineNumbers);
return ( return (