ci: test actions

Author: fakundo

.github/workflows/build-deploy-docs.yml

@@ -2,14 +2,23 @@ name: Build docs
 on:
   push:
     branches:
-      - master
+      - main
 jobs:
   build-and-deploy:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout 🛎️
         uses: actions/[email protected]
 
+      - name: Enable Corepack
+        run: corepack enable
+        
+      - name: Use Node.js 20.x
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20.x'
+          cache: 'yarn'
+
       - name: Install and build docs 🔧
         run: |
           yarn

.github/workflows/publish.yml

@@ -2,14 +2,23 @@ name: Publish to Npm
 on:
   push:
     branches:
-      - master
+      - main
 jobs:
   publish:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout 🛎️
         uses: actions/[email protected]
 
+      - name: Enable Corepack
+        run: corepack enable
+        
+      - name: Use Node.js 20.x
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20.x'
+          cache: 'yarn'
+
       - name: Install 🔧
         run: yarn
 

.storybook/preview.ts

@@ -13,7 +13,7 @@ const preview: Preview = {
     options: {
       storySort: {
         order: [
-          'Intro',
+          'Introduction',
           'Examples',
           ['Basic Transition', 'Fade Transition', ['Inline Styles']],
           'Components',

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-transitioning",
-  "version": "0.0.0",
+  "version": "1.0.0",
   "description": "React components for easily implementing basic CSS animations and transitions",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -16,7 +16,7 @@
   "scripts": {
     "prepare": "husky",
     "prepublishOnly": "yarn run lint && yarn run build",
-    "lint": "eslint src && eslint examples",
+    "lint": "eslint src && eslint stories",
     "watch": "tsup --watch",
     "build": "tsup --clean",
     "dev": "storybook dev -p 6006",

stories/examples/BasicTransition.mdx

@@ -27,3 +27,7 @@ Here’s how you can use the `Transition` component in your project:
 Check out the live demo below to see the `Transition` component in action:
 
 <Canvas of={Stories.Default} />
+
+## Source Code
+
+The source code for this example is available on [GitHub](https://github.com/fakundo/react-transitioning/blob/main/stories/examples/BasicTransition.stories.tsx).

stories/examples/ConditionalRender.mdx

@@ -37,3 +37,7 @@ To use the `TransitionGroup` with conditionally rendered children in your projec
 Check out the live demo below to see the `TransitionGroup` in action with conditionally rendered children:
 
 <Canvas of={Stories.Default} />
+
+## Source Code
+
+The source code for this example is available on [GitHub](https://github.com/fakundo/react-transitioning/blob/main/stories/examples/ConditionalRender.stories.tsx).

stories/examples/FadeTransitionClassNames.mdx

@@ -48,3 +48,7 @@ The example implements a fading transition effect using the `StyleTransition` co
 Check out the live demo below to see the `FadeTransition` in action:
 
 <Canvas of={Stories.Default} />
+
+## Source Code
+
+The source code for this example is available on [GitHub](https://github.com/fakundo/react-transitioning/blob/main/stories/examples/FadeTransitionClassNames.stories.tsx).

stories/examples/FadeTransitionStyles.mdx

@@ -47,3 +47,7 @@ The example implements a fading transition effect using the `StyleTransition` co
 Check out the live demo below to see the `FadeTransition` in action:
 
 <Canvas of={Stories.Default} />
+
+## Source Code
+
+The source code for this example is available on [GitHub](https://github.com/fakundo/react-transitioning/blob/main/stories/examples/FadeTransitionStyles.stories.tsx).

stories/examples/ItemList.mdx

@@ -27,3 +27,7 @@ To use the `TransitionGroup` in your project, you can follow the example below:
 Check out the live demo below to see the `TransitionGroup` in action:
 
 <Canvas of={Stories.Default} />
+
+## Source Code
+
+The source code for this example is available on [GitHub](https://github.com/fakundo/react-transitioning/blob/main/stories/examples/ItemList.stories.tsx).