Merge pull request #163 from uidotdev/tyler

Remove trailing slash, logs, and update footer.

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.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",

usehooks.com/astro.config.mjs

@@ -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/src/components/search/HookCard.tsx

@@ -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/sections/Footer.astro

@@ -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/HomeHero.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/vercel.json

@@ -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": "/"
  }
  ]
 }