upgrades storybook with new visual test migration. No longer monorepo…

… as I can get rid of cypress and include it all in storybook tests

.github/workflows/pr.yml

@@ -17,7 +17,7 @@ jobs:
         - name: Install Node.js
           uses: actions/setup-node@v3
           with:
-            node-version: 16
+            node-version: 18
 
         - uses: pnpm/action-setup@v2
           name: Install pnpm
@@ -26,12 +26,6 @@ jobs:
             version: 8
             run_install: false
 
-        - name: Cypress install
-          uses: cypress-io/github-action@v6
-          with:
-            # Disable running of tests within install job
-            runTests: false
-
         - name: Get pnpm store directory
           id: pnpm-cache
           shell: bash
@@ -53,4 +47,4 @@ jobs:
           run: pnpm lint
 
         - name: Unit Test
-          run: pnpm test:unit
+          run: pnpm test

.github/workflows/release.yml

@@ -18,7 +18,7 @@ jobs:
       - name: Install Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18
 
       - uses: pnpm/action-setup@v2
         name: Install pnpm

.gitignore

@@ -1,3 +1,10 @@
-/node_modules
-.turbo
-.idea
+node_modules
+*.log
+.DS_Store
+.idea
+npm-debug.log
+dist/
+.history/
+storybook-build
+.npmrc
+coverage

.nvmrc

@@ -0,0 +1 @@
+v18

.storybook/main.ts

@@ -0,0 +1,12 @@
+import type { StorybookConfig } from "@storybook/react-vite";
+
+export default ({
+	addons: ["@storybook/addon-essentials"],
+	framework: "@storybook/react-vite",
+	stories: ["../stories/**/*.story.@(js|tsx|mdx)"],
+
+	core: {
+		builder: "@storybook/builder-vite",
+	},
+	docs: { autodocs: true },
+} satisfies StorybookConfig);

.storybook/test-runner.ts

@@ -0,0 +1,15 @@
+import type { TestRunnerConfig } from "@storybook/test-runner";
+
+const config: TestRunnerConfig = {
+	async postVisit(page, context) {
+		// the #storybook-root element wraps the story. In Storybook 6.x, the selector is #root
+		const elementHandler = await page.$("#storybook-root");
+		const innerHTML = await elementHandler?.innerHTML();
+		if (!innerHTML) {
+			throw new Error("No innerHTML found");
+		}
+		expect(innerHTML).toMatchSnapshot();
+	},
+};
+
+export default config;

CHANGELOG.md

@@ -1,84 +1,21 @@
-# Changelog
+# react-trello-ts
 
-All notable changes to this project will be documented in this file.
+## 2.0.16
 
-The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
-and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+### Patch Changes
 
-## [2.2.4] - 2020-03-08
+- dd24717: bug/ onCardUpdate should fire - #26
 
-### Fixes
+## 2.0.15
 
-* [#354] Getting errors on each drag and drop using react-trello/smooth-dnd
-* [#317] Upgrade smooth-dnd to the latest version
+### Patch Changes
 
+- c90dd1d: Unused style prop in Lane.tsx
 
-## [2.2.3] - 2019-08-22
+## 2.0.14
 
-### Fixes
+### Patch Changes
 
-* [#312] Lane metadata not being passed to CustomLaneHeader
+- b38da98: Add changesets
 
-## [2.2.2] - 2019-07-30
-
-### Improvements
-
-* LaneHeaderComponent specified two editLaneTitle props, causing a warning to
-  be shown
-* Remove duplicated editLaneTitle propType
-
-### Fixes
-
-* [#306] Delete Icon not there in Custom Card Component
-
-## [2.2.1] - 2019-07-22
-
-### Improvements
-
-* Cursor on lane header respects draggable
-* Improve new lane title editor (auto close on click outside)
-
-### Fixes
-
-* [#298] onCardDelete Event doesn't get fired anymore
-
-## [2.2.0] - 2019-07-20
-
-### Added
-
-* Availability to hide Add Card button for specific lane
-* Internationalization support (property `t` and `lang`)
-* Russian translation
-* Dependency Injection mechanisim for all components customization 
-  (property `components`)
-* Add `onCardMoveAcrossLanes` handler property, called when a card is moved across lanes
-* Add `onDeleteLane` handler property
-* Add `laneStyle` property
-* Add `editLaneTitle` and `onLaneUpdate` props (availability to inline edit lane
-  title)
-
-### Improvements
-
-* Removed CSS style hardcoding (except `react-popover`)
-* Upgrade dev dependencies and remove unnecessary pkgs
-* Suppress debug prints in tests
-* Add babel-plugin-module-resolver to root as ./src
-* Removed `react-popover`'s CSS classes. 
-
-
-### Fixes
-
-* [#203] fixes Cannot drop a card near the bottom of a lane
-* [#205] fix argument names in handleLaneDragEnd
-* [#201] Fixed Warning: Failed prop type by replacing `react-popover` with `react-popopo`
-
-### Breaking changes
-
-* Removed props `addLaneTitle` and `addCardTitle`. Use `t('Add another lane')` and `t('Click to add card')` instead of it.
-* Removed props `customLaneHeader`, `newCardTemplate`, `newLaneTemplate`, `customCardLayout`. Use `components` property instead of it.
-
-Refer [upgrade instructions](UPGRADE.md) to migrate to new version.
-
-## [0.0.0] - [2.1.4]
-
-Lookin into `git log`
+  Linting fix to prefer template strings over concat