Merge pull request #7 from react18-tools/touchup

Touchup

Author: mayank1513

.deepsource.toml

@@ -0,0 +1 @@
+version = 1

.github/workflows/publish.yml

@@ -43,6 +43,15 @@ jobs:
           OWNER: ${{ github.event.repository.owner.login }}
           REPO: ${{ github.event.repository.name }}
 
+      - name: Publish package with long name for better SEO
+        continue-on-error: true
+        run: |
+          cd dist
+          sed -i -e "s/.*name.*/\t\"name\": \"nextjs-themes-ultra\",/" package.json
+          npm publish --provenance --access public
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_AUTH_TOKEN }}
+
       # Publish lite version
       - run: node lite.js && pnpm build && pnpm publish-package && node scope.js && pnpm publish-package
         env:
@@ -52,7 +61,7 @@ jobs:
         continue-on-error: true
         run: |
           cd dist
-          sed -i -e "s/.*name.*/\t\"name\": \"nextjs-themes-ultralight\",/" package.json
+          sed -i -e "s/.*name.*/\t\"name\": \"nextjs-themes-ultralite\",/" package.json
           npm publish --provenance --access public
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_AUTH_TOKEN }}

.tkb

@@ -1,66 +1,47 @@
 {
   "scope": "Workspace",
   "tasks": {
-    "task-ZJpp-dpxx3KxRMsAPNuMC": {
-      "id": "task-ZJpp-dpxx3KxRMsAPNuMC",
-      "description": "Implement tests",
-      "columnId": "column-done"
-    },
-    "4CTOhRPjKrEAW5AHYsV7P": {
-      "id": "4CTOhRPjKrEAW5AHYsV7P",
-      "description": "Update doc comments",
-      "columnId": "column-done"
-    },
-    "RtA7NBfPOlfnVHqk54rMD": {
-      "id": "RtA7NBfPOlfnVHqk54rMD",
-      "description": "update readme",
-      "columnId": "column-done"
-    },
-    "fqhes_YS14GQopOUs7K-7": {
-      "id": "fqhes_YS14GQopOUs7K-7",
-      "description": "update workflows to replace mayank1513",
-      "columnId": "column-done"
-    },
     "-FlzW8htLo-6jz5-ZqjEx": {
       "id": "-FlzW8htLo-6jz5-ZqjEx",
       "description": "update examples to showcase edge cases",
-      "columnId": "column-doing"
+      "columnId": "column-done"
     },
     "p1R-Q4atxMo-29mSa7mb6": {
       "id": "p1R-Q4atxMo-29mSa7mb6",
       "description": "Remove scoped packages from turborepo-template",
-      "columnId": "column-todo"
+      "columnId": "column-done"
     },
-    "a7ksr41sN7kQNaH8Io-dV": {
-      "id": "a7ksr41sN7kQNaH8Io-dV",
-      "description": "Add support for css modules",
+    "J1yONFe2BVs5GbQJj1SXG": {
+      "id": "J1yONFe2BVs5GbQJj1SXG",
+      "description": "Add ThemeContainer server component",
       "columnId": "column-done"
+    },
+    "G-1H47JpSI69kav1qZ-kp": {
+      "id": "G-1H47JpSI69kav1qZ-kp",
+      "description": "Test setting theme from useEffect without any delay",
+      "columnId": "column-todo"
     }
   },
   "columns": [
     {
       "id": "column-todo",
       "title": "To do",
       "tasksIds": [
-        "p1R-Q4atxMo-29mSa7mb6"
+        "G-1H47JpSI69kav1qZ-kp"
       ]
     },
     {
       "id": "column-doing",
       "title": "Doing",
-      "tasksIds": [
-        "-FlzW8htLo-6jz5-ZqjEx"
-      ]
+      "tasksIds": []
     },
     {
       "id": "column-done",
       "title": "Done",
       "tasksIds": [
-        "a7ksr41sN7kQNaH8Io-dV",
-        "RtA7NBfPOlfnVHqk54rMD",
-        "fqhes_YS14GQopOUs7K-7",
-        "task-ZJpp-dpxx3KxRMsAPNuMC",
-        "4CTOhRPjKrEAW5AHYsV7P"
+        "J1yONFe2BVs5GbQJj1SXG",
+        "p1R-Q4atxMo-29mSa7mb6",
+        "-FlzW8htLo-6jz5-ZqjEx"
       ]
     }
   ]

README.md

@@ -1,10 +1,10 @@
-# Nextjs-Themes-Ultralight
+# Nextjs-Themes-Ultra
 
-[![test](https://github.com/react18-tools/nextjs-themes-ultralight/actions/workflows/test.yml/badge.svg)](https://github.com/react18-tools/nextjs-themes-ultralight/actions/workflows/test.yml) [![Maintainability](https://api.codeclimate.com/v1/badges/85f6447e649201924a2c/maintainability)](https://codeclimate.com/github/react18-tools/nextjs-themes-ultralight/maintainability) [![codecov](https://codecov.io/gh/react18-tools/nextjs-themes-ultralight/graph/badge.svg)](https://codecov.io/gh/react18-tools/nextjs-themes-ultralight) [![Version](https://img.shields.io/npm/v/nthul.svg?colorB=green)](https://www.npmjs.com/package/nthul) [![Downloads](https://img.jsdelivr.com/img.shields.io/npm/dt/nthul.svg)](https://www.npmjs.com/package/nthul) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/nthul) [![Gitpod ready-to-code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/from-referrer/)
+[![test](https://github.com/react18-tools/nextjs-themes-ultra/actions/workflows/test.yml/badge.svg)](https://github.com/react18-tools/nextjs-themes-ultra/actions/workflows/test.yml) [![Maintainability](https://api.codeclimate.com/v1/badges/85f6447e649201924a2c/maintainability)](https://codeclimate.com/github/react18-tools/nextjs-themes-ultra/maintainability) [![codecov](https://codecov.io/gh/react18-tools/nextjs-themes-ultra/graph/badge.svg)](https://codecov.io/gh/react18-tools/nextjs-themes-ultra) [![Version](https://img.shields.io/npm/v/nthul.svg?colorB=green)](https://www.npmjs.com/package/nthul) [![Downloads](https://img.jsdelivr.com/img.shields.io/npm/dt/nthul.svg)](https://www.npmjs.com/package/nthul) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/nthul) [![Gitpod ready-to-code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/from-referrer/)
 
 🤟 👉 [Unleash the Power of React Server Components](https://medium.com/javascript-in-plain-english/unleash-the-power-of-react-server-components-eb3fe7201231)
 
-> A canonical package with a longer and more descriptive name is also published - `nextjs-themes-ultralight`
+> A canonical package with a longer and more descriptive name is also published - `nextjs-themes-ultra`
 
 ## Motivation
 
@@ -42,19 +42,19 @@ I will update the main library [`nextjs-themes`](https://github.com/react18-tool
 
 ✅ Manipulate theme via `useTheme` hook
 
-✅ Documented with [Typedoc](https://react18-tools.github.io/nextjs-themes-ultralight) ([Docs](https://react18-tools.github.io/nextjs-themes-ultralight))
+✅ Documented with [Typedoc](https://react18-tools.github.io/nextjs-themes-ultra) ([Docs](https://react18-tools.github.io/nextjs-themes-ultra))
 
 ✅ Use combinations of `th-` and `dark` or `light` classes for dark/light variants of themes
 
 ✅ Automatically avoids storing cookies when not using the corresponding `ServerTarget`
 
 ✅ Works with all build systems/tools/frameworks for React18
 
-> Feel free to [request](https://github.com/react18-tools/nextjs-themes-ultralight/issues/new?assignees=&labels=&projects=&template=feature_request.md&title=) or [discuss](https://github.com/react18-tools/nextjs-themes-ultralight/discussions) new features or [report bugs](https://github.com/react18-tools/nextjs-themes-ultralight/issues/new?assignees=&labels=&projects=&template=bug_report.md&title=).
+> Feel free to [request](https://github.com/react18-tools/nextjs-themes-ultra/issues/new?assignees=&labels=&projects=&template=feature_request.md&title=) or [discuss](https://github.com/react18-tools/nextjs-themes-ultra/discussions) new features or [report bugs](https://github.com/react18-tools/nextjs-themes-ultra/issues/new?assignees=&labels=&projects=&template=bug_report.md&title=).
 
 ## Install
 
-> A canonical package with a longer and more descriptive name is also published - `nextjs-themes-ultralight`
+> A canonical package with a longer and more descriptive name is also published - `nextjs-themes-ultra`
 
 ```bash
 $ pnpm add nthul
@@ -167,7 +167,7 @@ An elegant color-switch to toggle coloe-schemes ("dark" | "light" | "system").
 
 ### HTML & CSS
 
-That's it, your Next.js app fully supports dark mode, including System preference with `prefers-color-scheme`. The theme is also immediately synced between tabs. By default, `nextjs-themes-ultralight` modifies the className on the `html` element, which you can easily use to style your app:
+That's it, your Next.js app fully supports dark mode, including System preference with `prefers-color-scheme`. The theme is also immediately synced between tabs. By default, `nthul` modifies the className on the `html` element, which you can easily use to style your app:
 
 ```css
 :root {
@@ -210,7 +210,7 @@ That's it, your Next.js app fully supports dark mode, including System preferenc
 }
 ```
 
-Also see [Example CSS file](https://github.com/react18-tools/nextjs-themes-ultralight/blob/main/packages/shared-ui/src/globals.css)
+Also see [Example CSS file](https://github.com/react18-tools/nextjs-themes-ultra/blob/main/packages/shared-ui/src/globals.css).
 
 #### When using `ServerTarget`
 
@@ -328,7 +328,7 @@ export default function Page() {
 }
 ```
 
-> We are open to listening your feedback - [Discussions](https://github.com/react18-tools/nextjs-themes-ultralight/discussions)
+> We are open to listening your feedback - [Discussions](https://github.com/react18-tools/nextjs-themes-ultra/discussions)
 
 ### With Styled Components and any CSS-in-JS
 
@@ -428,7 +428,7 @@ cd nthul
 pnpm dev
 ```
 
-### 🤩 Don't forger to start [this repo](https://github.com/react18-tools/nextjs-themes-ultralight)!
+### 🤩 Don't forger to start [this repo](https://github.com/react18-tools/nextjs-themes-ultra)!
 
 Want hands-on course for getting started with Turborepo? Check out [React and Next.js with TypeScript](https://mayank-chaudhari.vercel.app/courses/react-and-next-js-with-typescript) and [The Game of Chess with Next.js, React and TypeScrypt](https://www.udemy.com/course/game-of-chess-with-nextjs-react-and-typescrypt/?referralCode=851A28F10B254A8523FE)
 

examples/nextjs/CHANGELOG.md

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

examples/nextjs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nextjs-example",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -19,8 +19,8 @@
   },
   "devDependencies": {
     "@next/eslint-plugin-next": "^14.1.0",
-    "@types/node": "^20.11.20",
-    "@types/react": "^18.2.58",
+    "@types/node": "^20.11.21",
+    "@types/react": "^18.2.60",
     "@types/react-dom": "^18.2.19",
     "eslint-config-custom": "workspace:*",
     "tsconfig": "workspace:*",

examples/vite/CHANGELOG.md

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

examples/vite/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vite-example",
   "private": true,
-  "version": "0.0.2",
+  "version": "0.0.3",
   "type": "module",
   "scripts": {
     "dev": "vite --port 3001",
@@ -17,12 +17,12 @@
     "shared-ui": "workspace:*"
   },
   "devDependencies": {
-    "@types/react": "^18.2.58",
+    "@types/react": "^18.2.60",
     "@types/react-dom": "^18.2.19",
-    "@typescript-eslint/eslint-plugin": "^7.0.2",
-    "@typescript-eslint/parser": "^7.0.2",
+    "@typescript-eslint/eslint-plugin": "^7.1.0",
+    "@typescript-eslint/parser": "^7.1.0",
     "@vitejs/plugin-react-swc": "^3.6.0",
-    "eslint": "^8.56.0",
+    "eslint": "^8.57.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.5",
     "typescript": "^5.3.3",

lib/nthul/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @mayank1513/fork-me
 
+## 0.2.0
+
+### Minor Changes
+
+- Add ForceTheme component for easily creating forced pages.
+  Fix CSS Modules Support.
+
 ## 0.1.0
 
 ### Minor Changes

lib/nthul/lite.js

@@ -1,3 +1,4 @@
+/* eslint-disable no-undef -- ok*/
 "use strict";
 
 const fs = require("node:fs");
@@ -7,16 +8,17 @@ const packageJson = require(path.resolve(__dirname, "package.json"));
 
 const ref = packageJson.name;
 packageJson.peerDependencies.r18gs = "^0";
+delete packageJson.dependencies;
 packageJson.name = `${packageJson.name}-lite`;
 
 fs.writeFileSync(path.resolve(__dirname, "package.json"), JSON.stringify(packageJson, null, 2));
 
 const readMePath = path.resolve(__dirname, "..", "..", "README.md");
 let readMe = fs.readFileSync(readMePath, { encoding: "utf8" });
-const tmp = "!--|--!";
-const owner = process.env.OWNER;
-readMe = readMe.replace(new RegExp(`$${owner}/${ref}`, "g"), tmp);
+const tmp = "!---!";
+const owner = "react18-tools";
+readMe = readMe.replace(new RegExp(`${owner}/${ref}`, "g"), tmp);
 readMe = readMe.replace(new RegExp(ref, "g"), packageJson.name);
-readMe = readMe.replace(new RegExp(tmp, "g"), `$${owner}/${ref}`);
-readMe = readMe.replace(/## Want Lite Version(.|\n|\r)*You need r18gs as a peer-dependency/m, "");
+readMe = readMe.replace(new RegExp(tmp, "g"), `${owner}/${ref}`);
+readMe = readMe.replace(/## Want Lite Version(?:.|\n|\r)*You need r18gs as a peer-dependency/m, "");
 fs.writeFileSync(readMePath, readMe);