@ngstato/angular 0.1.2 → 0.1.4

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/inject-store.ts","../src/provide-ngstato.ts","../src/create-angular-store.ts","../src/devtools.component.ts"],"names":["injectStore","store","inject","STATO_CONFIG","InjectionToken","provideStato","config","http","configureHttp","devtools","isDevMode","console","info","devTools","open","makeEnvironmentProviders","provide","useValue","createAngularStore","coreStore","createStore","signals","initialState","getState","key","Object","keys","signal","subscribe","newState","set","angularStore","__store__","defineProperty","get","enumerable","configurable","computed","computedConfig","computedSignal","actions","name","args","dispatch","hooks","onInit","__destroy__","destroy","StatoStoreBase","storeInstance","initStore","ngOnDestroy","StatoDevToolsComponent","optional","unsub","isOpen","isMinimized","activeTab","logs","selectedLog","posX","posY","window","innerHeight","panelWidth","panelHeight","isDragging","isResizing","dragOffsetX","dragOffsetY","startW","startH","startX","startY","boundMouseMove","onMouseMove","bind","boundMouseUp","onMouseUp","ngOnInit","state","document","addEventListener","removeEventListener","toggle","toggleMinimize","update","v","clear","selectLog","log","id","formatTime","iso","Date","toTimeString","slice","onDragStart","e","target","classList","contains","clientX","clientY","preventDefault","onResizeStart","stopPropagation","Math","max","newW","newH","selector","standalone","imports","CommonModule","template","styles"],"mappings":"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","file":"index.js","sourcesContent":["// ─────────────────────────────────────────────────────\r\n// @ngstato/angular — injectStore()\r\n// Helper pour injecter un store dans un composant\r\n// ─────────────────────────────────────────────────────\r\n\r\nimport { inject, type Type } from '@angular/core'\r\n\r\nexport function injectStore<T>(store: Type<T>): T {\r\n  return inject(store)\r\n}","import {\r\n  makeEnvironmentProviders,\r\n  InjectionToken,\r\n  isDevMode\r\n}                          from '@angular/core'\r\nimport { configureHttp, devTools } from '@ngstato/core'\r\nimport type { StatoConfig }        from '@ngstato/core'\r\n\r\nexport interface StatoAngularConfig {\r\n  http?:     StatoConfig\r\n  devtools?: boolean\r\n}\r\n\r\nexport const STATO_CONFIG = new InjectionToken<StatoAngularConfig>('STATO_CONFIG')\r\n\r\nexport function provideStato(config: StatoAngularConfig = {}) {\r\n\r\n  if (config.http) {\r\n    configureHttp(config.http)\r\n  }\r\n\r\n  // DevTools — ignorés automatiquement en production\r\n  // isDevMode() est géré par Angular au build\r\n  // → false en prod même si devtools: true\r\n  if (config.devtools && isDevMode()) {\r\n    console.info(\r\n      '%c[Stato] 🛠 DevTools activés',\r\n      'background:#1e40af;color:white;padding:4px 8px;border-radius:4px;font-weight:bold'\r\n    )\r\n    devTools.open()\r\n  }\r\n\r\n  return makeEnvironmentProviders([\r\n    {\r\n      provide:  STATO_CONFIG,\r\n      useValue: config\r\n    }\r\n  ])\r\n}","// ─────────────────────────────────────────────────────\r\n// @ngstato/angular — createAngularStore()\r\n// Transforme un ngstato store en store Angular avec Signals\r\n// ─────────────────────────────────────────────────────\r\n\r\nimport {\r\n  signal,\r\n  computed,\r\n  Injectable,\r\n  OnDestroy,\r\n  Signal\r\n} from '@angular/core'\r\n\r\nimport { createStore } from '@ngstato/core'\r\nimport type { StatoStoreConfig } from '@ngstato/core'\r\n\r\n// ─────────────────────────────────────────────────────\r\n// FONCTION PRINCIPALE — createAngularStore()\r\n// ─────────────────────────────────────────────────────\r\n\r\nexport function createAngularStore<S extends object>(\r\n  config: S & StatoStoreConfig<S>\r\n) {\r\n  // 1. Créer le store core\r\n  const coreStore = createStore(config)\r\n\r\n  // 2. Créer un Signal pour chaque propriété du state\r\n  const signals: Record<string, ReturnType<typeof signal>> = {}\r\n  const initialState = coreStore.getState()\r\n\r\n  for (const key of Object.keys(initialState as object)) {\r\n    signals[key] = signal((initialState as any)[key])\r\n  }\r\n\r\n  // 3. Synchroniser les Signals avec le state core\r\n  coreStore.subscribe((newState: any) => {\r\n    for (const key of Object.keys(newState)) {\r\n      if (signals[key]) {\r\n        signals[key].set(newState[key])\r\n      }\r\n    }\r\n  })\r\n\r\n  // 4. Construire l objet public Angular\r\n  const angularStore: any = {\r\n    __store__: coreStore.__store__\r\n  }\r\n\r\n  // 5. Exposer chaque propriété comme Signal\r\n  for (const key of Object.keys(initialState as object)) {\r\n    Object.defineProperty(angularStore, key, {\r\n      get:          () => signals[key],\r\n      enumerable:   true,\r\n      configurable: true\r\n    })\r\n  }\r\n\r\n  // 6. Exposer chaque computed comme Signal computed\r\n  const { computed: computedConfig } = config as StatoStoreConfig<S>\r\n  if (computedConfig) {\r\n    for (const key of Object.keys(computedConfig)) {\r\n      const computedSignal = computed(() => coreStore[key])\r\n      Object.defineProperty(angularStore, key, {\r\n        get:          () => computedSignal,\r\n        enumerable:   true,\r\n        configurable: true\r\n      })\r\n    }\r\n  }\r\n\r\n  // 7. Exposer chaque action directement\r\n  const { actions } = config as StatoStoreConfig<S>\r\n  if (actions) {\r\n    for (const name of Object.keys(actions)) {\r\n      angularStore[name] = (...args: unknown[]) =>\r\n        coreStore.__store__.dispatch(name, ...args)\r\n    }\r\n  }\r\n\r\n  // 8. Appeler onInit si défini\r\n  const { hooks } = config as StatoStoreConfig<S>\r\n  if (hooks?.onInit) {\r\n    hooks.onInit(angularStore)\r\n  }\r\n\r\n  // 9. Exposer destroy pour le cleanup\r\n  angularStore.__destroy__ = () => {\r\n    coreStore.__store__.destroy(angularStore)\r\n  }\r\n\r\n  return angularStore\r\n}\r\n\r\n// ─────────────────────────────────────────────────────\r\n// CLASSE DE BASE — étendue par StatoStore()\r\n// Publique — pas de membres privés\r\n// ─────────────────────────────────────────────────────\r\n@Injectable()\r\nexport class StatoStoreBase implements OnDestroy {\r\n  storeInstance: any\r\n\r\n  initStore<S extends object>(config: S & StatoStoreConfig<S>) {\r\n    this.storeInstance = createAngularStore(config)\r\n\r\n    // Copier toutes les propriétés sur this\r\n    for (const key of Object.keys(this.storeInstance)) {\r\n      if (key !== '__store__' && key !== '__destroy__') {\r\n        Object.defineProperty(this, key, {\r\n          get:          () => this.storeInstance[key],\r\n          enumerable:   true,\r\n          configurable: true\r\n        })\r\n      }\r\n    }\r\n\r\n    // Copier les actions\r\n    const { actions } = config as StatoStoreConfig<S>\r\n    if (actions) {\r\n    for (const name of Object.keys(actions)) {\r\n        Object.defineProperty(this, name, {\r\n        get:          () => this.storeInstance[name],\r\n        enumerable:   true,\r\n        configurable: true\r\n        })\r\n    }\r\n    }\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.storeInstance?.__destroy__()\r\n  }\r\n}\r\n\r\n// ─────────────────────────────────────────────────────\r\n// FACTORY — StatoStore()\r\n// Crée un service Angular injectable\r\n// Usage :\r\n//   export class UserStore extends StatoStore({\r\n//     user: null,\r\n//     actions: { ... }\r\n//   }) {}\r\n// ─────────────────────────────────────────────────────\r\n\r\nexport function StatoStore<S extends object>(\r\n  config: S & StatoStoreConfig<S>\r\n) {\r\n  @Injectable({ providedIn: 'root' })\r\n  class ConcreteStore extends StatoStoreBase {\r\n    constructor() {\r\n      super()\r\n      this.initStore(config)\r\n    }\r\n  }\r\n\r\n  return ConcreteStore\r\n}","import {\r\n  Component,\r\n  OnInit,\r\n  OnDestroy,\r\n  signal,\r\n  inject,\r\n  ElementRef,\r\n  ViewChild,\r\n  AfterViewInit\r\n}                        from '@angular/core'\r\nimport { CommonModule }  from '@angular/common'\r\nimport { devTools }      from '@ngstato/core'\r\nimport type { ActionLog } from '@ngstato/core'\r\nimport { STATO_CONFIG }  from './provide-ngstato'\r\n\r\n@Component({\r\n  selector:   'ngstato-devtools',\r\n  standalone: true,\r\n  imports:    [CommonModule],\r\n  template: `\r\n    <!-- Bouton flottant -->\r\n    @if (!isOpen()) {\r\n      <button class=\"devtools-fab\" (click)=\"toggle()\">\r\n        🛠 Stato\r\n      </button>\r\n    }\r\n\r\n    <!-- Panel -->\r\n    @if (isOpen()) {\r\n      <div\r\n        class=\"devtools-panel\"\r\n        [class.devtools-panel--minimized]=\"isMinimized()\"\r\n        [style.left.px]=\"posX()\"\r\n        [style.top.px]=\"posY()\"\r\n        [style.width.px]=\"isMinimized() ? 200 : panelWidth()\"\r\n        [style.height]=\"isMinimized() ? 'auto' : panelHeight() + 'px'\"\r\n      >\r\n\r\n        <!-- Header — draggable -->\r\n        <div\r\n          class=\"devtools-header\"\r\n          (mousedown)=\"onDragStart($event)\"\r\n        >\r\n          <span class=\"devtools-title\">🛠 Stato</span>\r\n          <div class=\"devtools-header-actions\">\r\n            @if (!isMinimized()) {\r\n              <button class=\"btn-icon\" (click)=\"clear()\" title=\"Vider\">🗑</button>\r\n            }\r\n            <button class=\"btn-icon\" (click)=\"toggleMinimize()\" title=\"Minimiser/Agrandir\">\r\n              {{ isMinimized() ? '▲' : '▼' }}\r\n            </button>\r\n            <button class=\"btn-icon\" (click)=\"toggle()\" title=\"Fermer\">✕</button>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Resize handle — coin bas droite -->\r\n        @if (!isMinimized()) {\r\n          <div\r\n            class=\"devtools-resize\"\r\n            (mousedown)=\"onResizeStart($event)\"\r\n          >⊿</div>\r\n        }\r\n\r\n        @if (!isMinimized()) {\r\n\r\n          <!-- Tabs -->\r\n          <div class=\"devtools-tabs\">\r\n            <button\r\n              class=\"tab\"\r\n              [class.tab--active]=\"activeTab() === 'actions'\"\r\n              (click)=\"activeTab.set('actions')\"\r\n            >\r\n              Actions ({{ logs().length }})\r\n            </button>\r\n            <button\r\n              class=\"tab\"\r\n              [class.tab--active]=\"activeTab() === 'state'\"\r\n              (click)=\"activeTab.set('state')\"\r\n            >\r\n              State\r\n            </button>\r\n          </div>\r\n\r\n          <!-- Tab Actions -->\r\n          @if (activeTab() === 'actions') {\r\n            <div class=\"devtools-content\">\r\n              @if (!logs().length) {\r\n                <div class=\"devtools-empty\">Aucune action pour l'instant</div>\r\n              }\r\n              @for (log of logs(); track log.id) {\r\n                <div\r\n                  class=\"log-item\"\r\n                  [class.log-item--error]=\"log.status === 'error'\"\r\n                  (click)=\"selectLog(log)\"\r\n                >\r\n                  <div class=\"log-item__left\">\r\n                    <span class=\"log-status\">{{ log.status === 'success' ? '✓' : '✗' }}</span>\r\n                    <span class=\"log-name\">{{ log.name }}</span>\r\n                  </div>\r\n                  <div class=\"log-item__right\">\r\n                    @if (log.status === 'error') {\r\n                      <span class=\"log-error-badge\">erreur</span>\r\n                    } @else {\r\n                      <span class=\"log-duration\">{{ log.duration }}ms</span>\r\n                    }\r\n                    <span class=\"log-time\">{{ formatTime(log.at) }}</span>\r\n                  </div>\r\n                </div>\r\n\r\n                @if (selectedLog()?.id === log.id) {\r\n                  <div class=\"log-detail\">\r\n                    @if (log.error) {\r\n                      <div class=\"log-detail__error\">{{ log.error }}</div>\r\n                    }\r\n                    <div class=\"log-detail__section\">\r\n                      <span class=\"log-detail__label\">Avant</span>\r\n                      <pre>{{ log.prevState | json }}</pre>\r\n                    </div>\r\n                    <div class=\"log-detail__section\">\r\n                      <span class=\"log-detail__label\">Après</span>\r\n                      <pre>{{ log.nextState | json }}</pre>\r\n                    </div>\r\n                  </div>\r\n                }\r\n              }\r\n            </div>\r\n          }\r\n\r\n          <!-- Tab State -->\r\n          @if (activeTab() === 'state') {\r\n            <div class=\"devtools-content\">\r\n              @if (logs().length) {\r\n                <pre class=\"state-view\">{{ logs()[0].nextState | json }}</pre>\r\n              } @else {\r\n                <div class=\"devtools-empty\">Aucun state disponible</div>\r\n              }\r\n            </div>\r\n          }\r\n        }\r\n\r\n      </div>\r\n    }\r\n  `,\r\n  styles: [`\r\n    .devtools-fab {\r\n      position:      fixed;\r\n      bottom:        1.5rem;\r\n      left:          1.5rem;\r\n      background:    #1e293b;\r\n      color:         white;\r\n      border:        none;\r\n      border-radius: 999px;\r\n      padding:       0.5rem 1rem;\r\n      font-size:     0.85rem;\r\n      font-weight:   600;\r\n      cursor:        pointer;\r\n      z-index:       9999;\r\n      box-shadow:    0 4px 12px rgba(0,0,0,0.3);\r\n      transition:    background 0.15s;\r\n    }\r\n    .devtools-fab:hover { background: #334155; }\r\n\r\n    .devtools-panel {\r\n      position:       fixed;\r\n      background:     #0f172a;\r\n      border-radius:  12px;\r\n      box-shadow:     0 8px 32px rgba(0,0,0,0.4);\r\n      z-index:        9999;\r\n      display:        flex;\r\n      flex-direction: column;\r\n      overflow:       hidden;\r\n      font-family:    'Courier New', monospace;\r\n      min-width:      200px;\r\n      min-height:     40px;\r\n    }\r\n\r\n    .devtools-panel--minimized {\r\n      border-radius: 8px;\r\n    }\r\n\r\n    .devtools-header {\r\n      display:         flex;\r\n      justify-content: space-between;\r\n      align-items:     center;\r\n      padding:         0.6rem 0.75rem;\r\n      background:      #1e293b;\r\n      border-bottom:   1px solid #334155;\r\n      cursor:          grab;\r\n      user-select:     none;\r\n    }\r\n    .devtools-header:active { cursor: grabbing; }\r\n\r\n    .devtools-title {\r\n      color:       #e2e8f0;\r\n      font-size:   0.82rem;\r\n      font-weight: 600;\r\n      font-family: system-ui;\r\n    }\r\n\r\n    .devtools-header-actions { display: flex; gap: 0.25rem; }\r\n\r\n    .btn-icon {\r\n      background:    transparent;\r\n      color:         #64748b;\r\n      border:        none;\r\n      cursor:        pointer;\r\n      font-size:     0.8rem;\r\n      padding:       0.15rem 0.35rem;\r\n      border-radius: 4px;\r\n      line-height:   1;\r\n    }\r\n    .btn-icon:hover { background: #334155; color: white; }\r\n\r\n    .devtools-resize {\r\n      position:  absolute;\r\n      bottom:    2px;\r\n      right:     4px;\r\n      color:     #334155;\r\n      font-size: 0.9rem;\r\n      cursor:    nwse-resize;\r\n      user-select: none;\r\n      line-height: 1;\r\n    }\r\n    .devtools-resize:hover { color: #64748b; }\r\n\r\n    .devtools-tabs {\r\n      display:       flex;\r\n      background:    #1e293b;\r\n      border-bottom: 1px solid #334155;\r\n    }\r\n    .tab {\r\n      padding:     0.4rem 0.75rem;\r\n      background:  transparent;\r\n      color:       #64748b;\r\n      border:      none;\r\n      cursor:      pointer;\r\n      font-size:   0.78rem;\r\n      font-family: system-ui;\r\n    }\r\n    .tab:hover    { color: #e2e8f0; }\r\n    .tab--active  { color: #3b82f6; border-bottom: 2px solid #3b82f6; }\r\n\r\n    .devtools-content {\r\n      overflow-y: auto;\r\n      flex:       1;\r\n      padding:    0.25rem 0;\r\n    }\r\n\r\n    .devtools-empty {\r\n      padding:     2rem;\r\n      text-align:  center;\r\n      color:       #475569;\r\n      font-size:   0.78rem;\r\n      font-family: system-ui;\r\n    }\r\n\r\n    .log-item {\r\n      display:         flex;\r\n      justify-content: space-between;\r\n      align-items:     center;\r\n      padding:         0.35rem 0.75rem;\r\n      cursor:          pointer;\r\n      border-bottom:   1px solid #1e293b;\r\n    }\r\n    .log-item:hover        { background: #1e293b; }\r\n    .log-item--error       { background: #1a0a0a; }\r\n\r\n    .log-item__left  { display: flex; align-items: center; gap: 0.4rem; overflow: hidden; }\r\n    .log-item__right { display: flex; align-items: center; gap: 0.4rem; flex-shrink: 0; }\r\n\r\n    .log-status  { font-size: 0.72rem; color: #22c55e; flex-shrink: 0; }\r\n    .log-item--error .log-status { color: #ef4444; }\r\n    .log-name    { color: #e2e8f0; font-size: 0.75rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\r\n    .log-duration { color: #64748b; font-size: 0.7rem; }\r\n    .log-time    { color: #475569; font-size: 0.68rem; }\r\n\r\n    .log-error-badge {\r\n      background:    #7f1d1d;\r\n      color:         #fca5a5;\r\n      font-size:     0.68rem;\r\n      padding:       0.1rem 0.35rem;\r\n      border-radius: 4px;\r\n    }\r\n\r\n    .log-detail {\r\n      background:    #0a0f1a;\r\n      padding:       0.6rem 0.75rem;\r\n      border-left:   3px solid #3b82f6;\r\n      margin:        0 0.4rem 0.4rem;\r\n      border-radius: 0 4px 4px 0;\r\n    }\r\n    .log-detail__error   { color: #fca5a5; font-size: 0.72rem; margin-bottom: 0.4rem; }\r\n    .log-detail__section { margin-bottom: 0.4rem; }\r\n    .log-detail__label   {\r\n      color:         #64748b;\r\n      font-size:     0.68rem;\r\n      display:       block;\r\n      margin-bottom: 0.2rem;\r\n      font-family:   system-ui;\r\n    }\r\n    pre {\r\n      color:       #86efac;\r\n      font-size:   0.7rem;\r\n      margin:      0;\r\n      white-space: pre-wrap;\r\n      word-break:  break-all;\r\n      max-height:  140px;\r\n      overflow-y:  auto;\r\n    }\r\n    .state-view {\r\n      color:       #86efac;\r\n      font-size:   0.7rem;\r\n      padding:     0.75rem;\r\n      margin:      0;\r\n      white-space: pre-wrap;\r\n      word-break:  break-all;\r\n    }\r\n  `]\r\n})\r\nexport class StatoDevToolsComponent implements OnInit, OnDestroy {\r\n\r\n  private config  = inject(STATO_CONFIG, { optional: true })\r\n  private unsub?: () => void\r\n\r\n  // State UI\r\n  isOpen      = signal(false)\r\n  isMinimized = signal(false)\r\n  activeTab   = signal<'actions' | 'state'>('actions')\r\n  logs        = signal<ActionLog[]>([])\r\n  selectedLog = signal<ActionLog | null>(null)\r\n\r\n  // Position et taille\r\n  posX        = signal(24)\r\n  posY        = signal(window.innerHeight - 500)\r\n  panelWidth  = signal(420)\r\n  panelHeight = signal(460)\r\n\r\n  // Drag state\r\n  private isDragging  = false\r\n  private isResizing  = false\r\n  private dragOffsetX = 0\r\n  private dragOffsetY = 0\r\n  private startW      = 0\r\n  private startH      = 0\r\n  private startX      = 0\r\n  private startY      = 0\r\n\r\n  // Bound listeners\r\n  private boundMouseMove = this.onMouseMove.bind(this)\r\n  private boundMouseUp   = this.onMouseUp.bind(this)\r\n\r\n  ngOnInit() {\r\n    this.unsub = devTools.subscribe((state) => {\r\n      this.logs.set(state.logs)\r\n      this.isOpen.set(state.isOpen)\r\n    })\r\n\r\n    document.addEventListener('mousemove', this.boundMouseMove)\r\n    document.addEventListener('mouseup',   this.boundMouseUp)\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.unsub?.()\r\n    document.removeEventListener('mousemove', this.boundMouseMove)\r\n    document.removeEventListener('mouseup',   this.boundMouseUp)\r\n  }\r\n\r\n  // ── Toggle ─────────────────────────────────────────\r\n  toggle()         { devTools.toggle() }\r\n  toggleMinimize() { this.isMinimized.update(v => !v) }\r\n  clear()          { devTools.clear(); this.selectedLog.set(null) }\r\n  selectLog(log: ActionLog) {\r\n    this.selectedLog.set(this.selectedLog()?.id === log.id ? null : log)\r\n  }\r\n  formatTime(iso: string): string {\r\n    return new Date(iso).toTimeString().slice(0, 8)\r\n  }\r\n\r\n  // ── Drag ───────────────────────────────────────────\r\n  onDragStart(e: MouseEvent) {\r\n    if ((e.target as HTMLElement).classList.contains('btn-icon')) return\r\n    this.isDragging  = true\r\n    this.dragOffsetX = e.clientX - this.posX()\r\n    this.dragOffsetY = e.clientY - this.posY()\r\n    e.preventDefault()\r\n  }\r\n\r\n  // ── Resize ─────────────────────────────────────────\r\n  onResizeStart(e: MouseEvent) {\r\n    this.isResizing = true\r\n    this.startW     = this.panelWidth()\r\n    this.startH     = this.panelHeight()\r\n    this.startX     = e.clientX\r\n    this.startY     = e.clientY\r\n    e.preventDefault()\r\n    e.stopPropagation()\r\n  }\r\n\r\n  // ── Mouse Move ─────────────────────────────────────\r\n  onMouseMove(e: MouseEvent) {\r\n    if (this.isDragging) {\r\n      this.posX.set(Math.max(0, e.clientX - this.dragOffsetX))\r\n      this.posY.set(Math.max(0, e.clientY - this.dragOffsetY))\r\n    }\r\n    if (this.isResizing) {\r\n      const newW = Math.max(300, this.startW + e.clientX - this.startX)\r\n      const newH = Math.max(200, this.startH + e.clientY - this.startY)\r\n      this.panelWidth.set(newW)\r\n      this.panelHeight.set(newH)\r\n    }\r\n  }\r\n\r\n  // ── Mouse Up ───────────────────────────────────────\r\n  onMouseUp() {\r\n    this.isDragging = false\r\n    this.isResizing = false\r\n  }\r\n}"]}

