mirror of
https://github.com/ilyakooo0/urbit.git
synced 2024-09-21 07:28:30 +03:00
interface: add storybook
This commit is contained in:
Liam Fitzgerald
parent
f9354e49a1
commit
0f58ee0f54
10
pkg/interface/.storybook/main.js
Normal file
10
pkg/interface/.storybook/main.js
Normal file
@ -0,0 +1,10 @@
|
||||
module.exports = {
|
||||
"stories": [
|
||||
"../src/**/*.stories.mdx",
|
||||
"../src/**/*.stories.@(js|jsx|ts|tsx)"
|
||||
],
|
||||
"addons": [
|
||||
"@storybook/addon-links",
|
||||
"@storybook/addon-essentials"
|
||||
]
|
||||
}
|
||||
133
pkg/interface/.storybook/preview.js
Normal file
133
pkg/interface/.storybook/preview.js
Normal file
@ -0,0 +1,133 @@
|
||||
import dark from '@tlon/indigo-dark';
|
||||
import light from '@tlon/indigo-light';
|
||||
import { Reset } from '@tlon/indigo-react';
|
||||
import { BrowserRouter } from 'react-router-dom';
|
||||
import { ThemeProvider } from 'styled-components';
|
||||
import useGraphState from '~/logic/state/graph';
|
||||
import useMetadataState from '~/logic/state/metadata';
|
||||
import '~/views/landscape/css/custom.css';
|
||||
import '~/views/css/fonts.css';
|
||||
import '~/views/apps/chat/css/custom.css';
|
||||
import '~/views/css/indigo-static.css';
|
||||
|
||||
export const parameters = {
|
||||
actions: { argTypesRegex: '^on[A-Z].*' },
|
||||
controls: {
|
||||
matchers: {
|
||||
color: /(background|color)$/i,
|
||||
date: /Date$/,
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
export const globalTypes = {
|
||||
theme: {
|
||||
name: 'Theme',
|
||||
description: 'Global Theme for components',
|
||||
defaultValue: 'light',
|
||||
toolbar: {
|
||||
icon: 'circlehollow',
|
||||
items: ['light', 'dark'],
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
export const decorators = [
|
||||
(Story, context) => {
|
||||
const theme = context.globals.theme === 'light' ? light : dark;
|
||||
|
||||
useMetadataState.setState({
|
||||
associations: {
|
||||
groups: {
|
||||
'/ship/~bitbet-bolbel/urbit-community': {
|
||||
metadata: {
|
||||
preview: false,
|
||||
vip: '',
|
||||
title: 'Urbit Community',
|
||||
description: 'World hub, help desk, meet and greet, etc.',
|
||||
creator: '~bitbet-bolbel',
|
||||
picture:
|
||||
'https://fabled-faster.nyc3.digitaloceanspaces.com/fabled-faster/2021.4.02..21.52.41-UC.png',
|
||||
hidden: false,
|
||||
config: {
|
||||
group: {
|
||||
'app-name': 'graph',
|
||||
resource: '/ship/~bitbet-bolbel/urbit-community-5.963',
|
||||
},
|
||||
},
|
||||
'date-created': '~2020.6.25..21.39.35..2fd2',
|
||||
color: '0x8f.9c9d',
|
||||
},
|
||||
'app-name': 'groups',
|
||||
resource: '/ship/~bitbet-bolbel/urbit-community',
|
||||
group: '/ship/~bitbet-bolbel/urbit-community',
|
||||
},
|
||||
},
|
||||
graph: {
|
||||
'/ship/~darrux-landes/development': {
|
||||
metadata: {
|
||||
preview: false,
|
||||
vip: '',
|
||||
title: 'Development',
|
||||
description:
|
||||
'Urbit Development Mailing List: https://groups.google.com/a/urbit.org/forum/#!forum/dev',
|
||||
creator: '~darrux-landes',
|
||||
picture: '',
|
||||
hidden: false,
|
||||
config: {
|
||||
graph: 'chat',
|
||||
},
|
||||
'date-created': '~2020.4.6..21.53.30..dc68',
|
||||
color: '0x0',
|
||||
},
|
||||
'app-name': 'graph',
|
||||
resource: '/ship/~darrux-landes/development',
|
||||
group: '/ship/~bitbet-bolbel/urbit-community',
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
useGraphState.setState({
|
||||
looseNodes: {
|
||||
'darrux-landes/development': {
|
||||
'/170141184505059416342852185329797955584': {
|
||||
post: {
|
||||
index: '/170141184505059416342852185329797955584',
|
||||
author: 'sipfyn-pidmex',
|
||||
'time-sent': 1621275183241,
|
||||
signatures: [
|
||||
{
|
||||
signature:
|
||||
'0x3.9e41.4f04.3cac.786e.30c1.f4cc.8db3.9a78.0401.d16f.6301.94d0.a08a.0695.5008.02bf.0e07.a7a9.3d87.85f7.6334.e598.4ed3.5dee.58a7.cbd3.30e6.d65b.1fc9.ac62.162a.daf0.ff14.9cca.4a93.8177.0755.7b74.9d52.c0a6.b27f.9001',
|
||||
life: 2,
|
||||
ship: 'sipfyn-pidmex',
|
||||
},
|
||||
],
|
||||
contents: [
|
||||
{
|
||||
text:
|
||||
'is there a way to get a bunt of a specific instantance of a tagged union? i.e. if you have `$%([%a =atom] [%b =cell])`, can you get a bunt of specifically subtype `%a`?',
|
||||
},
|
||||
],
|
||||
hash: '0xe790.53c1.0f2b.1e1b.8c30.7d33.236c.e69e',
|
||||
},
|
||||
children: {
|
||||
root: {},
|
||||
cachedIter: null,
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
return (
|
||||
<ThemeProvider theme={theme}>
|
||||
<BrowserRouter>
|
||||
<Story />
|
||||
<div id="portal-root" />
|
||||
</BrowserRouter>
|
||||
</ThemeProvider>
|
||||
);
|
||||
},
|
||||
];
|
||||
BIN
pkg/interface/package-lock.json
generated
BIN
pkg/interface/package-lock.json
generated
Binary file not shown.
@ -67,6 +67,10 @@
|
||||
"@babel/preset-env": "^7.12.11",
|
||||
"@babel/preset-react": "^7.12.10",
|
||||
"@babel/preset-typescript": "^7.12.7",
|
||||
"@storybook/addon-actions": "^6.2.9",
|
||||
"@storybook/addon-essentials": "^6.2.9",
|
||||
"@storybook/addon-links": "^6.2.9",
|
||||
"@storybook/react": "^6.2.9",
|
||||
"@types/lodash": "^4.14.168",
|
||||
"@types/react": "^16.14.2",
|
||||
"@types/react-dom": "^16.9.10",
|
||||
@ -87,6 +91,7 @@
|
||||
"eslint-plugin-react": "^7.22.0",
|
||||
"file-loader": "^6.2.0",
|
||||
"html-webpack-plugin": "^4.5.1",
|
||||
"loki": "^0.28.1",
|
||||
"moment-locales-webpack-plugin": "^1.2.0",
|
||||
"react-hot-loader": "^4.13.0",
|
||||
"sass": "^1.32.5",
|
||||
@ -106,7 +111,9 @@
|
||||
"build:dev": "cross-env NODE_ENV=development webpack --config config/webpack.dev.js",
|
||||
"build:prod": "cd ../npm/api && npm ci && cd ../../interface && cross-env NODE_ENV=production webpack --config config/webpack.prod.js",
|
||||
"start": "webpack-dev-server --config config/webpack.dev.js",
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
"test": "echo \"Error: no test specified\" && exit 1",
|
||||
"storybook": "start-storybook -p 6006",
|
||||
"build-storybook": "build-storybook"
|
||||
},
|
||||
"author": "",
|
||||
"license": "MIT"
|
||||
|
||||
Loading…
Reference in New Issue
Block a user