8000 Merge pull request #44 from ShMcK/feature/re-enable-storybook · coderoad/coderoad-vscode@74feeab · GitHub
[go: up one dir, main page]
Skip to content

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Appearance settings

Commit 74feeab

Browse files
ShMcKShMcK
authored
Merge pull request #44 from ShMcK/feature/re-enable-storybook
Feature/re enable storybook
2 parents 09506e1 + e646168 commit 74feeab

File tree

22 files changed

+664
-618
lines changed

22 files changed

+664
-618
lines changed

‎typings/graphql.d.ts

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -76,6 +76,7 @@ export type GithubUser = {
7676
export type Level = {
7777
__typename?: 'Level',
7878
id: Scalars['ID'],
79+
index?: number
7980
title: Scalars['String'],
8081
description: Scalars['String'],
8182
steps: Array<Step>,
@@ -583,3 +584,4 @@ export interface IntrospectionResultData {
583584
}[];
584585
};
585586
}
587+

‎web-app/.storybook/addons.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
import '@storybook/addon-actions/register'
22
import '@storybook/addon-knobs/register'
33
import '@storybook/addon-links/register'
4-
4+
import '@storybook/addon-viewport/register'

‎web-app/.storybook/config.ts

Lines changed: 22 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,38 @@
11
import '@alifd/next/dist/next.css'
2-
import { configure } from '@storybook/react'
2+
import {configure, addParameters} from '@storybook/react'
33
import '../src/styles/index.css'
44

55
// setup acquireVsCodeApi mock
66
// @ts-ignore
77
global.acquireVsCodeApi = () < 8000 span class=pl-c1>=> ({
8-
postMessage(event: string) {
9-
console.log('postMessage', event)
10-
}
8+
postMessage(event: string) {
9+
console.log('postMessage', event)
10+
}
1111
})
1212

1313

1414
// automatically import all files ending in *.stories.tsx
1515
const req = require.context('../stories', true, /\.stories\.tsx$/)
1616

1717
function loadStories() {
18-
req.keys().forEach(req)
18+
req.keys().forEach(req)
1919
}
2020

21+
// set viewport width
22+
// see https://www.npmjs.com/package/@storybook/addon-viewport
23+
addParameters({
24+
viewport: {
25+
viewports: {
26+
name: 'SideMenu',
27+
styles: {
28+
width: 200,
29+
height: window.innerHeight,
30+
},
31+
type: 'mobile'
32+
},
33+
defaultViewport: 'SideMenu',
34+
},
35+
})
36+
2137
configure(loadStories, module)
38+

0 commit comments

Comments
 (0)
0