Merge pull request #5 from hbmartin/separate-host-and-client-exports

Separate host and client exports

Author: hbmartin

.claude/settings.local.json

@@ -0,0 +1,9 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(npm run build:*)"
+    ],
+    "deny": [],
+    "ask": []
+  }
+}

package.json

@@ -13,15 +13,13 @@
     "type": "git",
     "url": "https://github.com/hbmartin/react-vscode-webview-ipc"
   },
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "host": ["./dist/host.d.ts"],
+      "client": ["./dist/client.d.ts"]
+    }
+  },
   "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    },
     "./host": {
       "types": "./dist/host.d.ts",
       "import": "./dist/host.js",

src/lib/client.ts

@@ -1,9 +1,9 @@
-export { type WebviewContextValue } from './client/WebviewContext';
+// export { type WebviewContextValue } from './client/WebviewContext';
 export { WebviewProvider } from './client/WebviewProvider';
 export { createCtxKey, useWebviewApi } from './client/useWebviewApi';
 export { useVscodeState } from './client/useVscodeState';
 export { useLogger } from './client/useLogger';
-export { isViewApiRequest, isViewApiResponse, isViewApiEvent, type CtxKey } from './types';
-export type { ClientCalls, ViewApiResponse, ViewApiError } from './types';
-export type { StateReducer, WebviewKey } from './types/ipcReducer';
-export type { WebviewLayout } from './types';
+export { isViewApiRequest, type CtxKey } from './types';
+export type { ClientCalls, HostCalls, ViewApiResponse, ViewApiError } from './types';
+export type { WebviewKey } from './types/reducer';
+export type { StateReducer, WebviewLayout } from './client/types';

src/lib/client/WebviewContext.tsx

@@ -1,4 +1,5 @@
-import type { ClientCalls, HostCalls, VsCodeApi } from '../types';
+import type { ClientCalls, HostCalls } from '../types';
+import type { VsCodeApi } from './types';
 
 /**
  * Context value interface providing type-safe API access

src/lib/host/WebviewLogger.ts src/lib/client/WebviewLogger.tssrc/lib/host/WebviewLogger.ts renamed to src/lib/client/WebviewLogger.ts

@@ -1,28 +1,5 @@
-import type { VsCodeApi } from '../types';
-import { LogLevel, type ILogger } from './ILogger';
-
-export interface LogMessage {
-  type: 'log';
-  level: LogLevel;
-  message: string;
-  data?: Record<string, unknown>;
-}
-
-export function isLogMessage(value: unknown): value is LogMessage {
-  if (value === null || typeof value !== 'object' || Array.isArray(value)) {
-    return false;
-  }
-  if (!('type' in value) || value.type !== 'log') {
-    return false;
-  }
-  if (!('level' in value) || typeof value.level !== 'number') {
-    return false;
-  }
-  if (!('message' in value) || typeof value.message !== 'string') {
-    return false;
-  }
-  return true;
-}
+import { LogLevel, type ILogger, type LogMessage } from '../types';
+import type { VsCodeApi } from './types';
 
 export class WebviewLogger implements ILogger {
   constructor(

src/lib/client/WebviewProvider.tsx

@@ -9,8 +9,8 @@ import {
   type HostCalls,
   type RequestContext,
   type ViewApiRequest,
-  type VsCodeApi,
 } from '../types';
+import { type VsCodeApi } from './types';
 import { generateId } from '../utils';
 import { DeferredPromise } from './types';
 import { TypedContexts } from './useWebviewApi';

src/lib/client/ipcReducer.ts

@@ -0,0 +1,10 @@
+import type { FnKeys } from '../types/reducer';
+
+export function isFnKey<T extends object>(
+  prop: string | symbol | number,
+  obj: T
+): prop is FnKeys<T> {
+  return (
+    Object.prototype.hasOwnProperty.call(obj, prop) && typeof obj[prop as keyof T] === 'function'
+  );
+}

src/lib/client/types.ts

@@ -1,3 +1,5 @@
+import type { FnKeys, Patches } from '../types/reducer';
+
 /**
  * Deferred promise for handling async responses with timeout management
  */
@@ -42,3 +44,16 @@ export class DeferredPromise<T> {
     this.settled = true;
   }
 }
+
+export type WebviewLayout = 'sidebar' | 'panel';
+// VS Code webview API
+
+export interface VsCodeApi {
+  postMessage(message: unknown): Thenable<boolean>;
+  getState(): unknown;
+  setState(state: unknown): void;
+}
+
+export type StateReducer<S, A> = {
+  [Key in FnKeys<A>]: (prevState: S, patch: Patches<A>[Key]) => S;
+};

src/lib/client/useLogger.ts

@@ -1,8 +1,8 @@
 /* eslint-disable no-console */
 import { useMemo } from 'react';
-import type { VsCodeApi } from '../types';
-import { WebviewLogger } from '../host/WebviewLogger';
-import type { ILogger } from '../host/ILogger';
+import type { ILogger } from '../types';
+import { WebviewLogger } from './WebviewLogger';
+import type { VsCodeApi } from './types';
 
 /**
  * React hook to get a logger instance for use in webview components.

src/lib/client/useVscodeState.ts

@@ -1,14 +1,7 @@
 import { useCallback, useEffect, useMemo, useState } from 'react';
-import type { VsCodeApi } from '../types';
-import {
-  ACT,
-  type Patch,
-  PATCH,
-  type Action,
-  type WebviewKey,
-  type StateReducer,
-  isFnKey,
-} from '../types/ipcReducer';
+import { ACT, type Patch, PATCH, type Action, type WebviewKey } from '../types/reducer';
+import { isFnKey } from './ipcReducer';
+import type { StateReducer, VsCodeApi } from './types';
 
 type PostAction<A extends object> = Pick<Action<A>, 'key' | 'params'>;