Merge pull request #163 from uidotdev/tyler

Remove trailing slash, logs, and update footer.

Author: benadam11

index.js

@@ -445,7 +445,6 @@ export function useIdle(ms = 1000 * 60) {
     };
 
     const handleEvent = throttle((e) => {
-      console.log("EVENT");
       setIdle(false);
 
       window.clearTimeout(timeoutId);
@@ -784,8 +783,6 @@ export function useMouse() {
     };
   }, []);
 
-  console.log({ state });
-
   return [state, ref];
 }
 
@@ -1150,7 +1147,6 @@ export function useSpeech(text, options) {
     utterance.onpause = handlePause;
     utterance.onresume = handlePlay;
     utterance.onend = handleEnd;
-    console.log("ayy", text);
     window.speechSynthesis.speak(utterance);
   }, [text]);
 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@uidotdev/usehooks",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "A collection of 50 RSC safe React hooks",
   "type": "module",
   "repository": "uidotdev/usehooks",

package.json

@@ -13,6 +13,7 @@ import sitemap from "@astrojs/sitemap";
 // https://astro.build/config
 export default defineConfig({
   site: "https://usehooks.com",
+  trailingSlash: "never",
   integrations: [react(), tailwind(), mdx(), sitemap()],
   output: "static",
   // adapter: vercel(),

usehooks.com/astro.config.mjs

@@ -9,7 +9,7 @@ export default function HookCard({
 }) {
   return (
     <li className={styles.hook}>
-      <a href={`/${name.toLowerCase()}/`}>
+      <a href={`/${name.toLowerCase()}`}>
         <h3 className={styles["card-title"]}>{name}</h3>
         <p className={styles["card-description"]}>{tagline}</p>
         <svg

usehooks.com/src/components/search/HookCard.tsx

@@ -8,8 +8,8 @@
 	<a href="https://ui.dev" class="byline">by ui.dev</a>
 	<nav>
 		<a href="https://github.com/uidotdev/usehooks">Fork on GitHub</a>
-		<a href="https://www.npmjs.com/package/@uidotdev/usehooks">Install with npm</a>
-		<a href="https://react.gg">Learn with react.gg</a>
+		<a href="https://bytes.dev">JavaScript Newsletter</a>
+		<a href="https://react.gg">Learn React</a>
 	</nav>
 </footer>
 

usehooks.com/src/sections/Footer.astro

@@ -14,14 +14,14 @@ const hooksMarquee2 = (await getCollection('hooks')).slice(25,50);
 		<ul class="marquee-content">
 			{hooksMarquee1.map(hook => (
 				<li>
-					<a href={`/${hook.slug}/`} tabindex="-1">{hook.data.name}</a>
+					<a href={`/${hook.slug}`} tabindex="-1">{hook.data.name}</a>
 				</li>
 			))}
 		</ul>
 		<ul class="marquee-content">
 			{hooksMarquee1.map(hook => (
 				<li>
-					<a href={`/${hook.slug}/`} tabindex="-1">{hook.data.name}</a>
+					<a href={`/${hook.slug}`} tabindex="-1">{hook.data.name}</a>
 				</li>
 			))}
 		</ul>
@@ -30,14 +30,14 @@ const hooksMarquee2 = (await getCollection('hooks')).slice(25,50);
 		<ul class="marquee-content">
 			{hooksMarquee2.map(hook => (
 				<li>
-					<a href={`/${hook.slug}/`} tabindex="-1">{hook.data.name}</a>
+					<a href={`/${hook.slug}`} tabindex="-1">{hook.data.name}</a>
 				</li>
 			))}
 		</ul>
 		<ul class="marquee-content">
 			{hooksMarquee2.map(hook => (
 				<li>
-					<a href={`/${hook.slug}/`} tabindex="-1">{hook.data.name}</a>
+					<a href={`/${hook.slug}`} tabindex="-1">{hook.data.name}</a>
 				</li>
 			))}
 		</ul>

usehooks.com/src/sections/HomeHero.astro

@@ -1,4 +1,5 @@
 {
+  "trailingSlash": false,
   "rewrites": [
     {
       "source": "/stats/js/script.js",
@@ -16,7 +17,7 @@
     },
     {
       "source": "/useOnScreen",
-      "destination": "/usetntersectionobserver"
+      "destination": "/useintersectionobserver"
     },
     {
       "source": "/useWhyDidYouUpdate",
@@ -46,10 +47,6 @@
       "source": "/useLockBodyScroll",
       "destination": "/uselockbodyscroll"
     },
-    {
-      "source": "/useThrottle",
-      "destination": "/usethrottle"
-    },
     {
       "source": "/useToggle",
       "destination": "/usetoggle"
@@ -122,17 +119,9 @@
       "source": "/useDarkMode",
       "destination": "/"
     },
-    {
-      "source": "/useRouter",
-      "destination": "/"
-    },
     {
       "source": "/useAsync",
       "destination": "/"
-    },
-    {
-      "source": "/useAuth",
-      "destination": "/"
     }
   ]
 }