From e20a6efe458b415bfbff515ec3b0760f0d3c697c Mon Sep 17 00:00:00 2001 From: Mayank Date: Wed, 26 Jun 2024 14:21:36 +0530 Subject: [PATCH] Add mouse trails --- examples/pages-router/package.json | 1 + examples/pages-router/src/pages/_app.tsx | 8 ++++---- examples/pages-router/src/styles/global.css | 1 + pnpm-lock.yaml | 14 ++++++++++++++ 4 files changed, 20 insertions(+), 4 deletions(-) diff --git a/examples/pages-router/package.json b/examples/pages-router/package.json index b29074d3..292a0806 100644 --- a/examples/pages-router/package.json +++ b/examples/pages-router/package.json @@ -22,6 +22,7 @@ "@types/node": "^20.14.9", "@types/react": "^18.3.3", "@types/react-dom": "^18.3.0", + "react-webgl-trails": "^0.0.2", "typescript": "^5.5.2" } } diff --git a/examples/pages-router/src/pages/_app.tsx b/examples/pages-router/src/pages/_app.tsx index fbac75a7..2166cc03 100644 --- a/examples/pages-router/src/pages/_app.tsx +++ b/examples/pages-router/src/pages/_app.tsx @@ -1,15 +1,14 @@ import * as React from "react"; import { AppProps } from "next/app"; import { ColorSchemeType, ThemeSwitcher } from "nextjs-themes"; -import { CardProps, Layout } from "@repo/shared/dist/server"; import "../styles/global.css"; import { Inter } from "next/font/google"; -import { Header } from "@repo/shared"; import Link from "next/link"; -import { Card, Cards, LandingPage } from "@repo/shared/dist/server"; -import { ThemeController, PageNavigatorCard } from "@repo/shared"; +import { Card, Cards, LandingPage, Layout, type CardProps } from "@repo/shared/dist/server"; +import { ThemeController, PageNavigatorCard, Header } from "@repo/shared"; import { ColorSwitch } from "nextjs-themes/color-switch"; import { ScopedThemes } from "@repo/shared/dist/client/scoped-themes"; +import { MouseTrail } from "react-webgl-trails"; const inter = Inter({ subsets: ["latin"] }); @@ -48,6 +47,7 @@ export default function App({ Component, pageProps }: _AppProps) { + ); } diff --git a/examples/pages-router/src/styles/global.css b/examples/pages-router/src/styles/global.css index bf6b0cc2..1397fa51 100644 --- a/examples/pages-router/src/styles/global.css +++ b/examples/pages-router/src/styles/global.css @@ -1,6 +1,7 @@ @import "nextjs-themes/css"; @import "@repo/shared/dist/global.css"; @import "@repo/shared/dist"; +@import "react-webgl-trails/dist"; html { -webkit-text-size-adjust: 100%; diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 7fce6d46..aa58bcce 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -134,6 +134,9 @@ importers: '@types/react-dom': specifier: ^18.3.0 version: 18.3.0 + react-webgl-trails: + specifier: ^0.0.2 + version: 0.0.2(@types/react@18.3.3)(react@18.3.1) typescript: specifier: ^5.5.2 version: 5.5.2 @@ -4105,6 +4108,12 @@ packages: peerDependencies: react: '>=16.8' + react-webgl-trails@0.0.2: + resolution: {integrity: sha512-Hh7wJETTKiA+NrMkHH2hxVXa7lVKvz2eDEER1ixhVw4UOKMYtqqFxSR2nQSXJlq5XCku24xmDecrcUBIanZTpw==} + peerDependencies: + '@types/react': 16.8 - 19 + react: 16.8 - 19 + react18-loaders@1.1.3: resolution: {integrity: sha512-ASVWnD4Du1AsCYEpqCkzInuKn7NQt3AXQOwUjVHwM0DowpUoVFi7GWAzAry+LEjKfJFX5gZZF9CiRUqMGBTbeg==} peerDependencies: @@ -9843,6 +9852,11 @@ snapshots: '@remix-run/router': 1.17.0 react: 18.3.1 + react-webgl-trails@0.0.2(@types/react@18.3.3)(react@18.3.1): + dependencies: + '@types/react': 18.3.3 + react: 18.3.1 + react18-loaders@1.1.3(@types/react@18.3.3)(next@14.2.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.6))(react@18.3.1): dependencies: '@types/react': 18.3.3