apiuikit 0.2.1 → 0.3.0

package/dist/protobufSchemaParser-Cj2WOp05.js

@@ -0,0 +1,55 @@
+import { protoToJsonSchema as e } from "./protoToJsonSchema-BJpwl2Am.js";
+import { r as a, i as s, X as t } from "./index-Bad1aEIj.js";
+function n(r) {
+  if (typeof r != "string")
+    return ["Protobuf schema must be a string of .proto source"];
+  try {
+    return e(r), [];
+  } catch (o) {
+    return [
+      o instanceof Error ? o.message : "Failed to parse protobuf schema"
+    ];
+  }
+}
+const c = [
+  "application/vnd.google.protobuf",
+  "application/vnd.google.protobuf;version=2",
+  "application/vnd.google.protobuf;version=3"
+];
+function i() {
+  return {
+    validate: u,
+    parse: f,
+    getMimeTypes: () => c
+  };
+}
+function g(r) {
+  a(
+    r,
+    i(),
+    s
+  );
+}
+function u(r) {
+  return n(r.data).map((o) => ({
+    message: o,
+    path: r.path
+  }));
+}
+function f(r) {
+  if (typeof r.data != "string")
+    return {
+      [t]: "Protobuf schema must be a string of .proto source"
+    };
+  try {
+    return e(r.data);
+  } catch (o) {
+    return {
+      [t]: o instanceof Error ? o.message : "Failed to convert Protobuf schema"
+    };
+  }
+}
+export {
+  i as ProtobufSchemaParser,
+  g as registerProtobufSchemaParser
+};

package/dist/protobufSchemaParser-D_2rEsD4.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./protoToJsonSchema-8Mm10CIx.cjs"),e=require("./index-gn5KpvCL.cjs");function n(r){if(typeof r!="string")return["Protobuf schema must be a string of .proto source"];try{return t.protoToJsonSchema(r),[]}catch(o){return[o instanceof Error?o.message:"Failed to parse protobuf schema"]}}const s=["application/vnd.google.protobuf","application/vnd.google.protobuf;version=2","application/vnd.google.protobuf;version=3"];function a(){return{validate:u,parse:i,getMimeTypes:()=>s}}function c(r){e.registerSchemaParserWithFallback(r,a(),e.isProtobufSchemaFormat)}function u(r){return n(r.data).map(o=>({message:o,path:r.path}))}function i(r){if(typeof r.data!="string")return{[e.X_LIB_CONVERSION_ERROR]:"Protobuf schema must be a string of .proto source"};try{return t.protoToJsonSchema(r.data)}catch(o){return{[e.X_LIB_CONVERSION_ERROR]:o instanceof Error?o.message:"Failed to convert Protobuf schema"}}}exports.ProtobufSchemaParser=a;exports.registerProtobufSchemaParser=c;

package/dist/public/sections.d.ts

