chore: throw some upgrades into the mix (#25)

* chore: throw some upgrades into the mix

* ci: update actions and try to fix paths

* ci: maybe hit save or something

.github/workflows/publish.yml

@@ -49,7 +49,7 @@ jobs:
       cancel-in-progress: false
     environment:
       name: github-pages
-      url: ${{ steps.deploy-storybook.outputs.url }}
+      url: ${{ steps.deploy-storybook.outputs.page_url }}
     runs-on: ubuntu-latest
     needs: [pre-release-check]
     steps:
@@ -63,16 +63,16 @@ jobs:
         uses: actions/cache@v3
         with:
           path: ./.out
-          key: storybook-assets-${{ hashFiles('**/package.json', '**/yarn.lock') }}-${{ hashFiles('**.storybook.*')}}
+          key: storybook-assets-${{ hashFiles('**/package.json', '**/yarn.lock') }}-${{ hashFiles('**/.storybook/**/*')}}
 
       - name: Build Storybook
         run: yarn docs:build
 
       - name: Upload Storybook Artifacts
-        uses: actions/upload-pages-artifact@v2
+        uses: actions/upload-pages-artifact@v3
         with:
-          path: ./.out
+          path: .out/
 
       - name: Deploy Storybook
         id: deploy-storybook
-        uses: actions/deploy-pages@v3
+        uses: actions/deploy-pages@v4

.storybook/main.ts

@@ -1,12 +1,13 @@
 import { dirname, join } from "path";
+
 const config = {
   typescript: {
     check: false,
     checkOptions: {},
     reactDocgen: 'react-docgen-typescript',
     reactDocgenTypescriptOptions: {
       shouldExtractLiteralValuesFromEnum: true,
-      propFilter: prop => prop.parent ? !/node_modules/.test(prop.parent.fileName) : true
+      propFilter: (prop) => prop.parent ? !/node_modules/.test(prop.parent.fileName) : true
     }
   },
 
@@ -29,7 +30,11 @@ const config = {
 
   framework: {
     name: getAbsolutePath("@storybook/react-webpack5"),
-    options: {}
+    options: {
+      builder: {
+        useSWC: true
+      }
+    }
   },
 
   docs: {

.yarnrc.yml

@@ -1,3 +1,3 @@
 compressionLevel: mixed
 
-yarnPath: .yarn/releases/yarn-4.0.2.cjs
+yarnPath: .yarn/releases/yarn-4.1.0.cjs

package.json

@@ -6,7 +6,7 @@
   "author": "Ian McCausland <imccausl@gmail.com>",
   "license": "MIT",
   "private": true,
-  "packageManager": "yarn@4.0.2",
+  "packageManager": "yarn@4.1.0",
   "workspaces": {
     "packages": [
       "packages/*"
@@ -41,16 +41,16 @@
     "@commitlint/config-conventional": "^17.1.0",
     "@mdx-js/react": "^2.1.3",
     "@monodeploy/plugin-github": "^0.6.2",
-    "@storybook/addon-a11y": "^7.6.5",
-    "@storybook/addon-actions": "^7.6.5",
-    "@storybook/addon-docs": "^7.6.5",
-    "@storybook/addon-essentials": "^7.6.5",
-    "@storybook/addon-links": "^7.6.5",
-    "@storybook/addon-mdx-gfm": "^7.6.5",
+    "@storybook/addon-a11y": "^7.6.14",
+    "@storybook/addon-actions": "^7.6.14",
+    "@storybook/addon-docs": "^7.6.14",
+    "@storybook/addon-essentials": "^7.6.14",
+    "@storybook/addon-links": "^7.6.14",
+    "@storybook/addon-mdx-gfm": "^7.6.14",
     "@storybook/mdx2-csf": "^1.1.0",
-    "@storybook/react": "^7.6.5",
-    "@storybook/react-docgen-typescript-plugin": "^1.0.1",
-    "@storybook/react-webpack5": "^7.6.5",
+    "@storybook/react": "^7.6.14",
+    "@storybook/react-docgen-typescript-plugin": "1.0.6--canary.9.0c3f3b7.0",
+    "@storybook/react-webpack5": "^7.6.14",
     "@storybook/storybook-deployer": "^2.8.16",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.1.5",
@@ -79,7 +79,7 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-is": "^17.0.2",
-    "storybook": "^7.6.5",
+    "storybook": "^7.6.14",
     "styled-components": "^5.3.5",
     "turbo": "^1.4.6",
     "typescript": "^5.3.3",

packages/button/stories/button.stories.tsx

@@ -1,14 +1,16 @@
 import { Button } from '../src'
 import type { Meta, StoryObj } from '@storybook/react'
 
-const meta: Meta<typeof Button> = {
+const meta = {
   component: Button
-}
+} satisfies Meta<typeof Button>
 
 export default meta
 
 type Story  = StoryObj<typeof Button>
 
 export const Default: Story = {
-  args: {}
+  args: {
+    children: "I am a Button"
+  }
 }

vite.config.ts

@@ -1,4 +1,4 @@
-import { defineConfig} from 'vitest/config'
+import { defineConfig } from 'vitest/config'
 
 export default defineConfig({
   test: {