upgrade deps && docs [skip ci]

Author: mayank1513

TODO.md

@@ -17,7 +17,7 @@
 - [ ] 🌟 Enable [private vulnerability reporting](https://github.com/react18-tools/git-json-resolver-semver/security)
 - [ ] Set up `CodeCov`
   - Visit Codecov and set up your repo
-  - Create [repository secret]((https://github.com/react18-tools/git-json-resolver-semver/settings/secrets/actions)) for `CODECOV_TOKEN`
+  - Create [repository secret](<(https://github.com/react18-tools/git-json-resolver-semver/settings/secrets/actions)>) for `CODECOV_TOKEN`
 - [ ] Set up `CodeClimate`
   - Visit CodeClimate and set up your repo
   - Create [repository secret] for `CC_TEST_REPORTER_ID`

docs/_config.yml

@@ -0,0 +1,5 @@
+remote_theme: just-the-docs/just-the-docs
+title: React18 Loaders
+search_enabled: true
+nav_sort: case_insensitive
+footer_content: <p align="center" style="text-align:center">with 💖 by <a href="https://mayank-chaudhari.vercel.app" target="_blank">Mayank Kumar Chaudhari</a></p>

docs/index.md

@@ -0,0 +1,146 @@
+---
+layout: default
+title: Home
+nav_order: 1
+---
+
+# Git Json Resolver Semver <img src="https://raw.githubusercontent.com/mayank1513/mayank1513/main/popper.png" style="height: 40px"/>
+
+[![test](https://github.com/react18-tools/git-json-resolver-semver/actions/workflows/test.yml/badge.svg)](https://github.com/react18-tools/git-json-resolver-semver/actions/workflows/test.yml)
+[![Maintainability](https://qlty.sh/gh/react18-tools/projects/git-json-resolver-semver/maintainability.svg)](https://qlty.sh/gh/react18-tools/projects/git-json-resolver-semver)
+[![codecov](https://codecov.io/gh/react18-tools/git-json-resolver-semver/graph/badge.svg)](https://codecov.io/gh/react18-tools/git-json-resolver-semver)
+[![Version](https://img.shields.io/npm/v/git-json-resolver-semver.svg?colorB=green)](https://www.npmjs.com/package/git-json-resolver-semver)
+[![Downloads](https://img.jsdelivr.com/img.shields.io/npm/d18m/git-json-resolver-semver.svg)](https://www.npmjs.com/package/git-json-resolver-semver)
+![npm bundle size](https://img.shields.io/bundlephobia/minzip/git-json-resolver-semver)
+
+Git Json Resolver Semver is a comprehensive library designed to unlock the full potential of React 18 server components. It provides customizable loading animation components and a fullscreen loader container, seamlessly integrating with React and Next.js.
+
+✅ Fully Treeshakable (import from `git-json-resolver-semver/client/loader-container`)
+
+✅ Fully TypeScript Supported
+
+✅ Leverages the power of React 18 Server components
+
+✅ Compatible with all React 18 build systems/tools/frameworks
+
+✅ Documented with [Typedoc](https://react18-tools.github.io/git-json-resolver-semver) ([Docs](https://react18-tools.github.io/git-json-resolver-semver))
+
+✅ Examples for Next.js, and Vite
+
+> <img src="https://raw.githubusercontent.com/mayank1513/mayank1513/main/popper.png" style="height: 20px"/> Star [this repository](https://github.com/react18-tools/git-json-resolver-semver) and share it with your friends.
+
+## Getting Started
+
+### Installation
+
+```bash
+pnpm add git-json-resolver-semver
+```
+
+**_or_**
+
+```bash
+npm install git-json-resolver-semver
+```
+
+**_or_**
+
+```bash
+yarn add git-json-resolver-semver
+```
+
+## Want Lite Version? [![npm bundle size](https://img.shields.io/bundlephobia/minzip/git-json-resolver-semver-lite)](https://www.npmjs.com/package/git-json-resolver-semver-lite) [![Version](https://img.shields.io/npm/v/git-json-resolver-semver-lite.svg?colorB=green)](https://www.npmjs.com/package/git-json-resolver-semver-lite) [![Downloads](https://img.jsdelivr.com/img.shields.io/npm/d18m/git-json-resolver-semver-lite.svg)](https://www.npmjs.com/package/git-json-resolver-semver-lite)
+
+```bash
+pnpm add git-json-resolver-semver-lite
+```
+
+**or**
+
+```bash
+npm install git-json-resolver-semver-lite
+```
+
+**or**
+
+```bash
+yarn add git-json-resolver-semver-lite
+```
+
+> You need `r18gs` as a peer-dependency
+
+### Import Styles
+
+You can import styles globally or within specific components.
+
+```css
+/* globals.css */
+@import "git-json-resolver-semver/dist";
+```
+
+```tsx
+// layout.tsx
+import "git-json-resolver-semver/dist/index.css";
+```
+
+For selective imports:
+
+```css
+/* globals.css */
+@import "git-json-resolver-semver/dist/client"; /** required if you are using LoaderContainer */
+@import "git-json-resolver-semver/dist/server/bars/bars1";
+```
+
+### Usage
+
+Using loaders is straightforward.
+
+```tsx
+import { Bars1 } from "git-json-resolver-semver/dist/server/bars/bars1";
+
+export default function MyComponent() {
+  return someCondition ? <Bars1 /> : <>Something else...</>;
+}
+```
+
+For detailed API and options, refer to [the API documentation](https://react18-tools.github.io/git-json-resolver-semver).
+
+**Using LoaderContainer**
+
+`LoaderContainer` is a fullscreen component. You can add this component directly in your layout and then use `useLoader` hook to toggle its visibility.
+
+```tsx
+// layout.tsx
+<LoaderContainer />
+	 ...
+```
+
+```tsx
+// some other page or component
+import { useLoader } from "git-json-resolver-semver/dist/hooks";
+
+export default MyComponent() {
+	const { setLoading } = useLoader();
+	useCallback(()=>{
+		setLoading(true);
+		...do some work
+		setLoading(false);
+	}, [])
+	...
+}
+```
+
+## License
+
+This library is licensed under the MPL-2.0 open-source license.
+
+> <img src="https://raw.githubusercontent.com/mayank1513/mayank1513/main/popper.png" style="height: 20px"/> Please enroll in [our courses](https://mayank-chaudhari.vercel.app/courses) or [sponsor](https://github.com/sponsors/mayank1513) our work.
+
+<hr />
+
+<p align="center" style="text-align:center">with 💖 by <a href="https://mayank-chaudhari.vercel.app" target="_blank">Mayank Kumar Chaudhari</a></p>
+
+## Modules
+
+- [index](index.md)
+- [index.test](index.test.md)

docs/index.test.md

@@ -0,0 +1,7 @@
+---
+layout: default
+title: Index.Test
+nav_order: 2
+---
+
+# index.test

examples/nextjs/package.json

@@ -31,4 +31,4 @@
     "@types/react-dom": "^19.1.9",
     "typescript": "^5.9.2"
   }
-}
+}

examples/vite/package.json

@@ -30,4 +30,4 @@
     "typescript": "^5.9.2",
     "vite": "^7.1.3"
   }
-}
+}

lib/README.md

@@ -128,8 +128,6 @@ export default MyComponent() {
 
 This library is licensed under the MPL-2.0 open-source license.
 
-
-
 > <img src="https://raw.githubusercontent.com/mayank1513/mayank1513/main/popper.png" style="height: 20px"/> Please enroll in [our courses](https://mayank-chaudhari.vercel.app/courses) or [sponsor](https://github.com/sponsors/mayank1513) our work.
 
 <hr />

package.json

@@ -42,4 +42,4 @@
       "next@>=15.0.0 <15.2.3": ">=15.2.3"
     }
   }
-}
+}

packages/config-typescript/package.json

@@ -6,4 +6,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

packages/eslint-config/package.json

@@ -17,4 +17,4 @@
     "typescript": "^5.9.2",
     "typescript-eslint": "^8.41.0"
   }
-}
+}