abckit 0.0.1

package/dist/runtime/error.vue

@@ -0,0 +1,297 @@
+<script setup>
+import { navigateTo } from "#app";
+import { Icon } from "#components";
+import { Button } from "abckit/shadcn/button";
+import { computed, ref } from "vue";
+const props = defineProps({
+  error: { type: Object, required: true }
+});
+const isDev = import.meta.dev;
+const copied = ref(false);
+const currentUrl = computed(() => import.meta.client ? window.location.href : "N/A");
+async function copyDebugInfo() {
+  const debugData = {
+    statusCode: props.error.statusCode,
+    statusMessage: props.error.statusMessage,
+    message: props.error.message,
+    stack: props.error.stack,
+    timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+    url: currentUrl.value,
+    userAgent: import.meta.client ? navigator.userAgent : "N/A"
+  };
+  const formattedData = `
+# Debug Information
+**Status Code:** ${debugData.statusCode}
+**Status Message:** ${debugData.statusMessage || "N/A"}
+**Error Message:** ${debugData.message || "N/A"}
+**URL:** ${debugData.url}
+**Timestamp:** ${debugData.timestamp}
+**User Agent:** ${debugData.userAgent}
+
+## Stack Trace
+\`\`\`
+${debugData.stack || "No stack trace available"}
+\`\`\`
+  `.trim();
+  try {
+    await navigator.clipboard.writeText(formattedData);
+    copied.value = true;
+    setTimeout(() => {
+      copied.value = false;
+    }, 2e3);
+  } catch (err) {
+    console.error("Failed to copy debug info:", err);
+  }
+}
+async function copyToClipboard(text) {
+  try {
+    await navigator.clipboard.writeText(text);
+  } catch (err) {
+    console.error("Failed to copy:", err);
+  }
+}
+function getErrorData() {
+  switch (props.error.statusCode) {
+    case 401:
+      return {
+        emoji: "\u{1F511}",
+        title: "Authentication Required",
+        description: "You need to sign in or use a different account to perform this action.",
+        primaryAction: "Sign In",
+        primaryHandler: switchUser
+      };
+    case 403:
+      return {
+        emoji: "\u{1F510}",
+        title: "Access Denied",
+        description: "You need to sign in or use a different account to view this content.",
+        primaryAction: "Sign In",
+        primaryHandler: switchUser
+      };
+    case 404:
+      return {
+        emoji: "\u{1F914}",
+        title: "Page Not Found",
+        description: "The page you are looking for may have been deleted, moved, or you may have clicked an incorrect link.",
+        primaryAction: "Go to Home",
+        primaryHandler: goHome
+      };
+    case 500:
+      return {
+        emoji: "\u{1F614}",
+        title: "Something Went Wrong",
+        description: "A technical issue occurred on the server. Please try again in a few minutes.",
+        primaryAction: "Try Again",
+        primaryHandler: retry
+      };
+    default:
+      return {
+        emoji: "\u{1F615}",
+        title: "Unexpected Error",
+        description: "An error occurred. Try refreshing the page or go back to the home page.",
+        primaryAction: "Try Again",
+        primaryHandler: retry
+      };
+  }
+}
+function goHome() {
+  if (props.error.statusCode === 403 || props.error.statusCode === 404) {
+    if (import.meta.client) {
+      window.location.href = "/";
+      return;
+    }
+  }
+  navigateTo("/");
+}
+function goBack() {
+  if (props.error.statusCode === 403 || props.error.statusCode === 404) {
+    setTimeout(() => {
+      window.history.back();
+    }, 100);
+    return;
+  }
+  window.history.back();
+}
+function retry() {
+  window.location.reload();
+}
+function switchUser() {
+  navigateTo("/auth/login");
+}
+</script>
+
+<template>
+  <div class="min-h-dvh bg-gradient-to-br from-background via-background to-muted/30 flex items-center justify-center p-6">
+    <div class="w-full max-w-md text-center space-y-8">
+      <!-- Main Content -->
+      <div class="space-y-6">
+        <!-- Emoji Icon -->
+        <div class="text-8xl select-none">
+          {{ getErrorData().emoji }}
+        </div>
+
+        <!-- Title & Description -->
+        <div class="space-y-4">
+          <h1 class="text-3xl font-bold text-slate-900 dark:text-slate-100">
+            {{ getErrorData().title }}
+          </h1>
+          <p class="text-lg text-slate-600 dark:text-slate-300 leading-relaxed">
+            {{ getErrorData().description }}
+          </p>
+        </div>
+
+        <!-- Action Buttons -->
+        <div class="space-y-3 pt-4">
+          <Button
+            size="lg"
+            class="w-full h-12 text-base font-medium"
+            @click="getErrorData().primaryHandler"
+          >
+            {{ getErrorData().primaryAction }}
+          </Button>
+
+          <div class="flex gap-3">
+            <Button
+              variant="outline"
+              size="lg"
+              class="flex-1 h-12"
+              @click="goHome"
+            >
+              <Icon name="lucide:home" class="mr-2 size-4" />
+              Home
+            </Button>
+            <Button
+              variant="outline"
+              size="lg"
+              class="flex-1 h-12"
+              @click="goBack"
+            >
+              <Icon name="lucide:arrow-left" class="mr-2 size-4" />
+              Back
+            </Button>
+          </div>
+        </div>
+
+        <!-- Help Text -->
+        <div class="bg-white/60 dark:bg-slate-800/60 backdrop-blur-sm rounded-xl p-4 text-sm text-slate-600 dark:text-slate-400">
+          <template v-if="error.statusCode === 401">
+            Your session has ended for security purposes. Please sign in again.
+          </template>
+          <template v-else-if="error.statusCode === 403">
+            If the problem persists, please contact the site administrator.
+          </template>
+          <template v-else-if="error.statusCode === 404">
+            Try navigating from the home page to find what you're looking for.
+          </template>
+          <template v-else>
+            If the problem persists, please wait a few minutes and try again.
+          </template>
+        </div>
+      </div>
+
+      <!-- Debug Panel (Development Only) -->
+      <div v-if="isDev" class="mt-8">
+        <details class="bg-slate-100 dark:bg-slate-800 rounded-xl border border-slate-200 dark:border-slate-700">
+          <summary class="cursor-pointer p-4 font-medium text-slate-700 dark:text-slate-300 flex items-center justify-between hover:bg-slate-50 dark:hover:bg-slate-750 rounded-xl">
+            <div class="flex items-center gap-2">
+              <Icon name="lucide:bug" class="size-4" />
+              Debug Information
+            </div>
+            <Button
+              size="sm"
+              variant="outline"
+              class="h-8 px-3 text-xs"
+              @click.stop="copyDebugInfo"
+            >
+              <Icon name="lucide:copy" class="size-3 mr-1" />
+              {{ copied ? "Copied!" : "Copy All" }}
+            </Button>
+          </summary>
+          <div class="p-4 pt-0 space-y-4 text-sm">
+            <!-- Quick Info -->
+            <div class="grid grid-cols-2 gap-4 p-3 bg-slate-50 dark:bg-slate-900 rounded-lg">
+              <div>
+                <div class="font-medium text-slate-500 dark:text-slate-400 text-xs mb-1">Status Code</div>
+                <div class="font-mono text-slate-900 dark:text-slate-100">{{ error.statusCode }}</div>
+              </div>
+              <div>
+                <div class="font-medium text-slate-500 dark:text-slate-400 text-xs mb-1">Timestamp</div>
+                <div class="font-mono text-slate-900 dark:text-slate-100 text-xs">{{ (/* @__PURE__ */ new Date()).toLocaleString() }}</div>
+              </div>
+            </div>
+
+            <!-- Error Details -->
+            <div class="space-y-3">
+              <div v-if="error.statusMessage">
+                <div class="flex items-center justify-between mb-2">
+                  <span class="font-medium text-slate-600 dark:text-slate-400">Status Message</span>
+                  <Button
+                    size="sm"
+                    variant="ghost"
+                    class="h-6 w-6 p-0"
+                    @click="copyToClipboard(error.statusMessage || '')"
+                  >
+                    <Icon name="lucide:copy" class="size-3" />
+                  </Button>
+                </div>
+                <div class="p-2 bg-slate-50 dark:bg-slate-900 rounded font-mono text-xs break-all">
+                  {{ error.statusMessage }}
+                </div>
+              </div>
+
+              <div v-if="error.message">
+                <div class="flex items-center justify-between mb-2">
+                  <span class="font-medium text-slate-600 dark:text-slate-400">Error Message</span>
+                  <Button
+                    size="sm"
+                    variant="ghost"
+                    class="h-6 w-6 p-0"
+                    @click="copyToClipboard(error.message || '')"
+                  >
+                    <Icon name="lucide:copy" class="size-3" />
+                  </Button>
+                </div>
+                <div class="p-2 bg-slate-50 dark:bg-slate-900 rounded font-mono text-xs break-all">
+                  {{ error.message }}
+                </div>
+              </div>
+
+              <div v-if="error.stack">
+                <div class="flex items-center justify-between mb-2">
+                  <span class="font-medium text-slate-600 dark:text-slate-400">Stack Trace</span>
+                  <Button
+                    size="sm"
+                    variant="ghost"
+                    class="h-6 w-6 p-0"
+                    @click="copyToClipboard(error.stack || '')"
+                  >
+                    <Icon name="lucide:copy" class="size-3" />
+                  </Button>
+                </div>
+                <pre class="text-xs bg-slate-50 dark:bg-slate-900 rounded p-3 overflow-auto max-h-40 font-mono border">{{ error.stack }}</pre>
+              </div>
+
+              <!-- URL Info -->
+              <div>
+                <div class="flex items-center justify-between mb-2">
+                  <span class="font-medium text-slate-600 dark:text-slate-400">Current URL</span>
+                  <Button
+                    size="sm"
+                    variant="ghost"
+                    class="h-6 w-6 p-0"
+                    @click="copyToClipboard(currentUrl)"
+                  >
+                    <Icon name="lucide:copy" class="size-3" />
+                  </Button>
+                </div>
+                <div class="p-2 bg-slate-50 dark:bg-slate-900 rounded font-mono text-xs break-all">
+                  {{ currentUrl }}
+                </div>
+              </div>
+            </div>
+          </div>
+        </details>
+      </div>
+    </div>
+  </div>
+</template>

