Modal content goes here
\n \n \n );\n}\n```\n\n## Development Mode\n\nThe package includes auto-initialization functionality that can be enabled in preview mode:\n\n```tsx\nimport { initializePreviewAppBridge } from 'preview-app-bridge-react';\n\n// Initialize preview mode (typically in your app's entry point)\nif (process.env.NODE_ENV === 'development') {\n initializePreviewAppBridge();\n}\n```\n\n## File Structure\n\n```\npreview-app-bridge-react/\n├── index.ts # Main package exports\n├── package.json # Package configuration\n├── components/ # React components\n│ ├── Modal.tsx\n│ ├── TitleBar.tsx\n│ ├── NavMenu.tsx\n│ └── ...\n├── hooks/ # React hooks\n│ ├── useAppBridge.tsx\n│ └── index.ts\n├── context/ # React context\n│ ├── AppBridgeContext.tsx\n│ └── index.ts\n├── apis/ # Mock APIs\n│ ├── toast.ts\n│ ├── loading.ts\n│ ├── resource-picker.ts\n│ └── ...\n├── services/ # Utility services\n│ ├── token-generator.ts\n│ ├── request-interceptor.ts\n│ └── ...\n├── types/ # TypeScript type definitions\n│ └── index.ts\n├── server/ # Server-side utilities\n│ └── jwt-signer.ts\n├── auto-init.ts # Auto-initialization\n├── examples.ts # Usage examples\n└── comprehensive-usage-example.tsx\n```\n\n## TypeScript Support\n\nThis package is built with TypeScript and provides comprehensive type definitions for all components, hooks, and APIs.\n\n## License\n\nMIT","readmeFilename":"README.md"}