@dismissible/react-client 1.0.0 → 2.0.0-canary.5.88c27fb

package/CHANGELOG.md

@@ -0,0 +1,30 @@
+# [2.0.0](https://github.com/DismissibleIo/dismissible-react-client/compare/v1.0.0...v2.0.0) (2026-01-06)
+
+
+### Bug Fixes
+
+* **test:** fixed test race condition ([#6](https://github.com/DismissibleIo/dismissible-react-client/issues/6)) ([da56324](https://github.com/DismissibleIo/dismissible-react-client/commit/da5632458c61a734d7bd55c89ef28d78afeabbf4))
+
+
+### Features
+
+* **api:** aligned with api response ([#5](https://github.com/DismissibleIo/dismissible-react-client/issues/5)) ([8fe9f87](https://github.com/DismissibleIo/dismissible-react-client/commit/8fe9f879691f88cb761a8b4293c824a6d4477db2))
+
+
+### BREAKING CHANGES
+
+* **api:** You need to update any of your hook consumers to check dismissedAt instead of
+dismissedOn. This aligns with the API response.
+
+# 1.0.0 (2025-12-21)
+
+
+### Features
+
+* **react-client:** dismissible React Client ([#1](https://github.com/DismissibleIo/dismissible-react-client/issues/1)) ([a4e6dc7](https://github.com/DismissibleIo/dismissible-react-client/commit/a4e6dc7786a4fd1abb81f4a796e22d37fdc12e0b))
+
+
+### BREAKING CHANGES
+
+* **react-client:** This is the first public release which requires both the DismissibleProvider and
+Dismissible components to be used to force a userId.

package/README.md

@@ -1,26 +1,38 @@
-# @dismissible/react-client
+<p align="center">
+  <a href="https://dismissible.io" target="_blank"><img src="https://raw.githubusercontent.com/DismissibleIo/dismissible-api/main/docs/images/dismissible_logo.png" width="240" alt="Dismissible" /></a>
+</p>
+
+<p align="center">Never Show The Same Thing Twice!</p>
+<p align="center">
+    <a href="https://www.npmjs.com/package/@dismissible/react-client" target="_blank"><img src="https://img.shields.io/npm/v/@dismissible/react-client.svg" alt="NPM Version" /></a>
+    <a href="https://github.com/dismissibleio/dismissible-react-client/blob/main/LICENSE" target="_blank"><img src="https://img.shields.io/npm/l/@dismissible/react-client.svg" alt="Package License" /></a>
+    <a href="https://www.npmjs.com/package/@dismissible/react-client" target="_blank"><img src="https://img.shields.io/npm/dm/@dismissible/react-client.svg" alt="NPM Downloads" /></a>
+    <a href="https://github.com/dismissibleio/dismissible-react-client" target="_blank"><img alt="GitHub Actions Workflow Status" src="https://img.shields.io/github/actions/workflow/status/dismissibleio/dismissible-react-client/publish.yml" /></a>
+    <a href="https://paypal.me/joshstuartx" target="_blank"><img src="https://img.shields.io/badge/Donate-PayPal-ff3f59.svg" /></a>
+</p>
 
-A React component library for creating dismissible UI elements with persistent state management.
+Dismissible manages the state of your UI elements across sessions, so your users see what matters, once! No more onboarding messages reappearing on every tab, no more notifications haunting users across devices. Dismissible syncs dismissal state everywhere, so every message is intentional, never repetitive.
+
+# @dismissible/react-client
 
-**Free and open source** - use with the [Dismissible API Server](https://github.com/DismissibleIo/dismissible-api) that you can self-host with Docker or integrate into your NestJS application.
+This is the React component library for creating dismissible UI elements with persistent state management.
 
-🌐 **[dismissible.io](https://dismissible.io)** | 📖 **[Documentation](https://dismissible.io/docs)** | 🐙 **[API Server](https://github.com/DismissibleIo/dismissible-api)**
+This component is used with the [Dismissible API Server](https://github.com/DismissibleIo/dismissible-api), which you can self-host with Docker or integrate into your NestJS application.
 
-[![npm version](https://badge.fury.io/js/@dismissible%2Freact-client.svg)](https://badge.fury.io/js/@dismissible%2Freact-client)
-[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+**[dismissible.io](https://dismissible.io)** | **[Documentation](https://dismissible.io/docs)** | **[API Server](https://github.com/DismissibleIo/dismissible-api)**
 
 ## Features
 
-- 🎯 **Easy to use** - Simple component API for dismissible content
-- 💾 **Persistent state** - Dismissal state is saved and restored across sessions
-- 🔄 **Restore support** - Restore previously dismissed items programmatically
-- 🔐 **JWT Authentication** - Built-in support for secure JWT-based authentication
-- 🎨 **Customizable** - Custom loading, error, and dismiss button components
-- ♿ **Accessible** - Built with accessibility best practices
-- 🪝 **Hook-based** - Includes `useDismissibleItem` hook for custom implementations
-- 📦 **Lightweight** - Minimal bundle size with tree-shaking support
-- 🔧 **TypeScript** - Full TypeScript support with complete type definitions
-- 🐳 **Self-hosted** - Works with your own Dismissible API server
+- **Easy to use** - Simple component API for dismissible content
+- **Persistent state** - Dismissal state is saved and restored across sessions when using the [Dismissible API Server](https://github.com/DismissibleIo/dismissible-api)
+- **Restore support** - Restore previously dismissed items programmatically
+- **JWT Authentication** - Built-in support for secure JWT-based authentication
+- **Custom HTTP Client** - Bring your own HTTP client (axios, ky, etc.) with custom headers, interceptors, and tracking
+- **Customizable** - Custom loading, error, and dismiss button components
+- **Accessible** - Built with accessibility best practices
+- **Hook-based** - Includes `useDismissibleItem` hook for custom implementations
+- **Lightweight** - Minimal bundle size with tree-shaking support
+- **TypeScript** - Full TypeScript support with complete type definitions
 
 ## Installation
 
@@ -40,7 +52,7 @@ npm install react react-dom
 
 ### 1. Set up the Dismissible API Server
 
-First, you need a Dismissible API server running. The easiest way is with Docker:
+First, you need a [Dismissible API Server](https://github.com/DismissibleIo/dismissible-api). The easiest way is with Docker:
 
 ```yaml
 # docker-compose.yml
@@ -52,38 +64,29 @@ services:
       - '3001:3001'
     environment:
       DISMISSIBLE_PORT: 3001
-      DISMISSIBLE_POSTGRES_STORAGE_CONNECTION_STRING: postgresql://postgres:postgres@db:5432/dismissible
-    depends_on:
-      - db
-
-  db:
-    image: postgres:15
-    environment:
-      POSTGRES_USER: postgres
-      POSTGRES_PASSWORD: postgres
-      POSTGRES_DB: dismissible
-    volumes:
-      - postgres_data:/var/lib/postgresql/data
-
-volumes:
-  postgres_data:
 ```
 
 ```bash
 docker-compose up -d
 ```
 
-See the [API Server documentation](https://github.com/DismissibleIo/dismissible-api) for more deployment options including NestJS integration.
+OR
+
+```bash
+docker run -p 3001:3001 -e DISMISSIBLE_PORT=3001 dismissibleio/dismissible-api:latest
+```
+
+See the [API Server documentation](https://github.com/DismissibleIo/dismissible-api) for more deployment options including NestJS integration, public Docker image and more.
 
 ### 2. Configure the Provider
 
-Wrap your app with `DismissibleProvider`. The `userId` prop is **required** to track dismissals per user:
+Wrap your app with `DismissibleProvider`. The `userId` prop is **required** to track all your dismissals per user:
 
 ```tsx
 import { DismissibleProvider } from '@dismissible/react-client';
 
 function App() {
-  const userId = getCurrentUserId(); // Get from your auth system
+  const userId = getCurrentUserId();
   
   return (
     <DismissibleProvider userId={userId} baseUrl="http://localhost:3001">
@@ -94,6 +97,7 @@ function App() {
 ```
 
 ### 3. Use Dismissible Components
+Now wrap any component you want to be dismissible with the `<Dismissible>` component, and the `itemId`, along with the `userId`, will become the unique key that is tracked across sessions and devices.
 
 ```tsx
 import { Dismissible } from '@dismissible/react-client';
@@ -121,8 +125,9 @@ Context provider that configures authentication and API settings. **Required** -
 | Prop | Type | Required | Description |
 |------|------|----------|-------------|
 | `userId` | `string` | ✅ | User ID for tracking dismissals per user |
+| `baseUrl` | `string` | ✅ | API base URL for your self-hosted server |
 | `jwt` | `string \| (() => string) \| (() => Promise<string>)` | ❌ | JWT token for secure authentication |
-| `baseUrl` | `string` | ❌ | API base URL (defaults to your self-hosted server) |
+| `client` | `DismissibleClient` | ❌ | Custom HTTP client implementation (uses default if not provided) |
 | `children` | `ReactNode` | ✅ | Components that will use the dismissible functionality |
 
 #### Example
@@ -183,6 +188,8 @@ function AppWithAsyncAuth() {
 }
 ```
 
+See [Custom HTTP Client](#custom-http-client) for examples of using a custom client.
+
 ### `<Dismissible>` Component
 
 The main component for creating dismissible content.
@@ -242,11 +249,11 @@ For custom implementations and advanced use cases.
 
 | Property | Type | Description |
 |----------|------|-------------|
-| `dismissedOn` | `string \| null` | ISO date string when item was dismissed, or null |
+| `dismissedAt` | `string \| undefined` | ISO date string when item was dismissed, or undefined |
 | `dismiss` | `() => Promise<void>` | Function to dismiss the item |
 | `restore` | `() => Promise<void>` | Function to restore a dismissed item |
 | `isLoading` | `boolean` | Loading state indicator |
-| `error` | `Error \| null` | Error state, if any |
+| `error` | `Error \| undefined` | Error state, if any |
 | `item` | `IDismissibleItem \| undefined` | The full dismissible item object |
 
 #### Example
@@ -255,7 +262,7 @@ For custom implementations and advanced use cases.
 import { useDismissibleItem } from '@dismissible/react-client';
 
 function CustomDismissible({ itemId, children }) {
-  const { dismissedOn, dismiss, restore, isLoading, error } = useDismissibleItem(itemId);
+  const { dismissedAt, dismiss, restore, isLoading, error } = useDismissibleItem(itemId);
 
   if (isLoading) {
     return <div>Loading...</div>;
@@ -265,7 +272,7 @@ function CustomDismissible({ itemId, children }) {
     return <div>Error: {error.message}</div>;
   }
 
-  if (dismissedOn) {
+  if (dismissedAt) {
     return (
       <div>
         <p>This item was dismissed.</p>
@@ -338,7 +345,6 @@ function App() {
 function Dashboard() {
   return (
     <div>
-      {/* Dismissible state is tracked per user */}
       <Dismissible itemId="user-welcome-banner">
         <div className="alert alert-info">
           <h4>Welcome back!</h4>
@@ -427,19 +433,19 @@ function Dashboard() {
     <div>
       <Dismissible itemId="feature-announcement">
         <div className="alert alert-success">
-          🎉 New feature: Dark mode is now available!
+          New feature: Dark mode is now available!
         </div>
       </Dismissible>
 
       <Dismissible itemId="maintenance-notice">
         <div className="alert alert-warning">
-          ⚠️ Scheduled maintenance: Sunday 2AM-4AM EST
+          Scheduled maintenance: Sunday 2AM-4AM EST
         </div>
       </Dismissible>
 
       <Dismissible itemId="survey-request">
         <div className="alert alert-info">
-          📝 Help us improve! Take our 2-minute survey.
+          Help us improve! Take our 2-minute survey.
         </div>
       </Dismissible>
     </div>
@@ -468,74 +474,6 @@ function RobustBanner() {
 }
 ```
 
-### Integration with Auth Providers
-
-```tsx
-import { DismissibleProvider } from '@dismissible/react-client';
-
-// With Firebase Auth
-function AppWithFirebase() {
-  const user = firebase.auth().currentUser;
-  
-  return (
-    <DismissibleProvider 
-      userId={user.uid}
-      jwt={async () => {
-        if (user) {
-          return await user.getIdToken();
-        }
-        throw new Error('User not authenticated');
-      }}
-      baseUrl="https://api.yourapp.com"
-    >
-      <YourApp />
-    </DismissibleProvider>
-  );
-}
-
-// With Auth0
-function AppWithAuth0() {
-  const { user, getAccessTokenSilently } = useAuth0();
-  
-  return (
-    <DismissibleProvider 
-      userId={user.sub}
-      jwt={async () => await getAccessTokenSilently()}
-      baseUrl="https://api.yourapp.com"
-    >
-      <YourApp />
-    </DismissibleProvider>
-  );
-}
-
-// With token refresh logic
-function AppWithTokenRefresh() {
-  const { user } = useAuth();
-  
-  return (
-    <DismissibleProvider 
-      userId={user.id}
-      jwt={async () => {
-        try {
-          const response = await fetch('/api/auth/refresh', {
-            method: 'POST',
-            credentials: 'include'
-          });
-          const { accessToken } = await response.json();
-          return accessToken;
-        } catch (error) {
-          console.error('Failed to refresh token:', error);
-          throw error;
-        }
-      }}
-      baseUrl="https://api.yourapp.com"
-    >
-      <YourApp />
-    </DismissibleProvider>
-  );
-}
-```
-
 ### Using the Hook for Complex Logic
 
 ```tsx
@@ -543,12 +481,12 @@ import { useDismissibleItem } from '@dismissible/react-client';
 import { useState, useEffect } from 'react';
 
 function SmartNotification({ itemId, message, type = 'info' }) {
-  const { dismissedOn, dismiss, isLoading } = useDismissibleItem(itemId);
+  const { dismissedAt, dismiss, isLoading } = useDismissibleItem(itemId);
   const [autoHide, setAutoHide] = useState(false);
 
   // Auto-hide after 10 seconds for info messages
   useEffect(() => {
-    if (type === 'info' && !dismissedOn) {
+    if (type === 'info' && !dismissedAt) {
       const timer = setTimeout(() => {
         setAutoHide(true);
         dismiss();
@@ -556,9 +494,9 @@ function SmartNotification({ itemId, message, type = 'info' }) {
       
       return () => clearTimeout(timer);
     }
-  }, [type, dismissedOn, dismiss]);
+  }, [type, dismissedAt, dismiss]);
 
-  if (dismissedOn || autoHide) {
+  if (dismissedAt || autoHide) {
     return null;
   }
 
@@ -585,12 +523,12 @@ Use the `restore` function to bring back previously dismissed content:
 import { useDismissibleItem } from '@dismissible/react-client';
 
 function RestorableBanner({ itemId }) {
-  const { dismissedOn, dismiss, restore, isLoading } = useDismissibleItem(itemId);
+  const { dismissedAt, dismiss, restore, isLoading } = useDismissibleItem(itemId);
 
-  if (dismissedOn) {
+  if (dismissedAt) {
     return (
       <div className="dismissed-placeholder">
-        <p>Banner was dismissed on {new Date(dismissedOn).toLocaleDateString()}</p>
+        <p>Banner was dismissed on {new Date(dismissedAt).toLocaleDateString()}</p>
         <button onClick={restore} disabled={isLoading}>
           {isLoading ? 'Restoring...' : 'Show Banner Again'}
         </button>
@@ -610,51 +548,254 @@ function RestorableBanner({ itemId }) {
 }
 ```
 
-### Admin Panel with Restore Capability
+## Advanced Usage
+
+### Custom HTTP Client
+
+By default, Dismissible uses a built-in HTTP client powered by `openapi-fetch`. However, you can provide your own HTTP client implementation by passing a `client` prop to the `DismissibleProvider`. This is useful when you need:
+
+- Custom headers (correlation IDs, tracing, etc.)
+- Request/response interceptors
+- Use a different HTTP library (axios, ky, etc.)
+- Analytics and logging
+- Custom error handling
+
+#### The DismissibleClient Interface
+
+Your custom client must implement the `DismissibleClient` interface:
+
+```typescript
+import type { DismissibleClient, DismissibleItem } from '@dismissible/react-client';
+
+interface DismissibleClient {
+  getOrCreate: (params: {
+    userId: string;
+    itemId: string;
+    baseUrl: string;
+    authHeaders: { Authorization?: string };
+    signal?: AbortSignal;
+  }) => Promise<DismissibleItem>;
+
+  dismiss: (params: {
+    userId: string;
+    itemId: string;
+    baseUrl: string;
+    authHeaders: { Authorization?: string };
+  }) => Promise<DismissibleItem>;
+
+  restore: (params: {
+    userId: string;
+    itemId: string;
+    baseUrl: string;
+    authHeaders: { Authorization?: string };
+  }) => Promise<DismissibleItem>;
+}
+```
+
+#### Example: Custom Client with Axios
 
 ```tsx
-import { useDismissibleItem } from '@dismissible/react-client';
+import axios from 'axios';
+import { v4 as uuid } from 'uuid';
+import { DismissibleProvider } from '@dismissible/react-client';
+import type { DismissibleClient } from '@dismissible/react-client';
+
+const axiosClient: DismissibleClient = {
+  getOrCreate: async ({ userId, itemId, baseUrl, authHeaders, signal }) => {
+    const response = await axios.get(
+      `${baseUrl}/v1/users/${userId}/items/${itemId}`,
+      {
+        headers: {
+          ...authHeaders,
+          'X-Correlation-ID': uuid(),
+        },
+        signal,
+      }
+    );
+    return response.data.data;
+  },
+
+  dismiss: async ({ userId, itemId, baseUrl, authHeaders }) => {
+    const response = await axios.delete(
+      `${baseUrl}/v1/users/${userId}/items/${itemId}`,
+      {
+        headers: {
+          ...authHeaders,
+          'X-Correlation-ID': uuid(),
+        },
+      }
+    );
+    return response.data.data;
+  },
+
+  restore: async ({ userId, itemId, baseUrl, authHeaders }) => {
+    const response = await axios.post(
+      `${baseUrl}/v1/users/${userId}/items/${itemId}`,
+      {},
+      {
+        headers: {
+          ...authHeaders,
+          'X-Correlation-ID': uuid(),
+        },
+      }
+    );
+    return response.data.data;
+  },
+};
+
+function App() {
+  return (
+    <DismissibleProvider
+      userId="user-123"
+      baseUrl="https://api.yourapp.com"
+      client={axiosClient}
+    >
+      <YourApp />
+    </DismissibleProvider>
+  );
+}
+```
 
-function AdminNotificationManager({ notificationId }) {
-  const { dismissedOn, dismiss, restore, item, isLoading, error } = 
-    useDismissibleItem(notificationId);
+#### Example: Custom Client with Logging
 
-  if (error) {
-    return <div className="error">Error: {error.message}</div>;
-  }
+```tsx
+import type { DismissibleClient } from '@dismissible/react-client';
+
+const loggingClient: DismissibleClient = {
+  getOrCreate: async ({ userId, itemId, baseUrl, authHeaders, signal }) => {
+    console.log(`[Dismissible] Fetching item: ${itemId} for user: ${userId}`);
+    const startTime = performance.now();
+
+    const response = await fetch(
+      `${baseUrl}/v1/users/${userId}/items/${itemId}`,
+      {
+        method: 'GET',
+        headers: authHeaders,
+        signal,
+      }
+    );
 
+    const data = await response.json();
+    console.log(`[Dismissible] Fetched in ${performance.now() - startTime}ms`);
+
+    if (!response.ok) {
+      throw new Error(data.message || 'Failed to fetch dismissible item');
+    }
+
+    return data.data;
+  },
+
+  dismiss: async ({ userId, itemId, baseUrl, authHeaders }) => {
+    console.log(`[Dismissible] Dismissing item: ${itemId}`);
+    
+    const response = await fetch(
+      `${baseUrl}/v1/users/${userId}/items/${itemId}`,
+      {
+        method: 'DELETE',
+        headers: authHeaders,
+      }
+    );
+
+    const data = await response.json();
+    
+    if (!response.ok) {
+      throw new Error(data.message || 'Failed to dismiss item');
+    }
+
+    console.log(`[Dismissible] Item dismissed at: ${data.data.dismissedAt}`);
+    return data.data;
+  },
+
+  restore: async ({ userId, itemId, baseUrl, authHeaders }) => {
+    console.log(`[Dismissible] Restoring item: ${itemId}`);
+    
+    const response = await fetch(
+      `${baseUrl}/v1/users/${userId}/items/${itemId}`,
+      {
+        method: 'POST',
+        headers: authHeaders,
+      }
+    );
+
+    const data = await response.json();
+    
+    if (!response.ok) {
+      throw new Error(data.message || 'Failed to restore item');
+    }
+
+    console.log(`[Dismissible] Item restored successfully`);
+    return data.data;
+  },
+};
+
+function App() {
   return (
-    <div className="admin-panel">
-      <h4>Notification: {notificationId}</h4>
-      <p>Status: {dismissedOn ? 'Dismissed' : 'Active'}</p>
-      {dismissedOn && (
-        <p>Dismissed at: {new Date(dismissedOn).toLocaleString()}</p>
-      )}
-      
-      <div className="actions">
-        {dismissedOn ? (
-          <button 
-            onClick={restore} 
-            disabled={isLoading}
-            className="btn-restore"
-          >
-            Restore
-          </button>
-        ) : (
-          <button 
-            onClick={dismiss} 
-            disabled={isLoading}
-            className="btn-dismiss"
-          >
-            Dismiss
-          </button>
-        )}
-      </div>
-    </div>
+    <DismissibleProvider
+      userId="user-123"
+      baseUrl="https://api.yourapp.com"
+      client={loggingClient}
+    >
+      <YourApp />
+    </DismissibleProvider>
   );
 }
 ```
 
+#### Example: Custom Client with Retry Logic
+
+```tsx
+import type { DismissibleClient } from '@dismissible/react-client';
+
+async function fetchWithRetry(
+  url: string,
+  options: RequestInit,
+  retries = 3
+): Promise<Response> {
+  for (let attempt = 1; attempt <= retries; attempt++) {
+    try {
+      const response = await fetch(url, options);
+      if (response.ok || attempt === retries) {
+        return response;
+      }
+    } catch (error) {
+      if (attempt === retries) throw error;
+    }
+    // Exponential backoff
+    await new Promise(resolve => setTimeout(resolve, Math.pow(2, attempt) * 100));
+  }
+  throw new Error('Max retries reached');
+}
+
+const retryClient: DismissibleClient = {
+  getOrCreate: async ({ userId, itemId, baseUrl, authHeaders, signal }) => {
+    const response = await fetchWithRetry(
+      `${baseUrl}/v1/users/${userId}/items/${itemId}`,
+      { method: 'GET', headers: authHeaders, signal }
+    );
+    const data = await response.json();
+    return data.data;
+  },
+
+  dismiss: async ({ userId, itemId, baseUrl, authHeaders }) => {
+    const response = await fetchWithRetry(
+      `${baseUrl}/v1/users/${userId}/items/${itemId}`,
+      { method: 'DELETE', headers: authHeaders }
+    );
+    const data = await response.json();
+    return data.data;
+  },
+
+  restore: async ({ userId, itemId, baseUrl, authHeaders }) => {
+    const response = await fetchWithRetry(
+      `${baseUrl}/v1/users/${userId}/items/${itemId}`,
+      { method: 'POST', headers: authHeaders }
+    );
+    const data = await response.json();
+    return data.data;
+  },
+};
+```
+
 ## Styling
 
 The library includes minimal default styles. You can override them or provide your own:
@@ -678,35 +819,6 @@ The library includes minimal default styles. You can override them or provide yo
 }
 ```
 
-## TypeScript Support
-
-The library is written in TypeScript and exports all type definitions:
-
-```tsx
-import type {
-  DismissibleProps,
-  DismissibleProviderProps,
-  JwtToken,
-} from '@dismissible/react-client';
-
-// Custom provider wrapper
-const AuthenticatedDismissibleProvider: React.FC<{
-  children: React.ReactNode;
-}> = ({ children }) => {
-  const { user, getToken } = useAuth();
-  
-  return (
-    <DismissibleProvider 
-      userId={user.id} 
-      jwt={getToken}
-      baseUrl={process.env.DISMISSIBLE_API_URL}
-    >
-      {children}
-    </DismissibleProvider>
-  );
-};
-```
-
 ## Self-Hosting
 
 Dismissible is designed to be self-hosted. You have full control over your data.
@@ -733,9 +845,9 @@ See the [NestJS documentation](https://dismissible.io/docs/nestjs) for setup ins
 
 ## Support
 
-- 📖 [Documentation](https://dismissible.io/docs)
-- 🐙 [GitHub - React Client](https://github.com/DismissibleIo/dismissible-react-client)
-- 🐙 [GitHub - API Server](https://github.com/DismissibleIo/dismissible-api)
+- [Documentation](https://dismissible.io/docs)
+- [GitHub - React Client](https://github.com/DismissibleIo/dismissible-react-client)
+- [GitHub - API Server](https://github.com/DismissibleIo/dismissible-api)
 
 ## License