synapse-storage 2.1.0

package/dist/_examples/_example5.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=_example5.d.ts.map

package/dist/_examples/_example5.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_example5.d.ts","sourceRoot":"","sources":["../../src/_examples/_example5.tsx"],"names":[],"mappings":""}

package/dist/_examples/_example5.js

@@ -0,0 +1,184 @@
+"use strict";
+// import React, { useState } from 'react'
+// import { MemoryStorage, StoragePluginModule, ILogger } from 'synapse'
+// import { LoggingPlugin, ValidationPlugin } from './plugins'
+//
+// // Типы данных
+// interface User {
+//   name: string;
+//   age: number;
+// }
+//
+// // Создаем модуль плагинов
+// const plugins = new StoragePluginModule(undefined, console, 'demoStorage')
+//
+// // Создаем стейт для ошибок, чтобы компоненты могли получить к нему доступ
+// const validationErrors: { [key: string]: string } = {}
+//
+// // Добавляем логирующий плагин
+// await plugins.add(new LoggingPlugin({ logLevel: 'debug' }))
+//
+// // Добавляем плагин валидации с обработчиком ошибок
+// const validation = new ValidationPlugin({
+//   throwOnInvalid: true, // Все равно генерировать ошибку
+//   onValidationError: (key, value, message) => {
+//     // Сохраняем ошибку в общем объекте
+//     validationErrors[key] = message
+//     console.error(`Validation error for ${key}: ${message}`, value)
+//   },
+// })
+//
+// // Настраиваем правила валидации
+// validation.addValidator('user', (value) => {
+//   // Сбрасываем ошибки при каждой валидации
+//   validationErrors.user = ''
+//
+//   if (!value || typeof value !== 'object') {
+//     return { valid: false, message: 'User must be an object' }
+//   }
+//
+//   if (!value.name || value.name.trim() === '') {
+//     return { valid: false, message: 'User must have a name' }
+//   }
+//
+//   if (typeof value.age !== 'number' || value.age < 10) {
+//     return { valid: false, message: 'Возраст должен быть больше 10' }
+//   }
+//
+//   return { valid: true }
+// })
+//
+// await plugins.add(validation)
+//
+//
+// // Создаем хранилище с плагинами
+// const storage = await new MemoryStorage<{user?: User}>({
+//   name: 'demoStorage',
+//   initialState: { version: '1.0.0' },
+// }, plugins).initialize()
+//
+// // Компонент для демонстрации
+// export function Example5() {
+//   const [user, setUser] = useState<User | null>(null)
+//   const [name, setName] = useState('')
+//   const [age, setAge] = useState('')
+//   const [error, setError] = useState<string | null>(null)
+//   const [fieldErrors, setFieldErrors] = useState<{name?: string, age?: string}>({})
+//
+//   // Функция для сохранения пользователя
+//   const saveUser = async () => {
+//     try {
+//       // Сбрасываем ошибки при каждой отправке
+//       setError(null)
+//       setFieldErrors({})
+//
+//       const userData: User = {
+//         name,
+//         age: parseInt(age, 10) || 0, // Преобразуем в число или 0, если невалидно
+//       }
+//
+//       await storage.set('user', userData)
+//       setUser(userData)
+//       console.log('User saved successfully')
+//     } catch (err) {
+//       // Получаем сообщение ошибки
+//       const errorMessage = err instanceof Error ? err.message : String(err)
+//
+//       // Устанавливаем общую ошибку
+//       setError(errorMessage)
+//
+//       // Определяем, какое поле вызвало ошибку и устанавливаем ошибку для него
+//       if (errorMessage.includes('name')) {
+//         setFieldErrors((prev) => ({ ...prev, name: 'Имя обязательно' }))
+//       }
+//
+//       if (errorMessage.includes('возраст') || errorMessage.includes('больше 10')) {
+//         setFieldErrors((prev) => ({ ...prev, age: 'Возраст должен быть больше 10' }))
+//       }
+//
+//       console.error('Error saving user:', errorMessage)
+//     }
+//   }
+//
+//   return (
+//     <div style={{ fontFamily: 'Arial', padding: '20px' }}>
+//       <h2>Пример с валидацией</h2>
+//
+//       {/* Если есть общая ошибка, показываем её */}
+//       {error && (
+//         <div style={{
+//           padding: '10px',
+//           backgroundColor: '#ffebee',
+//           color: '#d32f2f',
+//           borderRadius: '4px',
+//           marginBottom: '15px',
+//         }}
+//         >
+//           {error}
+//         </div>
+//       )}
+//
+//       <div style={{ marginBottom: '20px' }}>
+//         <div style={{ marginBottom: '10px' }}>
+//           <label style={{ display: 'block', marginBottom: '5px' }}>Имя:</label>
+//           <input
+//             type="text"
+//             value={name}
+//             onChange={(e) => setName(e.target.value)}
+//             style={{
+//               padding: '8px',
+//               width: '250px',
+//               border: fieldErrors.name ? '1px solid #d32f2f' : '1px solid #ccc',
+//             }}
+//           />
+//           {fieldErrors.name && (
+//             <div style={{ color: '#d32f2f', fontSize: '14px', marginTop: '5px' }}>
+//               {fieldErrors.name}
+//             </div>
+//           )}
+//         </div>
+//
+//         <div style={{ marginBottom: '15px' }}>
+//           <label style={{ display: 'block', marginBottom: '5px' }}>Возраст:</label>
+//           <input
+//             type="number"
+//             value={age}
+//             onChange={(e) => setAge(e.target.value)}
+//             style={{
+//               padding: '8px',
+//               width: '250px',
+//               border: fieldErrors.age ? '1px solid #d32f2f' : '1px solid #ccc',
+//             }}
+//           />
+//           {fieldErrors.age && (
+//             <div style={{ color: '#d32f2f', fontSize: '14px', marginTop: '5px' }}>
+//               {fieldErrors.age}
+//             </div>
+//           )}
+//         </div>
+//
+//         <button
+//           onClick={saveUser}
+//           style={{
+//             padding: '10px 15px',
+//             backgroundColor: '#4CAF50',
+//             color: 'white',
+//             border: 'none',
+//             borderRadius: '4px',
+//             cursor: 'pointer',
+//           }}
+//         >
+//           Сохранить
+//         </button>
+//       </div>
+//
+//       <div style={{ border: '1px solid #ddd', padding: '15px', borderRadius: '4px' }}>
+//         <h3>Текущие данные:</h3>
+//         <pre style={{ backgroundColor: '#f5f5f5', padding: '10px', borderRadius: '4px' }}>
+//           {user ? JSON.stringify(user, null, 2) : 'Нет данных'}
+//         </pre>
+//       </div>
+//     </div>
+//   )
+// }
+//# sourceMappingURL=_example5.js.map

