Skip to content

Commit cb16de2

Browse files
committed
Re-initialize storybook so that build works
1 parent 5a05d34 commit cb16de2

File tree

9 files changed

+2567
-5721
lines changed

9 files changed

+2567
-5721
lines changed

.gitignore

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,3 +21,5 @@ yarn-error.log*
2121
*.tmp
2222
*.bak
2323
*.swp
24+
25+
storybook-static/

storybook/.eslintrc.js

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,5 @@
11
module.exports = {
2-
extends: [
3-
'airbnb',
4-
'airbnb/hooks',
5-
'plugin:@typescript-eslint/recommended',
6-
],
2+
extends: ['airbnb', 'airbnb/hooks', 'plugin:@typescript-eslint/recommended', 'plugin:storybook/recommended', 'plugin:storybook/recommended'],
73
env: {
84
browser: true,
95
jest: true,

storybook/.storybook/main.js

Lines changed: 0 additions & 29 deletions
This file was deleted.

storybook/.storybook/main.ts

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
import type { StorybookConfig } from "@storybook/react-vite";
2+
3+
import { join, dirname } from "path";
4+
5+
/**
6+
* This function is used to resolve the absolute path of a package.
7+
* It is needed in projects that use Yarn PnP or are set up within a monorepo.
8+
*/
9+
function getAbsolutePath(value: string): any {
10+
return dirname(require.resolve(join(value, "package.json")));
11+
}
12+
const config: StorybookConfig = {
13+
stories: [
14+
"../stories/**/*.mdx",
15+
"../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)",
16+
],
17+
addons: [
18+
getAbsolutePath("@storybook/addon-links"),
19+
getAbsolutePath("@storybook/addon-essentials"),
20+
getAbsolutePath("@storybook/addon-onboarding"),
21+
getAbsolutePath("@storybook/addon-interactions"),
22+
],
23+
framework: {
24+
name: getAbsolutePath("@storybook/react-vite"),
25+
options: {},
26+
},
27+
docs: {
28+
autodocs: "tag",
29+
},
30+
};
31+
export default config;

storybook/.storybook/preview-head.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
window.global = window;
33
</script>
44
<style>
5-
html, body, #root {
5+
html, body, #storybook-root {
66
height: 100%
77
}
88
* {

storybook/.storybook/preview.js

Lines changed: 0 additions & 11 deletions
This file was deleted.

storybook/.storybook/preview.ts

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
import type { Preview } from "@storybook/react";
2+
import 'maplibre-gl/dist/maplibre-gl.css';
3+
4+
window.global ||= window;
5+
6+
const preview: Preview = {
7+
parameters: {
8+
actions: { argTypesRegex: "^on[A-Z].*" },
9+
controls: {
10+
matchers: {
11+
color: /(background|color)$/i,
12+
date: /Date$/i,
13+
},
14+
},
15+
},
16+
};
17+
18+
export default preview;

storybook/package.json

Lines changed: 54 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -1,56 +1,56 @@
11
{
2-
"name": "@togglecorp/re-map-storybook",
3-
"version": "1.0.0",
4-
"description": "",
5-
"main": "index.js",
6-
"scripts": {
7-
"typecheck": "tsc",
8-
"lint": "eslint ./stories --report-unused-disable-directives",
9-
"check-unused": "unimported",
10-
"storybook": "start-storybook -p 6006 --no-open",
11-
"build-storybook": "build-storybook"
12-
},
13-
"keywords": [],
14-
"author": "",
15-
"license": "ISC",
16-
"dependencies": {
17-
"@mapbox/mapbox-gl-draw": "^1.4.3",
18-
"@togglecorp/fujs": "^2.0.0",
19-
"@togglecorp/re-map": "^0.3.0",
20-
"chromatic": "^9.0.0",
21-
"immer": "^10.0.3",
22-
"maplibre-gl": "^3.5.2",
23-
"react": "^18.2.0",
24-
"react-dom": "^18.2.0"
25-
},
26-
"devDependencies": {
27-
"@babel/core": "^7.22.8",
28-
"@storybook/addon-actions": "^6.5.12",
29-
"@storybook/addon-essentials": "^6.5.12",
30-
"@storybook/addon-interactions": "^6.5.12",
31-
"@storybook/addon-links": "^6.5.12",
32-
"@storybook/builder-vite": "^0.2.3",
33-
"@storybook/react": "^6.5.12",
34-
"@storybook/testing-library": "^0.0.13",
35-
"@types/react": "^18.2.14",
36-
"@types/react-dom": "^18.2.6",
37-
"@typescript-eslint/eslint-plugin": "^5.61.0",
38-
"@typescript-eslint/parser": "^5.61.0",
39-
"babel-loader": "^8.2.5",
40-
"eslint": "^8.44.0",
41-
"eslint-config-airbnb": "^19.0.4",
42-
"eslint-plugin-import": "^2.27.5",
43-
"eslint-plugin-jsx-a11y": "^6.7.1",
44-
"eslint-plugin-react": "^7.32.2",
45-
"eslint-plugin-react-hooks": "^4.6.0",
46-
"postcss-nested": "^6.0.0",
47-
"postcss-normalize": "^10.0.1",
48-
"postcss-preset-env": "^7.8.2",
49-
"stylelint": "^14.13.0",
50-
"stylelint-config-concentric": "^2.0.2",
51-
"stylelint-config-recommended": "^9.0.0",
52-
"typescript": "^5.1.6",
53-
"unimported": "^1.22.0",
54-
"vite": "^3.1.6"
55-
}
2+
"name": "@togglecorp/re-map-storybook",
3+
"version": "1.0.0",
4+
"description": "",
5+
"main": "index.js",
6+
"scripts": {
7+
"typecheck": "tsc",
8+
"lint": "eslint ./stories --report-unused-disable-directives",
9+
"check-unused": "unimported",
10+
"storybook": "storybook dev -p 6006",
11+
"build-storybook": "storybook build"
12+
},
13+
"keywords": [],
14+
"author": "",
15+
"license": "ISC",
16+
"dependencies": {
17+
"@mapbox/mapbox-gl-draw": "^1.4.3",
18+
"@togglecorp/fujs": "^2.0.0",
19+
"@togglecorp/re-map": "^0.3.0",
20+
"chromatic": "^9.0.0",
21+
"immer": "^10.0.3",
22+
"maplibre-gl": "^3.5.2",
23+
"react": "^18.2.0",
24+
"react-dom": "^18.2.0"
25+
},
26+
"devDependencies": {
27+
"@storybook/addon-essentials": "^7.5.3",
28+
"@storybook/addon-interactions": "^7.5.3",
29+
"@storybook/addon-links": "^7.5.3",
30+
"@storybook/addon-onboarding": "^1.0.8",
31+
"@storybook/blocks": "^7.5.3",
32+
"@storybook/react": "^7.5.3",
33+
"@storybook/react-vite": "^7.5.3",
34+
"@storybook/testing-library": "^0.2.2",
35+
"@types/react": "^18.2.14",
36+
"@types/react-dom": "^18.2.6",
37+
"@typescript-eslint/eslint-plugin": "^5.61.0",
38+
"@typescript-eslint/parser": "^5.61.0",
39+
"eslint": "^8.44.0",
40+
"eslint-config-airbnb": "^19.0.4",
41+
"eslint-plugin-jsx-a11y": "^6.7.1",
42+
"eslint-plugin-react": "^7.32.2",
43+
"eslint-plugin-react-hooks": "^4.6.0",
44+
"eslint-plugin-storybook": "^0.6.15",
45+
"postcss-nested": "^6.0.0",
46+
"postcss-normalize": "^10.0.1",
47+
"postcss-preset-env": "^7.8.2",
48+
"storybook": "^7.5.3",
49+
"stylelint": "^14.13.0",
50+
"stylelint-config-concentric": "^2.0.2",
51+
"stylelint-config-recommended": "^9.0.0",
52+
"typescript": "^5.1.6",
53+
"unimported": "^1.22.0",
54+
"vite": "^5.0.0"
55+
}
5656
}

0 commit comments

Comments
 (0)