myportal-vue3-api-client

MyPortal Vue3 Library

Vue 3 Library für MyPortal Clients mit TypeScript Support.

🚀 Features

• TypeScript Support
• Composition API Ready
• Tree-shakeable ESM/CJS Builds
• Services:
  • AuthService
  • DataService
  • ImageService
  • S3Service
  • CalendarService
  • MailService
  • SlackService
  • ValidationService
  • WebSocketService
  • DockerService
  • AnalytixService (First-Party Website-Tracking)

📦 Installation

npm install myportal-vue3-api-client

🔧 Usage

import { MyPortalClient } from 'myportal-vue3-api-client';

const client = new MyPortalClient({
  baseURL: 'http://localhost:3000/api/v2',
  apiKey: 'your-api-key'
});

// Use services
const data = await client.data.getItems({ table: 'users' });

// Website analytics (after cookie consent)
client.analytix.setConsent(true);
client.analytix.pageview();
client.analytix.track('booking_inquiry', { nights: 7 });

Analytix (Website-Tracking)

First-party Events an die MyPortal-API — Auswertung nur im CMS (JWT), Ingest per Site-API-Key:

import { useAnalytix } from 'myportal-vue3-api-client';

// Vue Router: automatische Pageviews
useAnalytix(router);

// One-Page / Hash-Navigation: manuell pageview() bei Section-Wechsel
client.analytix.setConsent(true);
client.analytix.pageview({ path: '#apartments' });

🏗️ Build

# Build Library
npm run build

# Watch Mode
npm run dev

📚 Documentation

Siehe EXAMPLES.md für detaillierte Beispiele.

🧪 Tests

npm test

📁 Struktur

src/
├── core/           # BaseClient
├── services/       # Service Classes
├── composables/    # Vue Composables
├── types/          # TypeScript Types
└── index.ts        # Main Export

🔗 Related Repos

• API: myportal-api
• Admin Web: myportal-admin-web
• CMS: myportal-cms

📝 License

MIT