package/dist/_examples/_example5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_example5.js","sourceRoot":"","sources":["../../src/_examples/_example5.tsx"],"names":[],"mappings":"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"}

package/dist/_examples/_example6.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=_example6.d.ts.map

package/dist/_examples/_example6.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_example6.d.ts","sourceRoot":"","sources":["../../src/_examples/_example6.tsx"],"names":[],"mappings":""}

package/dist/_examples/_example6.js

@@ -0,0 +1,168 @@
+"use strict";
+// import React, { useEffect, useState } from 'react'
+// import { IndexedDBStorage, LocalStorage, MemoryStorage, SelectorModule } from 'synapse'
+//
+// interface Counter {
+//   value: number;
+//   lastUpdated?: Date;
+// }
+//
+// // Создаем хранилища
+// const counter1 = await new MemoryStorage<Counter>({
+//   name: 'counter1',
+//   initialState: { value: 1 },
+// }).initialize()
+//
+// const counter2 = await new IndexedDBStorage<Counter>({
+//   name: 'counter2',
+//   options: {
+//     dbVersion: 2,
+//     storeName: 'counter23',
+//     dbName: 'counter23',
+//   },
+//   initialState: { value: 2 },
+// }).initialize()
+//
+// const counter3 = await new LocalStorage<Counter>({
+//   name: 'counter3',
+//   initialState: { value: 3 },
+// }).initialize()
+//
+// const counter1Selector = new SelectorModule<Counter>(counter1, console)
+// const counter2Selector = new SelectorModule(counter2)
+// const counter3Selector = new SelectorModule(counter3)
+//
+// const counter1ValueSelector = counter1Selector.createSelector((s) => s.value)
+// const counter2ValueSelector = counter2Selector.createSelector((s) => s.value)
+// const counter3ValueSelector = counter3Selector.createSelector((s) => s.value)
+//
+// const sum = counter3Selector.createSelector(
+//   [counter1ValueSelector, counter2ValueSelector, counter3ValueSelector],
+//   (a, b, c) => a + b + c,
+// )
+//
+// sum.subscribe({
+//   notify: (value) => {
+//     console.log('sum-notify', value)
+//   },
+// })
+//
+// counter1ValueSelector.subscribe({
+//   notify: (value) => {
+//     console.log('counter1ValueUnsubscribe', value)
+//   },
+// })
+//
+// counter2ValueSelector.subscribe({
+//   notify: async (value) => {
+//     console.log('counter2ValueUnsubscribe', value)
+//   },
+// })
+//
+// // Компонент для демонстрации работы middleware
+//
+// export const Example6 = React.memo(() => {
+//   const [counter1Value, setCounter1Value] = useState(0)
+//   const [counter2Value, setCounter2Value] = useState(0)
+//   const [counter3Value, setCounter3Value] = useState(0)
+//
+//   useEffect(() => {
+//     sum.select().then((r) => {
+//       console.log('result', r)
+//     })
+//     const a = sum.select().then((r) => r)
+//     console.log('a', a)
+//   }, [])
+//
+//   useEffect(() => {
+//     // Подписываемся на изменения counter1
+//     const unsubscribe1 = counter1.subscribe((s) => s.value, setCounter1Value)
+//     return () => {
+//       unsubscribe1()
+//     }
+//   }, [])
+//
+//   useEffect(() => {
+//     // Подписываемся на изменения counter1
+//     const unsubscribe2 = counter2.subscribe((s) => s.value, setCounter2Value)
+//     return () => {
+//       unsubscribe2()
+//     }
+//   }, [])
+//   useEffect(() => {
+//     // Подписываемся на изменения counter1
+//     const unsubscribe3 = counter3.subscribe((s) => s.value, setCounter3Value)
+//     return () => {
+//       unsubscribe3()
+//     }
+//   }, [])
+//
+//   // Функции для обновления счетчиков
+//   const updateCounter1 = async () => {
+//     await counter1.update((state) => {
+//       state.value++
+//     })
+//   }
+//
+//   const updateCounter2 = async () => {
+//     await counter2.update((state) => {
+//       state.value++
+//     })
+//   }
+//
+//   const updateCounter3 = async () => {
+//     await counter3.set('value', counter3Value + 1)
+//   }
+//
+//   return (
+//     <div style={{ fontFamily: 'Arial', padding: '20px' }}>
+//       <h2>Middleware Testing</h2>
+//
+//       <div style={{ display: 'flex', gap: '20px', marginBottom: '20px' }}>
+//         <div style={{ border: '1px solid #ccc', padding: '15px', borderRadius: '5px' }}>
+//           <h3>Counter 1 (Both Middlewares)</h3>
+//           <p>
+//             Value:
+//             {counter1Value}
+//           </p>
+//           <button
+//             onClick={updateCounter1}
+//             style={{ padding: '8px 15px', backgroundColor: '#4CAF50', color: 'white', border: 'none', borderRadius: '4px' }}
+//           >
+//             Increment
+//           </button>
+//         </div>
+//
+//         <div style={{ border: '1px solid #ccc', padding: '15px', borderRadius: '5px' }}>
+//           <h3>Counter 2 (ShallowCompare)</h3>
+//           <p>
+//             Value:
+//             {counter2Value}
+//           </p>
+//           <button
+//             onClick={updateCounter2}
+//             style={{ padding: '8px 15px', backgroundColor: '#2196F3', color: 'white', border: 'none', borderRadius: '4px' }}
+//           >
+//             Update
+//           </button>
+//           <p><small>Every 3rd click tries to set the same value</small></p>
+//         </div>
+//
+//         <div style={{ border: '1px solid #ccc', padding: '15px', borderRadius: '5px' }}>
+//           <h3>Counter 3 (Batching)</h3>
+//           <p>
+//             Value:
+//             {counter3Value}
+//           </p>
+//           <button
+//             onClick={updateCounter3}
+//             style={{ padding: '8px 15px', backgroundColor: '#FF9800', color: 'white', border: 'none', borderRadius: '4px' }}
+//           >
+//             Batch Update
+//           </button>
+//         </div>
+//       </div>
+//     </div>
+//   )
+// })
+//# sourceMappingURL=_example6.js.map

