@open-probe/core

Browser runtime for open-probe: element selection toolbar, framework-aware source resolution (React 18 / Vue 3 / Vue 2 / Svelte 4 / Solid / Preact), CSS selector generation, AI prompt assembly, and pluggable transports (clipboard / HTTP / WebSocket / MCP).

This is the package that actually runs in the user's browser. You'll typically install it via @open-probe/proxy (zero-intrusion) or @open-probe/unplugin (build-time injection); reach for this package directly only if you're embedding open-probe in a custom runtime.

Install

pnpm add @open-probe/core

Usage

As an ES module

import {
  mountToolbar,
  generateSessionId,
  createMcpTransport,
  clipboardTransport,
  DEFAULT_CONFIG,
} from '@open-probe/core';

mountToolbar({
  config: DEFAULT_CONFIG,
  sessionId: generateSessionId(location.href),
  transports: [
    createMcpTransport({ endpoint: 'http://127.0.0.1:3100' }),
    clipboardTransport(),
  ],
});

As a global IIFE bundle (CDN / <script>)

<script src="https://unpkg.com/@open-probe/core/dist/index.global.js"></script>
<script>
  OpenProbe.mountToolbar({
    config: OpenProbe.DEFAULT_CONFIG,
    sessionId: OpenProbe.generateSessionId(location.href),
    transports: [OpenProbe.clipboardTransport()],
  });
</script>

Subpath exports

| Path | Purpose | |------|---------| | @open-probe/core | full API (toolbar + resolver + selector + context + transports) | | @open-probe/core/resolver | only the framework-aware element → source resolver | | @open-probe/core/selector | only the CSS selector generator | | @open-probe/core/context | only the AI prompt builder | | @open-probe/core/global | the IIFE bundle (also at unpkg/jsdelivr) |

License

MIT