Changelog

Author: mayank1513

.github/workflows/docs.yml

@@ -0,0 +1,45 @@
+name: Update dependencies and Docs
+
+on:
+  push:
+    branches: [main]
+  schedule:
+    - cron: "0 0 */2 * *"
+jobs:
+  doc:
+    if: github.event.repository.owner.login == 'react18-tools'
+    runs-on: ubuntu-latest
+    permissions:
+      packages: write
+      contents: write
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+
+      - uses: actions/setup-node@v3
+        with:
+          registry-url: https://registry.npmjs.org
+          node-version: 20
+      - run: npm i -g pnpm && pnpm i
+        name: Install dependencies
+      - name: Test
+        run: npm test
+      - run: git status && git clean -f -d && git status
+        name: clean up working directory
+      - run: npx @turbo/codemod update . && pnpm update --latest -w
+        name: Update dependencies
+      - run: pnpm build
+        name: Build all apps to make sure it is not broken due to dependency upgrades
+      - name: Run unit tests
+        run: pnpm test
+      - name: Generate/update docs
+        run: pnpm doc
+      - name: Setup Git
+        run: |
+          git config --global user.name "mayank1513"
+          git config --global user.email "[email protected]"
+          git fetch
+          git checkout main
+      - name: Save upgraded packages back to repo
+        run: git add . && git commit -m "upgrade deps && docs" && git push origin main

README.md

@@ -23,6 +23,8 @@ This project is inspired by `next-themes`. `next-themes` is an awesome package,
 - ✅ Class or data attribute selector
 - ✅ Manipulate theme via `useTheme` hook
 - ✅ Doccumented with [Typedoc](https://react18-tools.github.io/react18-themes) ([Docs](https://react18-tools.github.io/react18-themes))
+- ✅ Use combinations of [data-th=""] and [data-color-scheme=""] for dark/light varients of themes
+- ✅ Use [data-csp=""] to style based on colorSchemePreference.
 
 Check out the [live example](https://react18-themes.vercel.app/).
 

examples/nextjs/CHANGELOG.md

@@ -1,5 +1,13 @@
 # nextjs-example
 
+## 0.0.12
+
+### Patch Changes
+
+- Updated dependencies
+  - [email protected]
+  - [email protected]
+
 ## 0.0.11
 
 ### Patch Changes

examples/nextjs/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "nextjs-example",
-	"version": "0.0.11",
+	"version": "0.0.12",
 	"private": true,
 	"scripts": {
 		"dev": "next dev --port 3002",

examples/remix/CHANGELOG.md

@@ -4,6 +4,14 @@
 
 ### Patch Changes
 
+- Updated dependencies
+  - [email protected]
+  - [email protected]
+
+## null
+
+### Patch Changes
+
 - Updated dependencies [170b3f2]
   - [email protected]
   - [email protected]

examples/vite/CHANGELOG.md

@@ -1,5 +1,13 @@
 # vite-example
 
+## 0.0.12
+
+### Patch Changes
+
+- Updated dependencies
+  - [email protected]
+  - [email protected]
+
 ## 0.0.11
 
 ### Patch Changes

examples/vite/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "vite-example",
 	"private": true,
-	"version": "0.0.11",
+	"version": "0.0.12",
 	"type": "module",
 	"scripts": {
 		"dev": "vite --port 3001",

lib/react18-themes/CHANGELOG.md

@@ -1,5 +1,19 @@
 # react18-themes
 
+## 2.2.0
+
+### Minor Changes
+
+- ### Add Tailwind and Custom Transitions support
+
+  - No changes required for client side code as `[data-theme=]` selectors work as before.
+  - If you are using `ServerSideWrapper` or `NextJsServerTarget` or `NextJsSSGThemeSwitcher`, you need to convert `forcedPages` elements to objects of the shape `{ pathMatcher: RegExp | string; props: ThemeSwitcherProps }`.
+  - Use `resolvedColorScheme` for more sturdy dark/light/system modes
+  - Use combinations of `[data-th=""]` and `[data-color-scheme=""]` for dark/light varients of themes
+  - Use `[data-csp=""]` to style based on colorSchemePreference.
+  - Provide `themeTransition` prop to `ThemeSwitcher` component to apply smooth transition while changing theme.
+  - Use `setThemeSet` to set `lightTheme` and `darkTheme` together.
+
 ## 2.1.0
 
 ### Minor Changes

lib/react18-themes/package.json

@@ -2,7 +2,7 @@
 	"name": "react18-themes",
 	"author": "Mayank Kumar Chaudhari <https://mayank-chaudhari.vercel.app>",
 	"private": false,
-	"version": "2.1.0",
+	"version": "2.2.0",
 	"description": "Unleash the Power of React Server Components! Use multiple themes on your site with confidence, without losing any advantages of React Server Components.",
 	"main": "./index.ts",
 	"types": "./index.ts",