rn-iconify 2.1.1 → 2.2.1

package/src/metro/types.ts

@@ -0,0 +1,52 @@
+/**
+ * Metro configuration types
+ * Minimal type definitions for Metro config integration
+ */
+
+import type { IncomingMessage, ServerResponse } from 'http';
+
+/**
+ * Metro middleware function
+ */
+export type MetroMiddleware = (req: IncomingMessage, res: ServerResponse, next: () => void) => void;
+
+/**
+ * Metro server configuration
+ */
+export interface MetroServerConfig {
+  enhanceMiddleware?: (middleware: MetroMiddleware, server: unknown) => MetroMiddleware;
+}
+
+/**
+ * Metro configuration object (partial, only what we need)
+ */
+export interface MetroConfig {
+  server?: MetroServerConfig;
+  [key: string]: unknown;
+}
+
+/**
+ * rn-iconify Metro plugin options
+ */
+export interface RnIconifyMetroOptions {
+  /**
+   * Directory to store usage data
+   * @default '.rn-iconify'
+   */
+  outputDir?: string;
+
+  /**
+   * Enable verbose logging
+   * @default false
+   */
+  verbose?: boolean;
+}
+
+/**
+ * Usage file structure
+ */
+export interface UsageFile {
+  version: string;
+  icons: string[];
+  updatedAt: string;
+}

package/src/metro/withRnIconify.ts

@@ -0,0 +1,52 @@
+/**
+ * Metro Config Wrapper
+ * Adds rn-iconify middleware to the Metro dev server
+ *
+ * @example
+ * ```js
+ * // metro.config.js
+ * const { withRnIconify } = require('rn-iconify/metro');
+ *
+ * const config = getDefaultConfig(__dirname);
+ * module.exports = withRnIconify(config);
+ * ```
+ */
+
+import type { MetroConfig, MetroMiddleware, RnIconifyMetroOptions } from './types';
+import { createDevServerMiddleware } from './devServerMiddleware';
+
+/**
+ * Wrap a Metro config to add rn-iconify dev server middleware
+ * This enables runtime icon usage learning during development
+ */
+export function withRnIconify(config: MetroConfig, options?: RnIconifyMetroOptions): MetroConfig {
+  const middleware = createDevServerMiddleware(options);
+
+  const existingEnhance = config.server?.enhanceMiddleware;
+
+  return {
+    ...config,
+    server: {
+      ...config.server,
+      enhanceMiddleware: (metroMiddleware: MetroMiddleware, server: unknown): MetroMiddleware => {
+        // Apply existing enhanceMiddleware if present
+        const enhanced = existingEnhance
+          ? existingEnhance(metroMiddleware, server)
+          : metroMiddleware;
+
+        // Wrap with our middleware
+        return (req, res, next) => {
+          // Check if this is our endpoint
+          const url = req.url;
+          if (url === '/__rn_iconify_log' || url === '/__rn_iconify_status') {
+            middleware(req, res, next);
+            return;
+          }
+
+          // Otherwise pass through
+          enhanced(req, res, next);
+        };
+      },
+    },
+  };
+}