Merge branch 'main' into feat/use-device-pixel-ratio

Author: debabin

.prettierrc.mjs

@@ -1,4 +1,4 @@
 import { prettier } from '@siberiacancode/prettier';
 
 /** @type {import('prettier').Config} */
-export default prettier;
+export default { ...prettier, plugins: ['prettier-plugin-tailwindcss'] };

docs/.vitepress/config.mts

@@ -34,11 +34,21 @@ export default async () => {
     vite: {
       resolve: {
         alias: {
+          '@/docs': fileURLToPath(new URL('../../docs', import.meta.url)),
           '@': fileURLToPath(new URL('../../src', import.meta.url))
         }
       }
     },
     transformPageData: (pageData) => {
+      pageData.frontmatter.head ??= []
+      pageData.frontmatter.head.push([
+        'meta',
+        {
+          name: 'og:image',
+          content: 'https://repository-images.githubusercontent.com/799880708/be8887a4-0cf5-4929-a5f0-dba8d70a7d1f'
+        }
+      ])
+
       if (pageData.relativePath === 'index.md') {
         pageData.frontmatter.features = homePageFeatures;
       }

docs/.vitepress/theme/global.css

@@ -1,3 +1,5 @@
+@import 'tailwindcss';
+
 :root {
   --vp-c-bg: #ffffff;
 

docs/functions/hooks/[name].paths.mts

@@ -1,4 +1,4 @@
-import { codeToHtml } from 'shiki'
+import { codeToHtml } from 'shiki';
 
 import { getHookFile, getHooks, matchJsdoc, parseHookJsdoc } from '../../src/utils';
 
@@ -30,7 +30,7 @@ export default {
             acc += usage.description;
           }
           return acc;
-        }, '')
+        }, '');
 
         const usage = await codeToHtml(usages, {
           lang: 'typescript',
@@ -41,7 +41,6 @@ export default {
           defaultColor: false
         });
 
-
         const example = await codeToHtml(`import { ${hook} } from '@siberiacancode/reactuse';`, {
           lang: 'typescript',
           themes: {
@@ -66,15 +65,19 @@ export default {
       })
     );
 
-    // const features = params
-    //   .filter(Boolean)
-    //   .map((param) => {
-    //     return `\n- title: ${param?.params.name}\n  details: ${param?.params.description}\n  link: /functions/hooks/${param?.params.name}`;
-    //   })
-    //   .join(' ');
-    // console.log('@', features);
+    const pages = params.filter(Boolean);
+
+    console.log('\nHooks injection report\n');
+    console.log('\x1b[32mInjected: ' + pages.length + '\x1b[0m');
+    console.log('\x1b[33mSkipped: ' + (hooks.length - pages.length) + '\x1b[0m');
+    console.log('Total: ' + hooks.length);
 
-    return params.filter(Boolean);
+    // console.table([
+    //   { Status: 'Injected', Count: injected },
+    //   { Status: 'Skipped', Count: skipped },
+    //   { Status: 'Total', Count: total }
+    // ]);
+
+    return pages;
   }
 };
-

docs/src/components/code.vue

@@ -1,6 +1,4 @@
 <script setup>
-import { onMounted, ref } from 'vue';
-
 const props = defineProps({
   code: String,
   lang: String

docs/src/utils/index.ts

@@ -2,3 +2,4 @@ export * from './hooks';
 export * from './isDefaultType';
 export * from './matchJsdoc';
 export * from './parseHookJsdoc';
+export * from './utils';

docs/src/utils/utils/cn.ts

@@ -0,0 +1,6 @@
+import type { ClassValue } from 'clsx';
+
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export const cn = (...inputs: ClassValue[]) => twMerge(clsx(inputs));

docs/src/utils/utils/index.ts

@@ -0,0 +1 @@
+export * from './cn';

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@siberiacancode/reactuse",
-  "version": "0.0.80",
+  "version": "0.0.86",
   "description": "Ultimate tool",
   "author": {
     "name": "SIBERIA CAN CODE 🧊",
@@ -75,21 +75,28 @@
     "@siberiacancode/eslint": "^2.8.0",
     "@siberiacancode/prettier": "^1.2.0",
     "@siberiacancode/vitest": "^1.2.4",
+    "@tailwindcss/postcss": "^4.0.4",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.2.0",
     "@types/doctrine": "^0.0.9",
     "@types/node": "^22.13.1",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.2",
+    "@types/web-bluetooth": "^0.0.20",
+    "clsx": "^2.1.1",
     "comment-parser": "^1.4.1",
     "core-js": "^3.40.0",
     "doctrine": "^3.0.0",
     "husky": "^9.1.7",
     "lint-staged": "^15.4.3",
     "markdown-table": "^3.0.4",
+    "postcss": "^8.5.1",
+    "prettier-plugin-tailwindcss": "^0.6.11",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "shx": "^0.3.4",
+    "tailwind-merge": "^3.0.1",
+    "tailwindcss": "^4.0.4",
     "typescript": "^5.7.3",
     "vite": "^6.0.11",
     "vitepress": "^1.6.3"

postcss.config.mjs

@@ -0,0 +1,5 @@
+export default {
+  plugins: {
+    '@tailwindcss/postcss': {}
+  }
+};