From 06b2fa35b8285a3bb284998505d182f5f51b9a69 Mon Sep 17 00:00:00 2001 From: Luke Bennett Date: Mon, 22 Aug 2022 12:13:30 +1000 Subject: [PATCH] Set up ladle --- .gitignore | 1 + ladle/.ladle/config.mjs | 13 + ladle/package.json | 20 + package.json | 1 + packages/button/stories/button.stories.tsx | 13 + .../stories/{{packageName}}.stories.tsx.hbs | 12 + pnpm-lock.yaml | 434 +++++++++++------- pnpm-workspace.yaml | 1 + 8 files changed, 336 insertions(+), 159 deletions(-) create mode 100644 ladle/.ladle/config.mjs create mode 100644 ladle/package.json create mode 100644 packages/button/stories/button.stories.tsx create mode 100644 plop-templates/component/stories/{{packageName}}.stories.tsx.hbs diff --git a/.gitignore b/.gitignore index 2807a291..de242b84 100644 --- a/.gitignore +++ b/.gitignore @@ -13,5 +13,6 @@ build coverage docs/public/playroom +docs/public/ladle node_modules out diff --git a/ladle/.ladle/config.mjs b/ladle/.ladle/config.mjs new file mode 100644 index 00000000..6532b85b --- /dev/null +++ b/ladle/.ladle/config.mjs @@ -0,0 +1,13 @@ +/** @type {import('@ladle/react/lib/shared/types').Config} */ +const config = { + stories: '../packages/**/*.stories.{js,jsx,ts,tsx}', + base: '/ladle/', + outDir: '../docs/public/ladle', + addons: { + a11y: { + enabled: true, + }, + }, +}; + +export default config; diff --git a/ladle/package.json b/ladle/package.json new file mode 100644 index 00000000..fb880cc9 --- /dev/null +++ b/ladle/package.json @@ -0,0 +1,20 @@ +{ + "name": "ladle", + "version": "0.0.0", + "private": true, + "license": "MIT", + "scripts": { + "dev": "ladle serve --port 4123", + "build": "ladle build", + "preview": "ladle preview" + }, + "dependencies": { + "@ladle/react": "^2.1.2", + "react": "^18.2.0", + "react-dom": "^18.2.0" + }, + "devDependencies": { + "@types/react": "^18.0.17", + "@types/react-dom": "^18.0.6" + } +} diff --git a/package.json b/package.json index dbeecbe5..a53acc5e 100644 --- a/package.json +++ b/package.json @@ -25,6 +25,7 @@ }, "dependencies": { "@changesets/cli": "^2.24.2", + "@ladle/react": "^2.1.2", "@testing-library/dom": "^8.17.1", "@testing-library/react": "^13.3.0", "@testing-library/user-event": "^14.4.3", diff --git a/packages/button/stories/button.stories.tsx b/packages/button/stories/button.stories.tsx new file mode 100644 index 00000000..c0194a88 --- /dev/null +++ b/packages/button/stories/button.stories.tsx @@ -0,0 +1,13 @@ +import type { Story } from '@ladle/react'; + +import type { ButtonProps } from '../src'; +import { Button } from '../src'; + +export const Controls: Story = (props) => { + return