developit

shell-mcp

Ultra-lightweight MCP server for shell execution with session management.

Features

• Zero runtime dependencies - All dependencies are dev-only
• Persistent shell sessions - Run multiple commands in the same shell context
• Background processes - Start long-running commands that continue in the background
• One-off commands - Execute single commands without session overhead

developit

Tiny AI Client

A minimalist, zero-dependency OpenAI-compatible streaming client with automatic tool calling.

Features

• ~1.3KB gzipped - Zero dependencies
• Dual API support - Responses (default) and Completions modes
• Streaming - Async generator with typed chunks
• Tool calling - Inline handlers or callback dispatch

developit

Claude generates this anti-pattern due to shallow pattern matching across incompatible mental models:

Why It's Wrong

Every getter access creates a new computed signal with fresh subscriptions:

obj.fullName; // Creates computed signal #1
obj.fullName; // Creates computed signal #2 (never cleaned up!)

developit

import { useState, useEffect } from 'preact/hooks';

const cache = new Map<string, any>();
const inflight = new Map<string, Promise<any>>();

export interface SWRResponse<T> {
  data: T | undefined;
  error: Error | null;
  loading: boolean;
}

developit

DOM Audit Logger

A little library for auditing DOM modifications.

Features

• Tracks DOM modifications (textContent, innerHTML, className)
• Extensible audit system for custom operations
• Formatted audit trail output
• Event-based subscription for real-time monitoring

developit

import {
	signal,
	effect,
	useSignal,
	type useSignalEffect,
	type Signal,
	type ReadonlySignal,
} from '@preact/signals';
import { VNode, type ComponentChildren } from 'preact';
import {

developit

node_modules

developit

#!/usr/bin/env node

/* eslint-disable no-param-reassign, no-fallthrough, guard-for-in, require-atomic-updates */
const path = require('node:path');
const {Worker} = require('node:worker_threads');

const DEBUG = {parsing: false, timing: false};
const debugEnv = process.env.DEBUG;
if (debugEnv) {
  for (const name in DEBUG) {

developit

computedWithMemo()

It's computed(), but with a second argument that gets passed each newly returned value in order to produce a string cache key. If you return the same cache key as the previous run of the computed, no update will be performed (no effects, no renders, etc).

JSFiddle Demo

- computed(
-   () => ['an', 'unstable', 'return', 'value'],
- )

developit

import { signal, effect } from "@preact/signals-core";

interface CustomStorage {
  getItem(key: string): void;
  setItem(key: string, value: string | null): void;
}

/**
 * A version of signal() that persists and recalls its value in localStorage.
 *