package/dist/index.mjs

@@ -1,538 +0,0 @@
-import { InjectionToken, Injectable, inject, signal, Component, computed, isDevMode, makeEnvironmentProviders } from '@angular/core';
-import { devTools, createStore, configureHttp } from '@ngstato/core';
-import { CommonModule } from '@angular/common';
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function injectStore(store) {
-  return inject(store);
-}
-__name(injectStore, "injectStore");
-var STATO_CONFIG = new InjectionToken("STATO_CONFIG");
-function provideStato(config = {}) {
-  if (config.http) {
-    configureHttp(config.http);
-  }
-  if (config.devtools && isDevMode()) {
-    console.info("%c[Stato] \u{1F6E0} DevTools activ\xE9s", "background:#1e40af;color:white;padding:4px 8px;border-radius:4px;font-weight:bold");
-    devTools.open();
-  }
-  return makeEnvironmentProviders([
-    {
-      provide: STATO_CONFIG,
-      useValue: config
-    }
-  ]);
-}
-__name(provideStato, "provideStato");
-function _ts_decorate(decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-__name(_ts_decorate, "_ts_decorate");
-function createAngularStore(config) {
-  const coreStore = createStore(config);
-  const signals = {};
-  const initialState = coreStore.getState();
-  for (const key of Object.keys(initialState)) {
-    signals[key] = signal(initialState[key]);
-  }
-  coreStore.subscribe((newState) => {
-    for (const key of Object.keys(newState)) {
-      if (signals[key]) {
-        signals[key].set(newState[key]);
-      }
-    }
-  });
-  const angularStore = {
-    __store__: coreStore.__store__
-  };
-  for (const key of Object.keys(initialState)) {
-    Object.defineProperty(angularStore, key, {
-      get: /* @__PURE__ */ __name(() => signals[key], "get"),
-      enumerable: true,
-      configurable: true
-    });
-  }
-  const { computed: computedConfig } = config;
-  if (computedConfig) {
-    for (const key of Object.keys(computedConfig)) {
-      const computedSignal = computed(() => coreStore[key]);
-      Object.defineProperty(angularStore, key, {
-        get: /* @__PURE__ */ __name(() => computedSignal, "get"),
-        enumerable: true,
-        configurable: true
-      });
-    }
-  }
-  const { actions } = config;
-  if (actions) {
-    for (const name of Object.keys(actions)) {
-      angularStore[name] = (...args) => coreStore.__store__.dispatch(name, ...args);
-    }
-  }
-  const { hooks } = config;
-  if (hooks?.onInit) {
-    hooks.onInit(angularStore);
-  }
-  angularStore.__destroy__ = () => {
-    coreStore.__store__.destroy(angularStore);
-  };
-  return angularStore;
-}
-__name(createAngularStore, "createAngularStore");
-var StatoStoreBase = class {
-  static {
-    __name(this, "StatoStoreBase");
-  }
-  storeInstance;
-  initStore(config) {
-    this.storeInstance = createAngularStore(config);
-    for (const key of Object.keys(this.storeInstance)) {
-      if (key !== "__store__" && key !== "__destroy__") {
-        Object.defineProperty(this, key, {
-          get: /* @__PURE__ */ __name(() => this.storeInstance[key], "get"),
-          enumerable: true,
-          configurable: true
-        });
-      }
-    }
-    const { actions } = config;
-    if (actions) {
-      for (const name of Object.keys(actions)) {
-        Object.defineProperty(this, name, {
-          get: /* @__PURE__ */ __name(() => this.storeInstance[name], "get"),
-          enumerable: true,
-          configurable: true
-        });
-      }
-    }
-  }
-  ngOnDestroy() {
-    this.storeInstance?.__destroy__();
-  }
-};
-StatoStoreBase = _ts_decorate([
-  Injectable()
-], StatoStoreBase);
-function _ts_decorate2(decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-__name(_ts_decorate2, "_ts_decorate");
-var StatoDevToolsComponent = class {
-  static {
-    __name(this, "StatoDevToolsComponent");
-  }
-  config = inject(STATO_CONFIG, {
-    optional: true
-  });
-  unsub;
-  // State UI
-  isOpen = signal(false);
-  isMinimized = signal(false);
-  activeTab = signal("actions");
-  logs = signal([]);
-  selectedLog = signal(null);
-  // Position et taille
-  posX = signal(24);
-  posY = signal(window.innerHeight - 500);
-  panelWidth = signal(420);
-  panelHeight = signal(460);
-  // Drag state
-  isDragging = false;
-  isResizing = false;
-  dragOffsetX = 0;
-  dragOffsetY = 0;
-  startW = 0;
-  startH = 0;
-  startX = 0;
-  startY = 0;
-  // Bound listeners
-  boundMouseMove = this.onMouseMove.bind(this);
-  boundMouseUp = this.onMouseUp.bind(this);
-  ngOnInit() {
-    this.unsub = devTools.subscribe((state) => {
-      this.logs.set(state.logs);
-      this.isOpen.set(state.isOpen);
-    });
-    document.addEventListener("mousemove", this.boundMouseMove);
-    document.addEventListener("mouseup", this.boundMouseUp);
-  }
-  ngOnDestroy() {
-    this.unsub?.();
-    document.removeEventListener("mousemove", this.boundMouseMove);
-    document.removeEventListener("mouseup", this.boundMouseUp);
-  }
-  // ── Toggle ─────────────────────────────────────────
-  toggle() {
-    devTools.toggle();
-  }
-  toggleMinimize() {
-    this.isMinimized.update((v) => !v);
-  }
-  clear() {
-    devTools.clear();
-    this.selectedLog.set(null);
-  }
-  selectLog(log) {
-    this.selectedLog.set(this.selectedLog()?.id === log.id ? null : log);
-  }
-  formatTime(iso) {
-    return new Date(iso).toTimeString().slice(0, 8);
-  }
-  // ── Drag ───────────────────────────────────────────
-  onDragStart(e) {
-    if (e.target.classList.contains("btn-icon")) return;
-    this.isDragging = true;
-    this.dragOffsetX = e.clientX - this.posX();
-    this.dragOffsetY = e.clientY - this.posY();
-    e.preventDefault();
-  }
-  // ── Resize ─────────────────────────────────────────
-  onResizeStart(e) {
-    this.isResizing = true;
-    this.startW = this.panelWidth();
-    this.startH = this.panelHeight();
-    this.startX = e.clientX;
-    this.startY = e.clientY;
-    e.preventDefault();
-    e.stopPropagation();
-  }
-  // ── Mouse Move ─────────────────────────────────────
-  onMouseMove(e) {
-    if (this.isDragging) {
-      this.posX.set(Math.max(0, e.clientX - this.dragOffsetX));
-      this.posY.set(Math.max(0, e.clientY - this.dragOffsetY));
-    }
-    if (this.isResizing) {
-      const newW = Math.max(300, this.startW + e.clientX - this.startX);
-      const newH = Math.max(200, this.startH + e.clientY - this.startY);
-      this.panelWidth.set(newW);
-      this.panelHeight.set(newH);
-    }
-  }
-  // ── Mouse Up ───────────────────────────────────────
-  onMouseUp() {
-    this.isDragging = false;
-    this.isResizing = false;
-  }
-};
-StatoDevToolsComponent = _ts_decorate2([
-  Component({
-    selector: "ngstato-devtools",
-    standalone: true,
-    imports: [
-      CommonModule
-    ],
-    template: `
-    <!-- Bouton flottant -->
-    @if (!isOpen()) {
-      <button class="devtools-fab" (click)="toggle()">
-        \u{1F6E0} Stato
-      </button>
-    }
-
-    <!-- Panel -->
-    @if (isOpen()) {
-      <div
-        class="devtools-panel"
-        [class.devtools-panel--minimized]="isMinimized()"
-        [style.left.px]="posX()"
-        [style.top.px]="posY()"
-        [style.width.px]="isMinimized() ? 200 : panelWidth()"
-        [style.height]="isMinimized() ? 'auto' : panelHeight() + 'px'"
-      >
-
-        <!-- Header \u2014 draggable -->
-        <div
-          class="devtools-header"
-          (mousedown)="onDragStart($event)"
-        >
-          <span class="devtools-title">\u{1F6E0} Stato</span>
-          <div class="devtools-header-actions">
-            @if (!isMinimized()) {
-              <button class="btn-icon" (click)="clear()" title="Vider">\u{1F5D1}</button>
-            }
-            <button class="btn-icon" (click)="toggleMinimize()" title="Minimiser/Agrandir">
-              {{ isMinimized() ? '\u25B2' : '\u25BC' }}
-            </button>
-            <button class="btn-icon" (click)="toggle()" title="Fermer">\u2715</button>
-          </div>
-        </div>
-
-        <!-- Resize handle \u2014 coin bas droite -->
-        @if (!isMinimized()) {
-          <div
-            class="devtools-resize"
-            (mousedown)="onResizeStart($event)"
-          >\u22BF</div>
-        }
-
-        @if (!isMinimized()) {
-
-          <!-- Tabs -->
-          <div class="devtools-tabs">
-            <button
-              class="tab"
-              [class.tab--active]="activeTab() === 'actions'"
-              (click)="activeTab.set('actions')"
-            >
-              Actions ({{ logs().length }})
-            </button>
-            <button
-              class="tab"
-              [class.tab--active]="activeTab() === 'state'"
-              (click)="activeTab.set('state')"
-            >
-              State
-            </button>
-          </div>
-
-          <!-- Tab Actions -->
-          @if (activeTab() === 'actions') {
-            <div class="devtools-content">
-              @if (!logs().length) {
-                <div class="devtools-empty">Aucune action pour l'instant</div>
-              }
-              @for (log of logs(); track log.id) {
-                <div
-                  class="log-item"
-                  [class.log-item--error]="log.status === 'error'"
-                  (click)="selectLog(log)"
-                >
-                  <div class="log-item__left">
-                    <span class="log-status">{{ log.status === 'success' ? '\u2713' : '\u2717' }}</span>
-                    <span class="log-name">{{ log.name }}</span>
-                  </div>
-                  <div class="log-item__right">
-                    @if (log.status === 'error') {
-                      <span class="log-error-badge">erreur</span>
-                    } @else {
-                      <span class="log-duration">{{ log.duration }}ms</span>
-                    }
-                    <span class="log-time">{{ formatTime(log.at) }}</span>
-                  </div>
-                </div>
-
-                @if (selectedLog()?.id === log.id) {
-                  <div class="log-detail">
-                    @if (log.error) {
-                      <div class="log-detail__error">{{ log.error }}</div>
-                    }
-                    <div class="log-detail__section">
-                      <span class="log-detail__label">Avant</span>
-                      <pre>{{ log.prevState | json }}</pre>
-                    </div>
-                    <div class="log-detail__section">
-                      <span class="log-detail__label">Apr\xE8s</span>
-                      <pre>{{ log.nextState | json }}</pre>
-                    </div>
-                  </div>
-                }
-              }
-            </div>
-          }
-
-          <!-- Tab State -->
-          @if (activeTab() === 'state') {
-            <div class="devtools-content">
-              @if (logs().length) {
-                <pre class="state-view">{{ logs()[0].nextState | json }}</pre>
-              } @else {
-                <div class="devtools-empty">Aucun state disponible</div>
-              }
-            </div>
-          }
-        }
-
-      </div>
-    }
-  `,
-    styles: [
-      `
-    .devtools-fab {
-      position:      fixed;
-      bottom:        1.5rem;
-      left:          1.5rem;
-      background:    #1e293b;
-      color:         white;
-      border:        none;
-      border-radius: 999px;
-      padding:       0.5rem 1rem;
-      font-size:     0.85rem;
-      font-weight:   600;
-      cursor:        pointer;
-      z-index:       9999;
-      box-shadow:    0 4px 12px rgba(0,0,0,0.3);
-      transition:    background 0.15s;
-    }
-    .devtools-fab:hover { background: #334155; }
-
-    .devtools-panel {
-      position:       fixed;
-      background:     #0f172a;
-      border-radius:  12px;
-      box-shadow:     0 8px 32px rgba(0,0,0,0.4);
-      z-index:        9999;
-      display:        flex;
-      flex-direction: column;
-      overflow:       hidden;
-      font-family:    'Courier New', monospace;
-      min-width:      200px;
-      min-height:     40px;
-    }
-
-    .devtools-panel--minimized {
-      border-radius: 8px;
-    }
-
-    .devtools-header {
-      display:         flex;
-      justify-content: space-between;
-      align-items:     center;
-      padding:         0.6rem 0.75rem;
-      background:      #1e293b;
-      border-bottom:   1px solid #334155;
-      cursor:          grab;
-      user-select:     none;
-    }
-    .devtools-header:active { cursor: grabbing; }
-
-    .devtools-title {
-      color:       #e2e8f0;
-      font-size:   0.82rem;
-      font-weight: 600;
-      font-family: system-ui;
-    }
-
-    .devtools-header-actions { display: flex; gap: 0.25rem; }
-
-    .btn-icon {
-      background:    transparent;
-      color:         #64748b;
-      border:        none;
-      cursor:        pointer;
-      font-size:     0.8rem;
-      padding:       0.15rem 0.35rem;
-      border-radius: 4px;
-      line-height:   1;
-    }
-    .btn-icon:hover { background: #334155; color: white; }
-
-    .devtools-resize {
-      position:  absolute;
-      bottom:    2px;
-      right:     4px;
-      color:     #334155;
-      font-size: 0.9rem;
-      cursor:    nwse-resize;
-      user-select: none;
-      line-height: 1;
-    }
-    .devtools-resize:hover { color: #64748b; }
-
-    .devtools-tabs {
-      display:       flex;
-      background:    #1e293b;
-      border-bottom: 1px solid #334155;
-    }
-    .tab {
-      padding:     0.4rem 0.75rem;
-      background:  transparent;
-      color:       #64748b;
-      border:      none;
-      cursor:      pointer;
-      font-size:   0.78rem;
-      font-family: system-ui;
-    }
-    .tab:hover    { color: #e2e8f0; }
-    .tab--active  { color: #3b82f6; border-bottom: 2px solid #3b82f6; }
-
-    .devtools-content {
-      overflow-y: auto;
-      flex:       1;
-      padding:    0.25rem 0;
-    }
-
-    .devtools-empty {
-      padding:     2rem;
-      text-align:  center;
-      color:       #475569;
-      font-size:   0.78rem;
-      font-family: system-ui;
-    }
-
-    .log-item {
-      display:         flex;
-      justify-content: space-between;
-      align-items:     center;
-      padding:         0.35rem 0.75rem;
-      cursor:          pointer;
-      border-bottom:   1px solid #1e293b;
-    }
-    .log-item:hover        { background: #1e293b; }
-    .log-item--error       { background: #1a0a0a; }
-
-    .log-item__left  { display: flex; align-items: center; gap: 0.4rem; overflow: hidden; }
-    .log-item__right { display: flex; align-items: center; gap: 0.4rem; flex-shrink: 0; }
-
-    .log-status  { font-size: 0.72rem; color: #22c55e; flex-shrink: 0; }
-    .log-item--error .log-status { color: #ef4444; }
-    .log-name    { color: #e2e8f0; font-size: 0.75rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-    .log-duration { color: #64748b; font-size: 0.7rem; }
-    .log-time    { color: #475569; font-size: 0.68rem; }
-
-    .log-error-badge {
-      background:    #7f1d1d;
-      color:         #fca5a5;
-      font-size:     0.68rem;
-      padding:       0.1rem 0.35rem;
-      border-radius: 4px;
-    }
-
-    .log-detail {
-      background:    #0a0f1a;
-      padding:       0.6rem 0.75rem;
-      border-left:   3px solid #3b82f6;
-      margin:        0 0.4rem 0.4rem;
-      border-radius: 0 4px 4px 0;
-    }
-    .log-detail__error   { color: #fca5a5; font-size: 0.72rem; margin-bottom: 0.4rem; }
-    .log-detail__section { margin-bottom: 0.4rem; }
-    .log-detail__label   {
-      color:         #64748b;
-      font-size:     0.68rem;
-      display:       block;
-      margin-bottom: 0.2rem;
-      font-family:   system-ui;
-    }
-    pre {
-      color:       #86efac;
-      font-size:   0.7rem;
-      margin:      0;
-      white-space: pre-wrap;
-      word-break:  break-all;
-      max-height:  140px;
-      overflow-y:  auto;
-    }
-    .state-view {
-      color:       #86efac;
-      font-size:   0.7rem;
-      padding:     0.75rem;
-      margin:      0;
-      white-space: pre-wrap;
-      word-break:  break-all;
-    }
-  `
-    ]
-  })
-], StatoDevToolsComponent);
-
-export { StatoDevToolsComponent, createAngularStore, injectStore, provideStato };
-//# sourceMappingURL=index.mjs.map
-//# sourceMappingURL=index.mjs.map