package/dist/_examples/_example6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_example6.js","sourceRoot":"","sources":["../../src/_examples/_example6.tsx"],"names":[],"mappings":";AAAA,qDAAqD;AACrD,0FAA0F;AAC1F,EAAE;AACF,sBAAsB;AACtB,mBAAmB;AACnB,wBAAwB;AACxB,IAAI;AACJ,EAAE;AACF,uBAAuB;AACvB,sDAAsD;AACtD,sBAAsB;AACtB,gCAAgC;AAChC,kBAAkB;AAClB,EAAE;AACF,yDAAyD;AACzD,sBAAsB;AACtB,eAAe;AACf,oBAAoB;AACpB,8BAA8B;AAC9B,2BAA2B;AAC3B,OAAO;AACP,gCAAgC;AAChC,kBAAkB;AAClB,EAAE;AACF,qDAAqD;AACrD,sBAAsB;AACtB,gCAAgC;AAChC,kBAAkB;AAClB,EAAE;AACF,0EAA0E;AAC1E,wDAAwD;AACxD,wDAAwD;AACxD,EAAE;AACF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,EAAE;AACF,+CAA+C;AAC/C,2EAA2E;AAC3E,4BAA4B;AAC5B,IAAI;AACJ,EAAE;AACF,kBAAkB;AAClB,yBAAyB;AACzB,uCAAuC;AACvC,OAAO;AACP,KAAK;AACL,EAAE;AACF,oCAAoC;AACpC,yBAAyB;AACzB,qDAAqD;AACrD,OAAO;AACP,KAAK;AACL,EAAE;AACF,oCAAoC;AACpC,+BAA+B;AAC/B,qDAAqD;AACrD,OAAO;AACP,KAAK;AACL,EAAE;AACF,kDAAkD;AAClD,EAAE;AACF,6CAA6C;AAC7C,0DAA0D;AAC1D,0DAA0D;AAC1D,0DAA0D;AAC1D,EAAE;AACF,sBAAsB;AACtB,iCAAiC;AACjC,iCAAiC;AACjC,SAAS;AACT,4CAA4C;AAC5C,0BAA0B;AAC1B,WAAW;AACX,EAAE;AACF,sBAAsB;AACtB,6CAA6C;AAC7C,gFAAgF;AAChF,qBAAqB;AACrB,uBAAuB;AACvB,QAAQ;AACR,WAAW;AACX,EAAE;AACF,sBAAsB;AACtB,6CAA6C;AAC7C,gFAAgF;AAChF,qBAAqB;AACrB,uBAAuB;AACvB,QAAQ;AACR,WAAW;AACX,sBAAsB;AACtB,6CAA6C;AAC7C,gFAAgF;AAChF,qBAAqB;AACrB,uBAAuB;AACvB,QAAQ;AACR,WAAW;AACX,EAAE;AACF,wCAAwC;AACxC,yCAAyC;AACzC,yCAAyC;AACzC,sBAAsB;AACtB,SAAS;AACT,MAAM;AACN,EAAE;AACF,yCAAyC;AACzC,yCAAyC;AACzC,sBAAsB;AACtB,SAAS;AACT,MAAM;AACN,EAAE;AACF,yCAAyC;AACzC,qDAAqD;AACrD,MAAM;AACN,EAAE;AACF,aAAa;AACb,6DAA6D;AAC7D,oCAAoC;AACpC,EAAE;AACF,6EAA6E;AAC7E,2FAA2F;AAC3F,kDAAkD;AAClD,gBAAgB;AAChB,qBAAqB;AACrB,8BAA8B;AAC9B,iBAAiB;AACjB,oBAAoB;AACpB,uCAAuC;AACvC,+HAA+H;AAC/H,cAAc;AACd,wBAAwB;AACxB,sBAAsB;AACtB,iBAAiB;AACjB,EAAE;AACF,2FAA2F;AAC3F,gDAAgD;AAChD,gBAAgB;AAChB,qBAAqB;AACrB,8BAA8B;AAC9B,iBAAiB;AACjB,oBAAoB;AACpB,uCAAuC;AACvC,+HAA+H;AAC/H,cAAc;AACd,qBAAqB;AACrB,sBAAsB;AACtB,8EAA8E;AAC9E,iBAAiB;AACjB,EAAE;AACF,2FAA2F;AAC3F,0CAA0C;AAC1C,gBAAgB;AAChB,qBAAqB;AACrB,8BAA8B;AAC9B,iBAAiB;AACjB,oBAAoB;AACpB,uCAAuC;AACvC,+HAA+H;AAC/H,cAAc;AACd,2BAA2B;AAC3B,sBAAsB;AACtB,iBAAiB;AACjB,eAAe;AACf,aAAa;AACb,MAAM;AACN,KAAK"}