package/dist/runtime/error.vue.d.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    error: {
+        statusCode: number;
+        statusMessage?: string;
+        message?: string;
+        stack?: string;
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/middleware/auth.global.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Global auth middleware for Better Auth
+ * - Redirects pending approval users to /auth/pending
+ * - Redirects banned users to /auth/banned
+ * Note: Route protection is handled by layouts, not this middleware
+ */
+declare const _default: import("nuxt/app").RouteMiddleware;
+export default _default;

package/dist/runtime/middleware/auth.global.js

@@ -0,0 +1,28 @@
+import { defineNuxtRouteMiddleware, navigateTo } from "#app";
+import { useAuth } from "../composables/useAuth.js";
+export default defineNuxtRouteMiddleware(async (to) => {
+  if (import.meta.server) {
+    return;
+  }
+  const { isAuthenticated, isLoading, user } = useAuth();
+  if (to.path.startsWith("/auth/") && to.path !== "/auth/pending" && to.path !== "/auth/banned") {
+    return;
+  }
+  if (isLoading.value) {
+    return;
+  }
+  if (isAuthenticated.value && user.value) {
+    const userData = user.value;
+    const isBanned = userData.banned === true;
+    const isPendingApproval = isBanned && userData.banReason === "pending approval";
+    if (isPendingApproval && to.path !== "/auth/pending") {
+      return navigateTo("/auth/pending");
+    }
+    if (isBanned && !isPendingApproval && to.path !== "/auth/banned") {
+      return navigateTo("/auth/banned");
+    }
+    if (!isBanned && (to.path === "/auth/pending" || to.path === "/auth/banned")) {
+      return navigateTo("/");
+    }
+  }
+});

package/dist/runtime/server/plugins/s3-storage.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("nitropack/types").NitroAppPlugin;
+export default _default;

package/dist/runtime/server/plugins/s3-storage.js

@@ -0,0 +1,37 @@
+import { defineNitroPlugin, useRuntimeConfig, useStorage } from "nitropack/runtime";
+import fs from "unstorage/drivers/fs-lite";
+import redisDriver from "unstorage/drivers/redis";
+import s3Driver from "unstorage/drivers/s3";
+export default defineNitroPlugin(() => {
+  const config = useRuntimeConfig();
+  const storage = useStorage();
+  const storageConfig = config.storage;
+  if (storageConfig.redis) {
+    const dragonflyUrl = process.env.NUXT_DRAGONFLY_URL || process.env.DRAGONFLY_URL || process.env.REDIS_URL;
+    const dragonflyConfig = config.dragonfly || {};
+    const dragonflyDriver = dragonflyUrl ? redisDriver({ url: dragonflyUrl }) : redisDriver({
+      host: dragonflyConfig.host || "dragonfly",
+      port: dragonflyConfig.port || 6379,
+      password: dragonflyConfig.password || "",
+      db: 0
+    });
+    storage.mount("redis", dragonflyDriver);
+  }
+  if (storageConfig.s3) {
+    const s3Config = config.s3;
+    const driver = s3Driver({
+      accessKeyId: s3Config.accessKeyId,
+      secretAccessKey: s3Config.secretAccessKey,
+      endpoint: s3Config.endpoint,
+      bucket: s3Config.bucket,
+      region: s3Config.region
+    });
+    storage.mount("r2", driver);
+  }
+  if (storageConfig.disk) {
+    const localS3 = fs({
+      base: "./.data"
+    });
+    storage.mount("disk", localS3);
+  }
+});

package/dist/runtime/server/utils/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/runtime/server/utils/index.js

@@ -0,0 +1 @@
+export {};

package/dist/runtime/shared/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/runtime/shared/index.js

@@ -0,0 +1 @@
+export {};

package/dist/runtime/types/nitro-graphql-client.d.ts

@@ -0,0 +1,2 @@
+// GraphQL client types - populated by nitro-graphql codegen
+export {}

package/dist/runtime/utils/index.d.ts

@@ -0,0 +1,2 @@
+import type { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/runtime/utils/index.js

@@ -0,0 +1,5 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}

package/dist/types.d.mts

@@ -0,0 +1,9 @@
+import type { NuxtModule } from '@nuxt/schema'
+
+import type { default as Module } from './module.mjs'
+
+export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
+
+export { default } from './module.mjs'
+
+export { type BreadcrumbsConfig, type SetupConfig } from './module.mjs'

package/package.json

@@ -0,0 +1,126 @@
+{
+  "name": "abckit",
+  "type": "module",
+  "version": "0.0.1",
+  "private": false,
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/module.d.mts",
+      "import": "./dist/module.mjs"
+    },
+    "./runtime/*": "./dist/runtime/*",
+    "./server/utils": {
+      "types": "./dist/runtime/server/utils/index.d.ts",
+      "import": "./dist/runtime/server/utils/index.js"
+    },
+    "./components/*": "./dist/runtime/components/*",
+    "./shadcn/*": {
+      "types": "./dist/runtime/components/ui/*/index.d.ts",
+      "import": "./dist/runtime/components/ui/*/index.js"
+    },
+    "./composables/*": "./dist/runtime/composables/*",
+    "./graphql/*": "./dist/runtime/graphql/*",
+    "./stores/*": "./dist/runtime/stores/*",
+    "./utils": {
+      "types": "./dist/runtime/utils/index.d.ts",
+      "import": "./dist/runtime/utils/index.js"
+    },
+    "./utils/*": {
+      "types": "./dist/runtime/utils/*.d.ts",
+      "import": "./dist/runtime/utils/*.js"
+    },
+    "./types/client": {
+      "types": "./dist/runtime/types/nitro-graphql-client.d.ts"
+    },
+    "./shared": "./dist/runtime/shared",
+    "./shared/*": "./dist/runtime/shared/*",
+    "./colada": {
+      "types": "./dist/runtime/colada.options.d.ts",
+      "import": "./dist/runtime/colada.options.js"
+    }
+  },
+  "main": "./dist/module.mjs",
+  "types": "./dist/module.d.mts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@graphql-tools/utils": "^10.11.0",
+    "@nuxt/icon": "^2.1.0",
+    "@nuxtjs/color-mode": "^4.0.0",
+    "@nuxtjs/i18n": "^10.2.1",
+    "@nuxtjs/tailwindcss": "7.0.0-beta.1",
+    "@openfga/sdk": "^0.9.1",
+    "@pinia/colada": "^0.18.0",
+    "@pinia/colada-nuxt": "^0.2.4",
+    "@pinia/nuxt": "^0.11.3",
+    "@polar-sh/sdk": "^0.41.5",
+    "@sindresorhus/slugify": "^3.0.0",
+    "@tailwindcss/typography": "^0.5.19",
+    "@tanstack/vue-table": "^8.21.3",
+    "@vee-validate/nuxt": "^4.15.1",
+    "@vueuse/core": "^14.1.0",
+    "@vueuse/nuxt": "^14.1.0",
+    "@vueuse/router": "^14.1.0",
+    "apiful": "^4.0.0",
+    "aws4fetch": "^1.0.20",
+    "better-auth": "^1.4.5",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "consola": "^3.4.2",
+    "dataloader": "^2.2.3",
+    "date-fns": "^4.1.0",
+    "defu": "^6.1.4",
+    "drizzle-kit": "^0.31.8",
+    "drizzle-orm": "^0.45.0",
+    "drizzle-zod": "^0.8.3",
+    "embla-carousel-vue": "^8.6.0",
+    "graphql": "^16.12.0",
+    "graphql-config": "^5.1.5",
+    "graphql-scalars": "^1.25.0",
+    "graphql-yoga": "^5.17.1",
+    "lucide-vue-next": "^0.555.0",
+    "md-editor-v3": "^6.2.0",
+    "nitro-graphql": "^1.6.1",
+    "nitropack": "^2.12.9",
+    "notivue": "^2.4.5",
+    "pg": "^8.16.3",
+    "pinia": "^3.0.4",
+    "reka-ui": "^2.6.1",
+    "tailwind-merge": "^3.4.0",
+    "tailwindcss": "^4.1.17",
+    "tw-animate-css": "^1.4.0",
+    "unstorage": "^1.17.3",
+    "uuid": "^13.0.0",
+    "vaul-vue": "^0.4.1",
+    "vee-validate": "5.0.0-beta.0",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vue": "^3.5.25",
+    "vue-input-otp": "^0.3.2",
+    "vue-router": "^4.6.3",
+    "vue-tsc": "^3.1.5",
+    "zod": "^4.1.13"
+  },
+  "devDependencies": {
+    "@nuxt/eslint": "latest",
+    "@nuxt/module-builder": "^1.0.2",
+    "@types/node": "^24.10.1",
+    "@types/pg": "^8.15.6",
+    "eslint": "^9.39.1",
+    "h3": "^1.15.4",
+    "nuxt": "^4.2.1",
+    "typescript": "^5.9.3",
+    "vue": "^3.5.25"
+  },
+  "resolutions": {
+    "abckit": "workspace:*"
+  },
+  "scripts": {
+    "dev": "nuxt dev playground",
+    "dev:build": "nuxi build playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
+    "lint": "eslint .",
+    "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
+  }
+}