@quikturn/logos 0.4.1 → 0.6.0

package/README.md

@@ -4,10 +4,14 @@ TypeScript SDK for the [Quikturn Logos API](https://getquikturn.io) -- fetch any
 
 **[Get your API key](https://getquikturn.io)** -- free tier available, no credit card required.
 
-| Package | Description | |
-|---------|-------------|-|
+| Package | Description | Install |
+|---------|-------------|---------|
 | [`@quikturn/logos`](https://www.npmjs.com/package/@quikturn/logos) | Core SDK -- URL builder, browser client, server client, web component | `pnpm add @quikturn/logos` |
 | [`@quikturn/logos-react`](https://www.npmjs.com/package/@quikturn/logos-react) | React components -- logo, carousel, grid | `pnpm add @quikturn/logos-react` |
+| [`@quikturn/logos-next`](https://www.npmjs.com/package/@quikturn/logos-next) | Next.js -- `next/image` wrapper, loaders, server helpers | `pnpm add @quikturn/logos-next` |
+| [`@quikturn/logos-vue`](https://www.npmjs.com/package/@quikturn/logos-vue) | Vue 3 components -- logo, carousel, grid, plugin | `pnpm add @quikturn/logos-vue` |
+| [`@quikturn/logos-svelte`](https://www.npmjs.com/package/@quikturn/logos-svelte) | Svelte 5 components -- logo, carousel, grid, runes | `pnpm add @quikturn/logos-svelte` |
+| [`@quikturn/logos-angular`](https://www.npmjs.com/package/@quikturn/logos-angular) | Angular 17+ -- standalone components, signals, pipe | `pnpm add @quikturn/logos-angular` |
 
 ---
 
@@ -29,7 +33,16 @@ pnpm add @quikturn/logos
 | **Browser** | `@quikturn/logos/client` | Blob URLs, retry/backoff, scrape polling, events |
 | **Server** | `@quikturn/logos/server` | Buffer output, streaming, batch operations |
 | **Element** | `@quikturn/logos/element` | `<quikturn-logo>` web component with built-in attribution |
-| **React** | `@quikturn/logos-react` | `<QuikturnLogo>`, `<QuikturnLogoCarousel>`, `<QuikturnLogoGrid>` |
+
+### Framework Packages
+
+| Package | Import | Framework |
+|---------|--------|-----------|
+| **React** | `@quikturn/logos-react` | React 18+ -- components, hooks, context |
+| **Next.js** | `@quikturn/logos-next` | Next.js 14+ -- `next/image` wrapper, server helpers |
+| **Vue** | `@quikturn/logos-vue` | Vue 3.3+ -- SFCs, composables, plugin |
+| **Svelte** | `@quikturn/logos-svelte` | Svelte 5 -- runes, snippets, context |
+| **Angular** | `@quikturn/logos-angular` | Angular 17+ -- standalone components, signals, pipe |
 
 ---
 
@@ -134,7 +147,116 @@ function App() {
 }
 ```
 
-Full React API reference: [`@quikturn/logos-react` docs](./packages/react/README.md)
+Full API reference: [`@quikturn/logos-react` docs](./packages/react/README.md)
+
+### Next.js
+
+```bash
+pnpm add @quikturn/logos-next
+```
+
+```tsx
+import { QuikturnProvider, QuikturnImage } from "@quikturn/logos-next";
+
+export default function Page() {
+  return (
+    <QuikturnProvider token="qt_your_key">
+      <QuikturnImage domain="github.com" width={128} height={128} alt="GitHub" />
+    </QuikturnProvider>
+  );
+}
+```
+
+Full API reference: [`@quikturn/logos-next` docs](./packages/next/README.md)
+
+### Vue
+
+```bash
+pnpm add @quikturn/logos-vue
+```
+
+```vue
+<script setup lang="ts">
+import { QuikturnLogo, QuikturnLogoCarousel } from "@quikturn/logos-vue";
+</script>
+
+<template>
+  <QuikturnLogo domain="github.com" :size="64" />
+
+  <QuikturnLogoCarousel
+    :domains="['github.com', 'stripe.com', 'vercel.com', 'figma.com']"
+    :speed="120"
+    fade-out
+    pause-on-hover
+  />
+</template>
+```
+
+Full API reference: [`@quikturn/logos-vue` docs](./packages/vue/README.md)
+
+### Svelte
+
+```bash
+pnpm add @quikturn/logos-svelte
+```
+
+```svelte
+<script>
+  import { QuikturnProvider, QuikturnLogo, QuikturnLogoCarousel } from "@quikturn/logos-svelte";
+</script>
+
+<QuikturnProvider token="qt_your_key">
+  <QuikturnLogo domain="github.com" size={64} />
+
+  <QuikturnLogoCarousel
+    domains={["github.com", "stripe.com", "vercel.com", "figma.com"]}
+    speed={120}
+    fadeOut
+    pauseOnHover
+  />
+</QuikturnProvider>
+```
+
+Full API reference: [`@quikturn/logos-svelte` docs](./packages/svelte/README.md)
+
+### Angular
+
+```bash
+pnpm add @quikturn/logos-angular
+```
+
+```typescript
+// app.config.ts
+import { provideQuikturnLogos } from "@quikturn/logos-angular";
+
+export const appConfig = {
+  providers: [provideQuikturnLogos({ token: "qt_your_key" })],
+};
+```
+
+```typescript
+import { Component } from "@angular/core";
+import { QuikturnLogoComponent, QuikturnLogoCarouselComponent } from "@quikturn/logos-angular";
+
+@Component({
+  selector: "app-example",
+  standalone: true,
+  imports: [QuikturnLogoComponent, QuikturnLogoCarouselComponent],
+  template: `
+    <quikturn-logo domain="github.com" [size]="64" />
+
+    <quikturn-logo-carousel
+      [domains]="['github.com', 'stripe.com', 'vercel.com', 'figma.com']"
+      [speed]="120"
+      [fadeOut]="true"
+      [pauseOnHover]="true"
+    />
+  `,
+})
+export class ExampleComponent {}
+```
+
+Full API reference: [`@quikturn/logos-angular` docs](./packages/angular/README.md)
 
 ---
 
@@ -372,6 +494,10 @@ Rate limits and monthly quotas are enforced server-side and vary by plan. The SD
 - **[Dashboard](https://getquikturn.io/dashboard)** -- usage analytics, key management, plan upgrades
 - **[Pricing](https://getquikturn.io/pricing)** -- free tier, pro, and enterprise plans
 - **[React components](./packages/react/README.md)** -- `@quikturn/logos-react` docs
+- **[Next.js components](./packages/next/README.md)** -- `@quikturn/logos-next` docs
+- **[Vue components](./packages/vue/README.md)** -- `@quikturn/logos-vue` docs
+- **[Svelte components](./packages/svelte/README.md)** -- `@quikturn/logos-svelte` docs
+- **[Angular components](./packages/angular/README.md)** -- `@quikturn/logos-angular` docs
 - **[GitHub](https://github.com/Quikturn-PowerPoint-Add-In/Logo-SDK)** -- source, issues, contributions
 
 ## License

package/dist/client/index.cjs

@@ -366,8 +366,8 @@ async function browserFetch(url, options) {
       throw new AuthenticationError("Authentication failed");
     }
     if (response.status === 403) {
-      const body2 = await response.text();
-      const reason = body2.slice(0, 256) || "unknown";
+      const body = await response.text();
+      const reason = body.slice(0, 256) || "unknown";
       throw new ForbiddenError("Access forbidden", reason);
     }
     if (response.status === 404) {
@@ -407,8 +407,8 @@ async function browserFetch(url, options) {
       );
     }
     if (response.status === 400) {
-      const body2 = await response.text();
-      throw new BadRequestError(body2.slice(0, 256) || "Bad request");
+      const body = await response.text();
+      throw new BadRequestError(body.slice(0, 256) || "Bad request");
     }
     if (response.status === 500) {
       if (!serverErrorRetried) {
@@ -416,9 +416,9 @@ async function browserFetch(url, options) {
         await delay(SERVER_ERROR_RETRY_DELAY_MS);
         continue;
       }
-      const body2 = await response.text();
+      const body = await response.text();
       throw new LogoError(
-        body2.slice(0, 256) || "Internal server error",
+        body.slice(0, 256) || "Internal server error",
         "SERVER_ERROR",
         500
       );

package/dist/client/index.mjs

@@ -364,8 +364,8 @@ async function browserFetch(url, options) {
       throw new AuthenticationError("Authentication failed");
     }
     if (response.status === 403) {
-      const body2 = await response.text();
-      const reason = body2.slice(0, 256) || "unknown";
+      const body = await response.text();
+      const reason = body.slice(0, 256) || "unknown";
       throw new ForbiddenError("Access forbidden", reason);
     }
     if (response.status === 404) {
@@ -405,8 +405,8 @@ async function browserFetch(url, options) {
       );
     }
     if (response.status === 400) {
-      const body2 = await response.text();
-      throw new BadRequestError(body2.slice(0, 256) || "Bad request");
+      const body = await response.text();
+      throw new BadRequestError(body.slice(0, 256) || "Bad request");
     }
     if (response.status === 500) {
       if (!serverErrorRetried) {
@@ -414,9 +414,9 @@ async function browserFetch(url, options) {
         await delay(SERVER_ERROR_RETRY_DELAY_MS);
         continue;
       }
-      const body2 = await response.text();
+      const body = await response.text();
       throw new LogoError(
-        body2.slice(0, 256) || "Internal server error",
+        body.slice(0, 256) || "Internal server error",
         "SERVER_ERROR",
         500
       );

package/dist/server/index.cjs

@@ -369,8 +369,8 @@ async function serverFetch(url, options) {
       throw new AuthenticationError("Authentication failed");
     }
     if (response.status === 403) {
-      const body2 = await response.text();
-      const reason = body2.slice(0, 256) || "unknown";
+      const body = await response.text();
+      const reason = body.slice(0, 256) || "unknown";
       throw new ForbiddenError("Access forbidden", reason);
     }
     if (response.status === 404) {
@@ -410,8 +410,8 @@ async function serverFetch(url, options) {
       );
     }
     if (response.status === 400) {
-      const body2 = await response.text();
-      throw new BadRequestError(body2.slice(0, 256) || "Bad request");
+      const body = await response.text();
+      throw new BadRequestError(body.slice(0, 256) || "Bad request");
     }
     if (response.status === 500) {
       if (!serverErrorRetried) {
@@ -419,9 +419,9 @@ async function serverFetch(url, options) {
         await delay(SERVER_ERROR_RETRY_DELAY_MS);
         continue;
       }
-      const body2 = await response.text();
+      const body = await response.text();
       throw new LogoError(
-        body2.slice(0, 256) || "Internal server error",
+        body.slice(0, 256) || "Internal server error",
         "SERVER_ERROR",
         500
       );

package/dist/server/index.mjs

@@ -367,8 +367,8 @@ async function serverFetch(url, options) {
       throw new AuthenticationError("Authentication failed");
     }
     if (response.status === 403) {
-      const body2 = await response.text();
-      const reason = body2.slice(0, 256) || "unknown";
+      const body = await response.text();
+      const reason = body.slice(0, 256) || "unknown";
       throw new ForbiddenError("Access forbidden", reason);
     }
     if (response.status === 404) {
@@ -408,8 +408,8 @@ async function serverFetch(url, options) {
       );
     }
     if (response.status === 400) {
-      const body2 = await response.text();
-      throw new BadRequestError(body2.slice(0, 256) || "Bad request");
+      const body = await response.text();
+      throw new BadRequestError(body.slice(0, 256) || "Bad request");
     }
     if (response.status === 500) {
       if (!serverErrorRetried) {
@@ -417,9 +417,9 @@ async function serverFetch(url, options) {
         await delay(SERVER_ERROR_RETRY_DELAY_MS);
         continue;
       }
-      const body2 = await response.text();
+      const body = await response.text();
       throw new LogoError(
-        body2.slice(0, 256) || "Internal server error",
+        body.slice(0, 256) || "Internal server error",
         "SERVER_ERROR",
         500
       );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quikturn/logos",
-  "version": "0.4.1",
+  "version": "0.6.0",
   "description": "Quikturn Logo SDK — URL builder, browser client, and server client for the Quikturn Logos API",
   "license": "MIT",
   "author": "Quikturn",
@@ -26,11 +26,10 @@
   ],
   "packageManager": "pnpm@10.28.1",
   "engines": {
-    "node": ">=18"
+    "node": ">=20"
   },
   "files": [
     "dist",
-    "package.json",
     "LICENSE",
     "README.md"
   ],
@@ -81,20 +80,29 @@
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
     "typecheck": "tsc --noEmit",
-    "lint": "tsc --noEmit",
-    "check": "pnpm lint && pnpm typecheck",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "check": "pnpm typecheck && pnpm lint",
     "prepublishOnly": "pnpm run build"
   },
   "devDependencies": {
+    "@eslint/js": "^9.39.2",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@types/jsdom": "^27.0.0",
     "@types/node": "^25.2.2",
     "@vitest/coverage-v8": "^4.0.18",
+    "angular-eslint": "^21.2.0",
+    "eslint": "^9.39.2",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-svelte": "^3.15.0",
+    "eslint-plugin-vue": "^10.7.0",
+    "globals": "^17.3.0",
     "jsdom": "^28.0.0",
     "semantic-release": "^25.0.3",
     "tsup": "^8.5.1",
     "typescript": "^5.9.3",
+    "typescript-eslint": "^8.55.0",
     "vitest": "^4.0.18"
   }
 }