package/dist/_examples/example1.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=example1.d.ts.map

package/dist/_examples/example1.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"example1.d.ts","sourceRoot":"","sources":["../../src/_examples/example1.tsx"],"names":[],"mappings":""}

package/dist/_examples/example1.js

@@ -0,0 +1,240 @@
+"use strict";
+// 'use client'
+//
+// import { useCallback, useState } from 'react'
+// import { ApiClient, ResponseFormat } from 'synapse'
+//
+// export interface PokemonListResponse {
+//   count: number
+//   next: string | null
+//   previous: string | null
+//   results: {
+//     name: string
+//     url: string
+//   }[]
+// }
+//
+// export interface PokemonDetails {
+//   id: number
+//   name: string
+//   height: number
+//   weight: number
+//   sprites: {
+//     front_default: string
+//     back_default: string
+//     other?: {
+//       'official-artwork'?: {
+//         front_default: string
+//       }
+//     }
+//   }
+//   types: {
+//     slot: number
+//     type: {
+//       name: string
+//       url: string
+//     }
+//   }[]
+//   abilities: {
+//     ability: {
+//       name: string
+//       url: string
+//     }
+//     is_hidden: boolean
+//     slot: number
+//   }[]
+//   stats: {
+//     base_stat: number
+//     effort: number
+//     stat: {
+//       name: string
+//       url: string
+//     }
+//   }[]
+// }
+//
+// export interface PokemonSearchParams {
+//   limit?: number
+//   offset?: number
+// }
+//
+// export const api = new ApiClient({
+//   // Перечисляем заголовки которые будут добавлены в локину формирования ключа
+//   cacheableHeaderKeys: ['X-Global-Header'],
+//   storageType: 'localStorage',
+//   storageOptions: {
+//     name: 'pokemon-api-storage',
+//     dbName: 'pokemon-api-cache',
+//     storeName: 'requests',
+//     dbVersion: 1,
+//   },
+//   // Или boolean или объект с настройками
+//   cache: {
+//     // Время жизни кэша в миллисекундах
+//     ttl: 5 * 60 * 1000, // 5 минут
+//     //  Инвалидировать кэш при ошибке
+//     invalidateOnError: true,
+//     cleanup: {
+//       // Включить периодическую очистку
+//       enabled: true,
+//       // Интервал очистки в миллисекундах
+//       interval: 10 * 60 * 1000, // 10 минут
+//     },
+//   },
+//   baseQuery: {
+//     baseUrl: 'https://pokeapi.co/api/v2',
+//     // Таймаут запроса в миллисекундах
+//     timeout: 10000,
+//     prepareHeaders: async (headers, context) => {
+//       // Устанавливаем заголовки для тестирования
+//       headers.set('X-Global-Header', 'global-value')
+//       headers.set('X-BaseQuery-Header', 'basequery-value')
+//
+//       // Можем получить значение из localStorage / cookies
+//       const profileId = context.getFromStorage<string>('myProfileId')
+//       const token = context.getCookie('myToken')
+//
+//       // context.someParam - можно получить любые параметры которые передаем в свойство context при вызове метода
+//       return headers
+//     },
+//     credentials: 'same-origin',
+//   },
+//   // Асинхронная фабрика по созданию эндпоинтов
+//   endpoints: async (create) => ({
+//     updatePokemonById: create<{ id: number }, PokemonDetails>({
+//       // Можно отключить / уточнить для конкретного эндпоинта
+//       cache: false,
+//       // Исключить заголовки из формирования ключа
+//       excludeCacheableHeaderKeys: [],
+//       // Включить заголовки из формирования ключа
+//       includeCacheableHeaderKeys: [],
+//       // Дополнительные уточнения для форпмирования заголовков для конкретного эндпоинта
+//       prepareHeaders: async (headers) => headers,
+//       tags: [],
+//       invalidatesTags: [],
+//       // Значения в контексте могут быть те, которые передаем в свойство context при вызове метода
+//       request: (id, context) => ({
+//         path: `/pokemon/${id}`,
+//         method: 'PUT',
+//         body: {},
+//       }),
+//     }),
+//     // Запрос деталей покемона по ID (с явно включенным кэшированием)
+//     getPokemonById: create<{ id: number }, PokemonDetails>({
+//       request: (params) => ({
+//         path: `/pokemon/${params.id}`,
+//         method: 'GET',
+//         responseFormat: ResponseFormat.Json,
+//       }),
+//       tags: ['pokemon-details'],
+//     }),
+//     // Запрос списка покемонов (без кэширования)
+//     getPokemonList: create<PokemonSearchParams, PokemonListResponse>({
+//       request: (
+//         params = {
+//           limit: 20,
+//           offset: 0,
+//         },
+//       ) => ({
+//         path: '/pokemon',
+//         method: 'GET',
+//         query: params,
+//         responseFormat: ResponseFormat.Json,
+//       }),
+//     }),
+//   }),
+// })
+// // Инициализация
+// export const pokemonApi = await api.init()
+// // Демонтирование
+// // await pokemonApi.destroy()
+//
+// // Получение эндпоинтов
+// export const pokemonEndpoints = pokemonApi.getEndpoints()
+//
+// export function Example1() {
+//   const [currentPokemon, setCurrentPokemon] = useState<PokemonDetails | undefined>(undefined)
+//
+//   const onPokemon = useCallback(async (id: number) => {
+//     // Создаем запрос
+//     const request = pokemonEndpoints.getPokemonById.request(
+//       { id },
+//       {
+//         // Можно передать дополнительные свойства в контекст
+//         context: {
+//           someKey: 'someValue',
+//         },
+//         // Можно отключить кэш для конкретного вызова
+//         disableCache: true,
+//         // Можно указать заголовки которые будут участвовать в формирование ключа (перетирают все остальные настройки)
+//         cacheableHeaderKeys: ['header-key'],
+//         // и тд...
+//         // Некоторые аспекты еще буду дорабатывать
+//       },
+//     )
+//
+//     // Создаем подписки
+//     request.subscribe((state) => {
+//       switch (state.status) {
+//         case 'idle': {
+//           console.log('запрос неактивен')
+//           break
+//         }
+//         case 'loading': {
+//           console.log('запрос loading')
+//           break
+//         }
+//         case 'success': {
+//           console.log('запрос success')
+//           setCurrentPokemon(state.data)
+//           break
+//         }
+//         case 'error': {
+//           console.log('запрос error')
+//           break
+//         }
+//       }
+//     }, { autoUnsubscribe: true })
+//
+//     // Вызываем запрос и получаем response
+//     const response = await request.wait()
+//     console.log('response', response)
+//
+//     // Альтернативный вариант вместо подписок
+//     request.waitWithCallbacks({
+//       idle: (request) => {},
+//       loading: (request) => {},
+//       success: (data, request) => {},
+//       error: (error, request) => {},
+//     }).catch(console.error)
+//   }, [])
+//
+//   return (
+//     <div style={{ display: 'flex', flexDirection: 'column' }}>
+//       <h2>{currentPokemon?.name}</h2>
+//       <img src={currentPokemon?.sprites.front_default} alt={currentPokemon?.name} />
+//       <div>
+//         Types:
+//         {' '}
+//         {currentPokemon?.types.map((t) => t.type.name).join(', ')}
+//       </div>
+//       <div>
+//         <button
+//           onClick={() => onPokemon((currentPokemon?.id || 0) + 1)}
+//         >
+//           Next
+//         </button>
+//         <span>
+//           Pokemon #
+//           {currentPokemon?.id}
+//         </span>
+//         <button
+//           onClick={() => onPokemon((currentPokemon?.id || 0) - 1)}
+//         >
+//           Previous
+//         </button>
+//       </div>
+//     </div>
+//   )
+// }
+//# sourceMappingURL=example1.js.map

package/dist/_examples/example1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"example1.js","sourceRoot":"","sources":["../../src/_examples/example1.tsx"],"names":[],"mappings":"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"}

package/dist/_examples/example2.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=example2.d.ts.map

package/dist/_examples/example2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"example2.d.ts","sourceRoot":"","sources":["../../src/_examples/example2.tsx"],"names":[],"mappings":""}