@@ -0,0 +1,42 @@
+import { ReactNode } from 'react';
+import { ConfigInterface } from '../config';
+import { AsyncAPIDocumentData } from '../types/schema';
+/**
+ * Standalone, composable section components. Each renders one part of an
+ * AsyncAPI document (servers, operations, messages, schemas, info) on its own,
+ * so consumers can arrange them in their own layout instead of using the whole
+ * `<AsyncAPI>` widget.
+ *
+ * They're dual-mode:
+ *   - Standalone — pass a `document` (and optional `config`); the section
+ *     resolves it and sets up its own context.
+ *       <Operations document={doc} />
+ *   - Composed — render several under one <AsyncAPIProvider> (resolves once,
+ *     shares context); sections then read from it and their own `document`
+ *     prop is unnecessary.
+ *       <AsyncAPIProvider document={doc}>
+ *         <Servers /> <Operations />
+ *       </AsyncAPIProvider>
+ */
+export interface SectionProps {
+    /** The AsyncAPI document. Required standalone; unnecessary (and ignored)
+     * when rendered inside <AsyncAPIProvider> or <AsyncAPI>. */
+    document?: AsyncAPIDocumentData;
+    /** Only applied when this section sets up its own context (standalone). When
+     * composed under a provider, config comes from that provider. */
+    config?: ConfigInterface;
+}
+/**
+ * Provider that resolves a document once and shares it with any section
+ * components rendered inside — the composition entry point.
+ */
+export declare function AsyncAPIProvider({ document, config, children, }: {
+    document: AsyncAPIDocumentData;
+    config?: ConfigInterface;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function Servers(props: SectionProps): import("react").JSX.Element;
+export declare function Operations(props: SectionProps): import("react").JSX.Element;
+export declare function Messages(props: SectionProps): import("react").JSX.Element;
+export declare function Schemas(props: SectionProps): import("react").JSX.Element;
+export declare function Info(props: SectionProps): import("react").JSX.Element;

package/dist/public/tests/sections.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/stories/Authorization.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+import { default as Authorization } from '../components/Authorization';
+declare const meta: {
+    title: string;
+    component: typeof Authorization;
+    decorators: ((Story: import('react').ComponentType) => import("react").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const MultipleSchemes: Story;
+export declare const OAuth2: Story;
+export declare const ApiKey: Story;
+export declare const OpenIdConnect: Story;

package/dist/stories/Bindings.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react';
+import { default as Bindings } from '../components/Bindings';
+declare const meta: {
+    title: string;
+    component: typeof Bindings;
+    decorators: ((Story: import('react').ComponentType) => import("react").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const KafkaServer: Story;
+export declare const KafkaOperation: Story;
+export declare const Collapsed: Story;

package/dist/stories/ChannelAddress.stories.d.ts

@@ -0,0 +1,13 @@
+import { ComponentType } from 'react';
+import { StoryObj } from '@storybook/react';
+import { ChannelAddress } from '../components/ChannelAddress';
+declare const meta: {
+    title: string;
+    component: typeof ChannelAddress;
+    decorators: ((Story: ComponentType) => import("react").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const WithParameters: Story;
+export declare const Plain: Story;
+export declare const Truncated: Story;

package/dist/stories/CodeBlock.stories.d.ts

@@ -0,0 +1,11 @@
+import { StoryObj } from '@storybook/react';
+import { CodeBlock } from '../components/CodeBlock';
+declare const meta: {
+    title: string;
+    component: typeof CodeBlock;
+    decorators: ((Story: import('react').ComponentType) => import("react").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ShortSnippet: Story;

package/dist/stories/Examples.stories.d.ts

@@ -0,0 +1,11 @@
+import { StoryObj } from '@storybook/react';
+import { Examples } from '../components/Examples';
+declare const meta: {
+    title: string;
+    component: typeof Examples;
+    decorators: ((Story: import('react').ComponentType) => import("react").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithEnumAndExamples: Story;

package/dist/stories/Information.stories.d.ts

@@ -2,6 +2,7 @@ import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
     component: import('react').FunctionComponent<import('../types/asyncapi/Info').Info>;
+    decorators: ((Story: import('react').ComponentType) => import("react").JSX.Element)[];
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/stories/Message.stories.d.ts

@@ -0,0 +1,11 @@
+import { StoryObj } from '@storybook/react';
+import { Message } from '../containers/Messages/Message';
+declare const meta: {
+    title: string;
+    component: typeof Message;
+    decorators: ((Story: import('react').ComponentType) => import("react").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Expanded: Story;

package/dist/stories/Messages.stories.d.ts

@@ -0,0 +1,10 @@
+import { StoryObj } from '@storybook/react';
+import { Messages } from '../public/sections';
+declare const meta: {
+    title: string;
+    component: typeof Messages;
+    decorators: ((Story: import('react').ComponentType) => import("react").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/stories/Operation.stories.d.ts

@@ -0,0 +1,10 @@
+import { StoryObj } from '@storybook/react';
+import { default as Operation } from '../containers/Operation/Operation';
+declare const meta: {
+    title: string;
+    component: typeof Operation;
+    decorators: ((Story: import('react').ComponentType) => import("react").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/stories/Operations.stories.d.ts

@@ -0,0 +1,10 @@
+import { StoryObj } from '@storybook/react';
+import { Operations } from '../public/sections';
+declare const meta: {
+    title: string;
+    component: typeof Operations;
+    decorators: ((Story: import('react').ComponentType) => import("react").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/stories/SchemaTab.stories.d.ts

@@ -0,0 +1,11 @@
+import { StoryObj } from '@storybook/react';
+import { default as SchemaTab } from '../components/schema/SchemaTab';
+declare const meta: {
+    title: string;
+    component: typeof SchemaTab;
+    decorators: ((Story: import('react').ComponentType) => import("react").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ConversionError: Story;

package/dist/stories/SearchPanel.stories.d.ts

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+import { default as SearchPanel } from '../components/SearchPanel';
+declare const meta: {
+    title: string;
+    component: typeof SearchPanel;
+    decorators: ((Story: import('react').ComponentType) => import("react").JSX.Element)[];
+    args: {
+        query: string;
+        onQueryChange: () => void;
+        results: never[];
+        onSelectResult: import('@vitest/spy').Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/stories/Server.stories.d.ts

@@ -1,9 +1,11 @@
 import { StoryObj } from '@storybook/react';
-import { default as Servers } from '../containers/Server/Servers';
+import { Servers } from '../public/sections';
 declare const meta: {
     title: string;
     component: typeof Servers;
+    decorators: ((Story: import('react').ComponentType) => import("react").JSX.Element)[];
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const SingleServer: Story;

package/dist/stories/TabToggle.stories.d.ts

@@ -0,0 +1,10 @@
+import { StoryObj } from '@storybook/react';
+import { default as TabToggle } from '../components/TabToggle';
+declare const meta: {
+    title: string;
+    component: typeof TabToggle;
+    decorators: ((Story: import('react').ComponentType) => import("react").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/stories/Tabs.stories.d.ts

@@ -0,0 +1,11 @@
+import { StoryObj } from '@storybook/react';
+import { default as Tabs } from '../components/Tabs';
+declare const meta: {
+    title: string;
+    component: typeof Tabs;
+    decorators: ((Story: import('react').ComponentType) => import("react").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const WithIcons: Story;
+export declare const Plain: Story;

package/dist/stories/documentContextDecorator.d.ts

@@ -0,0 +1,25 @@
+import { ComponentType } from 'react';
+/**
+ * Centers a component story at one consistent max width and makes it fill that
+ * width. Scoped per-story (not global) on purpose: the full-page AsyncAPI
+ * example stories should render edge-to-edge, so centering must not be applied
+ * globally in preview.
+ */
+export declare const centeredDecorator: (Story: ComponentType) => import("react").JSX.Element;
+/**
+ * Shared Storybook decorator for rendering container components
+ * (Servers/Messages/Operations) in isolation. Those components — and their
+ * children (ChannelAddress, MessageDetails, the schema tree) — read from
+ * AsyncAPIDocumentContext via useAsyncAPIDocument, which throws without a
+ * provider. This wraps a story in that provider, backed by a real document.
+ *
+ * `resolveDocument` inlines the doc's $refs (server security, message
+ * payloads, …) the way the production render path does, so stories show
+ * fully-resolved content instead of raw { $ref } wrappers, and the `deref`
+ * fallback below resolves any refs left in place (e.g. cycle-forming ones).
+ */
+export declare function buildDocumentContext(rawDoc: unknown): {
+    document: Record<string, unknown>;
+    deref: (refPath: string) => unknown;
+    decorator: (Story: ComponentType) => import("react").JSX.Element;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "apiuikit",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "A React UI library for rendering your API specifications",
   "license": "MIT",
   "repository": {
@@ -41,6 +41,7 @@
   "dependencies": {
     "@asyncapi/specs": "^6.8.1",
     "@json-schema-tools/reference-resolver": "^1.2.6",
+    "fuse.js": "^7.5.0",
     "highlight.js": "^11.11.1",
     "isomorphic-dompurify": "^2.24.0",
     "json-schema-faker": "^0.6.2",
@@ -49,7 +50,6 @@
     "marked-highlight": "^2.2.1",
     "protobufjs": "^7.4.0",
     "react-markdown": "^9.0.3",
-    "react-syntax-highlighter": "^15.6.1",
     "remark-gfm": "^4.0.1"
   },
   "peerDependencies": {
@@ -81,7 +81,6 @@
     "@testing-library/react": "^16.3.2",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
-    "@types/react-syntax-highlighter": "^15.5.13",
     "@vitejs/plugin-react": "^4.3.4",
     "eslint": "^9.17.0",
     "eslint-plugin-react-hooks": "^5.0.0",