Big News: Socket raises $60M Series C at a $1B valuation to secure software supply chains for AI-driven development.Announcement
Sign In

@page-speed/pressable

Package Overview
Dependencies
Maintainers
2
Versions
9
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@page-speed/pressable - npm Package Compare versions

Comparing version
0.0.5
to
0.0.6
+1
-1
package.json
{
"name": "@page-speed/pressable",
"version": "0.0.5",
"version": "0.0.6",
"description": "Performance-optimized universal link/button component with automatic URL detection and normalization for DashTrack ecosystem",

@@ -5,0 +5,0 @@ "license": "BSD-3-Clause",

@@ -48,2 +48,81 @@ # @page-speed/pressable

## Setup Requirements
### 1. Tailwind CSS Configuration
**CRITICAL**: Add `@page-speed/pressable` to your Tailwind content paths so button styles are included:
\`\`\`ts
// tailwind.config.ts
import type { Config } from "tailwindcss";
const config: Config = {
content: [
"./app/**/*.{js,ts,jsx,tsx,mdx}",
"./components/**/*.{js,ts,jsx,tsx,mdx}",
// Add this line to scan Pressable's button-variant classes:
"./node_modules/@page-speed/pressable/dist/**/*.{js,mjs}",
],
// ...rest of config
};
\`\`\`
Without this, button variants won't have styles applied because Tailwind will purge the classes.
### 2. Router Setup (For Navigation)
Wrap your app with \`RouterProvider\` from \`@page-speed/router\` to enable internal navigation.
**For Next.js App Router** (requires client component wrapper):
\`\`\`tsx
// components/providers/RouterWrapper.tsx
"use client";
import { RouterProvider } from "@page-speed/router";
import { ReactNode } from "react";
export function RouterWrapper({ children }: { children: ReactNode }) {
return <RouterProvider>{children}</RouterProvider>;
}
\`\`\`
\`\`\`tsx
// app/layout.tsx
import { RouterWrapper } from "@/components/providers/RouterWrapper";
export default function RootLayout({ children }) {
return (
<html>
<body>
<RouterWrapper>
{children}
</RouterWrapper>
</body>
</html>
);
}
\`\`\`
**For standard React apps** (Create React App, Vite, etc.):
\`\`\`tsx
// App.tsx
import { RouterProvider } from "@page-speed/router";
function App() {
return (
<RouterProvider>
{/* your app */}
</RouterProvider>
);
}
\`\`\`
Install \`@page-speed/router\` directly for better type support:
\`\`\`bash
pnpm add @page-speed/router
\`\`\`
## Basic Usage

@@ -50,0 +129,0 @@