Installazione

npm install @pzeta/vue-attivita

// main.ts
import { createApp } from 'vue'
import { AttivitaPlugin } from '@pzeta/vue-attivita'
import '@pzeta/vue-attivita/style'
import App from './App.vue'

const app = createApp(App)

app.use(AttivitaPlugin, {
  baseUrl: import.meta.env.VITE_ATTIVITA_API_URL,
  getToken: () => sessionStorage.getItem('jwt'),
  onEvent: (name, payload) => {
    console.log('attivita event:', name, payload)
  },
})

app.mount('#app')

interface AttivitaPluginOptions {
  /** Base URL schema attivita su PostgREST. Obbligatorio se non passi `repository`. */
  baseUrl?: string

  /** Getter token JWT corrente; default `() => null` (no auth). */
  getToken?: () => string | null

  /** Handler eventi cross-app. Default `() => {}` (eventi ignorati). */
  onEvent?: (name: string, payload?: unknown) => void

  /** Override URL base per endpoint Fastify (upload, firma). Default: `baseUrl`. */
  apiBaseUrl?: string

  /** HTTP client custom; sovrascrive `baseUrl` + `getToken` per il client PostgREST. */
  http?: IHttpClient

  /** Repository custom; ha priorità su `http`/`baseUrl`. Vedi sezione "Repository custom". */
  repository?: IAttivitaRepository
}

import { AttivitaPlugin, type IAttivitaRepository } from '@pzeta/vue-attivita'

class MockAttivitaRepository implements IAttivitaRepository {
  async getAttivita() { return [] }
  async getRiepilogoEntita() { return null }
  // ... resto delle firme — vedi pagina concetti
}

app.use(AttivitaPlugin, {
  repository: new MockAttivitaRepository(),
  onEvent: (name, payload) => eventBus.emit(name, payload),
})

import {
  AttivitaPlugin,
  PostgrestAttivitaRepository,
  createPostgrestRepository,
  createFetchClient
} from '@pzeta/vue-attivita'

const http = createFetchClient('/attivita', () => sessionStorage.getItem('jwt'))
const repository = new PostgrestAttivitaRepository(http)
// oppure: const repository = createPostgrestRepository(http)

app.use(AttivitaPlugin, { repository })

// Plugin & contesto
import { AttivitaPlugin, ATTIVITA_CONTEXT_KEY } from '@pzeta/vue-attivita'
import type { AttivitaPluginOptions, AttivitaContext } from '@pzeta/vue-attivita'

// Wrapper data-aware
import {
  AttivitaListaEntita,
  AttivitaBadge,
  AttivitaConsolidata,
  AttivitaCalendario,
  AttivitaForm,
  AttivitaTimeline,
  RicorrenzaPanel,
  PartecipantiPanel,
  DocumentoPanel,
  FirmaPanel,
  CompletaDialog,
  AnnullaDialog,
} from '@pzeta/vue-attivita'

// View headless (no plugin richiesto)
import {
  AttivitaListaEntitaView,
  AttivitaBadgeView,
  AttivitaConsolidataView,
  AttivitaCalendarioView,
  AttivitaTimelineView,
  RicorrenzaPanelView,
  PartecipantiPanelView,
  DocumentoPanelView,
  FirmaPanelView,
} from '@pzeta/vue-attivita'

// Composables
import {
  useAttivitaContext,
  useAttivita,
  useAttivitaForm,
  useAttivitaDashboard,
  useAttivitaCalendario,
  useTipiAttivita,
  useConcatenamento,
  useRicorrenza,
  useDocumento,
  useRichiestafirma,
} from '@pzeta/vue-attivita'

// Repository pattern
import {
  type IAttivitaRepository,
  PostgrestAttivitaRepository,
  createPostgrestRepository,
  createFetchClient,
} from '@pzeta/vue-attivita'

// Tipi
import type {
  AttivitaView,
  AttivitaFilters,
  AttivitaRiepilogo,
  AttivitaUtente,
  ContatoreAttivita,
  TipoAttivita,
  Ricorrenza,
  AttivitaAssegnatario,
  AttivitaPartecipante,
  PianificaAttivitaRequest,
  PianificaAttivitaResponse,
  CompletaAttivitaRequest,
  CompletaAttivitaResponse,
  AnnullaAttivitaRequest,
  AnnullaAttivitaResponse,
} from '@pzeta/vue-attivita'