rimelight-components 2.1.37 → 2.1.39

package/dist/runtime/auth/restricted-usernames.mjs

@@ -0,0 +1,236 @@
+const HOMOGLYPH_MAP = {
+  "0": "o",
+  "1": "i",
+  "3": "e",
+  "4": "a",
+  "5": "s",
+  "7": "t",
+  "8": "b",
+  "9": "g",
+  "@": "a",
+  "!": "i",
+  $: "s",
+  "|": "i"
+};
+const SKELETON_MAP = {
+  // Leetspeak & Numbers
+  "0": "o",
+  "1": "i",
+  "3": "e",
+  "4": "a",
+  "5": "s",
+  "6": "g",
+  "7": "t",
+  "8": "b",
+  "9": "g",
+  // Special Characters
+  "@": "a",
+  $: "s",
+  "!": "i",
+  "|": "i",
+  "+": "t",
+  "(": "c",
+  "[": "c",
+  "{": "c",
+  // Cyrillic Homoglyphs
+  \u0430: "a",
+  \u0435: "e",
+  \u0456: "i",
+  \u0458: "j",
+  \u043E: "o",
+  \u0440: "p",
+  \u0441: "c",
+  \u0443: "y",
+  \u0445: "x",
+  // Greek Homoglyphs
+  \u03B1: "a",
+  \u03B5: "e",
+  \u03B9: "i",
+  \u03BF: "o",
+  \u03C1: "p",
+  \u03C5: "y",
+  \u03C7: "x"
+};
+export const generateUsernameSkeleton = (input) => {
+  const normalized = input.normalize("NFKD");
+  return normalized.toLowerCase().split("").map((char) => {
+    if (char.match(/[\u0300-\u036f]/)) return "";
+    return SKELETON_MAP[char] || char;
+  }).join("").replace(/[^a-z0-9]/g, "");
+};
+export const normalizeUsername = (input) => {
+  return input.toLowerCase().split("").map((char) => HOMOGLYPH_MAP[char] || char).join("").replace(/[^a-z0-9]/g, "");
+};
+export const STANDARD_RESTRICTED_GROUPS = {
+  STAFF_ROLES: [
+    "admin",
+    "administrator",
+    "moderator",
+    "mod",
+    "staff",
+    "support",
+    "help",
+    "official",
+    "verified",
+    "system",
+    "root",
+    "bot",
+    "security",
+    "community",
+    "manager",
+    "dev",
+    "developer",
+    "designer",
+    "gamemaster",
+    "gm",
+    "assistant",
+    "coordinator",
+    "representative",
+    "agent",
+    "supervisor",
+    "executive",
+    "ambassador",
+    "expert",
+    "specialist",
+    "advocate",
+    "internal",
+    "employee",
+    "associate",
+    "webmaster",
+    "sysop",
+    "operator",
+    "host",
+    "referee",
+    "council",
+    "ceo",
+    "founder",
+    "owner"
+  ],
+  LEGAL_FINANCIAL: [
+    "checkout",
+    "subscribe",
+    "subscription",
+    "premium",
+    "vip",
+    "store",
+    "shop",
+    "marketplace",
+    "wallet",
+    "refund",
+    "invoice",
+    "payout",
+    "rewards",
+    "prize",
+    "giveaway",
+    "claims",
+    "verification",
+    "billing",
+    "payment",
+    "sales",
+    "marketing",
+    "legal",
+    "compliance",
+    "privacy",
+    "tos",
+    "terms",
+    "copyright",
+    "trademark",
+    "dmca",
+    "abuse",
+    "report"
+  ],
+  TECHNICAL: [
+    "null",
+    "undefined",
+    "nan",
+    "none",
+    "everyone",
+    "all",
+    "guest",
+    "user",
+    "test",
+    "tester",
+    "account",
+    "api",
+    "webhook",
+    "index",
+    "config",
+    "settings",
+    "profile",
+    "auth",
+    "login",
+    "signup",
+    "signin",
+    "logout",
+    "signout",
+    "localhost",
+    "ftp",
+    "smtp",
+    "pop3",
+    "imap",
+    "dns",
+    "proxy",
+    "cdn",
+    "static",
+    "assets",
+    "media",
+    "upload",
+    "download",
+    "docs",
+    "manual",
+    "guide",
+    "tutorial",
+    "error",
+    "404",
+    "500",
+    "maintenance",
+    "update",
+    "patch",
+    "changelog",
+    "status",
+    "db",
+    "database",
+    "sql",
+    "query",
+    "health",
+    "ping",
+    "metrics",
+    "logs",
+    "no-reply",
+    "noreply",
+    "donotreply",
+    "security-alert",
+    "mail",
+    "email",
+    "postmaster"
+  ],
+  LEETSPEAK: [
+    "4dmin",
+    "@dmin",
+    "st4ff",
+    "m0d",
+    "m0derator",
+    "4dm1n",
+    "4dmin1strator",
+    "m0d3rator",
+    "st4f",
+    "5upport",
+    "0fficial",
+    "v3rified",
+    "5ystem",
+    "r00t",
+    "b0t",
+    "s3curity",
+    "d3v",
+    "d3veloper",
+    "@dministrator",
+    "adm1n",
+    "adm1nistrator"
+  ]
+};
+export const STANDARD_RESTRICTED_USERNAMES = Object.values(STANDARD_RESTRICTED_GROUPS).flat().map((name) => normalizeUsername(name));
+export const createRestrictedSet = (appSpecificUsernames = []) => {
+  const normalizedAppSpecific = appSpecificUsernames.map((name) => normalizeUsername(name));
+  return /* @__PURE__ */ new Set([...STANDARD_RESTRICTED_USERNAMES, ...normalizedAppSpecific]);
+};
+export const RESTRICTED_SET = new Set(STANDARD_RESTRICTED_USERNAMES);

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

@@ -0,0 +1,10 @@
+import type { user as userTable } from "../db/auth.js";
+/**
+ * Creates a generateUniqueTag function bound to your database and user table.
+ * @param db Your drizzle database instance
+ * @param user The user table from your schema
+ * @returns A function that generates unique user tags
+ */
+export declare const createGenerateUniqueTag: (db: {
+    select: any;
+}, user: typeof userTable) => (userName: string) => Promise<string>;

package/dist/runtime/auth/utils.js

@@ -0,0 +1,20 @@
+import { eq, count, and } from "drizzle-orm";
+const generateRandomTag = () => {
+  return Math.floor(Math.random() * 1e4).toString().padStart(4, "0");
+};
+export const createGenerateUniqueTag = (db, user) => {
+  return async (userName) => {
+    const MAX_RETRIES = 50;
+    for (let i = 0; i < MAX_RETRIES; i++) {
+      const newTag = generateRandomTag();
+      const result = await db.select({ count: count() }).from(user).where(and(eq(user.name, userName), eq(user.tag, newTag)));
+      const tagCount = result[0]?.count ?? 0;
+      if (tagCount === 0) {
+        return newTag;
+      }
+    }
+    throw new Error(
+      `Failed to generate a unique tag for user "${userName}" after ${MAX_RETRIES} attempts. Please retry the operation.`
+    );
+  };
+};

package/dist/runtime/auth/utils.mjs

@@ -0,0 +1,20 @@
+import { eq, count, and } from "drizzle-orm";
+const generateRandomTag = () => {
+  return Math.floor(Math.random() * 1e4).toString().padStart(4, "0");
+};
+export const createGenerateUniqueTag = (db, user) => {
+  return async (userName) => {
+    const MAX_RETRIES = 50;
+    for (let i = 0; i < MAX_RETRIES; i++) {
+      const newTag = generateRandomTag();
+      const result = await db.select({ count: count() }).from(user).where(and(eq(user.name, userName), eq(user.tag, newTag)));
+      const tagCount = result[0]?.count ?? 0;
+      if (tagCount === 0) {
+        return newTag;
+      }
+    }
+    throw new Error(
+      `Failed to generate a unique tag for user "${userName}" after ${MAX_RETRIES} attempts. Please retry the operation.`
+    );
+  };
+};

package/dist/runtime/components/FloatingToolsOverlay.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/FloatingToolsOverlay.vue

@@ -0,0 +1,74 @@
+<script setup>
+import { useFloatingTools } from "~/src/runtime/composables";
+const {
+  activeToolIds,
+  registeredTools,
+  isVisible,
+  removeTool,
+  toggleExpanded,
+  isToolExpanded
+} = useFloatingTools();
+function getTool(id) {
+  return registeredTools.value.get(id);
+}
+</script>
+
+<template>
+  <div
+    v-if="isVisible"
+    class="fixed top-[calc(var(--ui-header-height)+1.5rem)] right-6 z-9999 flex flex-col items-end gap-4 pointer-events-none"
+  >
+    <div
+      v-for="id in activeToolIds"
+      :key="id"
+      class="pointer-events-auto transition-all duration-300 ease-in-out"
+    >
+      <template v-if="getTool(id)">
+        <div
+          v-if="isToolExpanded(id)"
+          class="w-80 bg-dimmed border border-muted rounded-2xl overflow-hidden"
+        >
+          <div class="flex items-center justify-between p-sm bg-muted">
+            <div class="flex items-center gap-sm">
+              <UIcon :name="getTool(id).icon" class="w-4 h-4" />
+              <span class="text-md font-bold uppercase">
+                {{ getTool(id).title }}
+              </span>
+            </div>
+            <div class="flex items-center gap-sm">
+              <UButton
+                color="neutral"
+                icon="lucide:minus"
+                size="xs"
+                variant="ghost"
+                @click="toggleExpanded(id)"
+              />
+              <UButton
+                color="neutral"
+                icon="lucide:x"
+                size="xs"
+                variant="ghost"
+                @click="removeTool(id)"
+              />
+            </div>
+          </div>
+
+          <div class="p-sm">
+            <component :is="getTool(id).component" />
+          </div>
+        </div>
+
+        <UTooltip v-else :text="getTool(id).tooltip?.() || getTool(id).title">
+          <UButton
+            class="w-12 h-12 rounded-full flex items-center justify-center hover:scale-110 transition-transform shadow-lg"
+            color="primary"
+            variant="solid"
+            @click="toggleExpanded(id)"
+          >
+            <UIcon :name="getTool(id).icon" class="w-6 h-6" />
+          </UButton>
+        </UTooltip>
+      </template>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/FloatingToolsOverlay.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/app/Footer.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { tv } from "../../internal/tv";
-import { useRC } from "../../composables/useRC";
+import { useRC } from "~/src/runtime/composables";
 const { contain = true, rc: rcProp } = defineProps({
   contain: { type: Boolean, required: false },
   rc: { type: Object, required: false }

package/dist/runtime/components/app/Header.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { tv } from "../../internal/tv";
-import { useRC } from "../../composables/useRC";
+import { useRC } from "~/src/runtime/composables";
 const { contain = true, rc: rcProp } = defineProps({
   contain: { type: Boolean, required: false },
   rc: { type: Object, required: false }

package/dist/runtime/components/app/Image.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { ref, reactive, onMounted, useTemplateRef, watch, nextTick } from "vue";
 import { tv } from "../../internal/tv";
-import { useRC } from "../../composables/useRC";
+import { useRC } from "~/src/runtime/composables";
 const {
   src,
   alt = "Image",

package/dist/runtime/components/app/Logo.vue

@@ -2,7 +2,7 @@
 import { useAppConfig } from "nuxt/app";
 import { computed } from "#imports";
 import { tv } from "../../internal/tv";
-import { useRC } from "../../composables/useRC";
+import { useRC } from "~/src/runtime/composables";
 const { variant = "mark", rc: rcProp } = defineProps({
   variant: { type: String, required: false },
   rc: { type: Object, required: false }

package/dist/runtime/components/app/NewsletterSignup.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { tv } from "../../internal/tv";
-import { useRC } from "../../composables/useRC";
+import { useRC } from "~/src/runtime/composables";
 const {
   fieldLabel = "Subscribe to our Newsletter",
   description = "Stay updated on new posts and updates. Unsubscribe at any time.",

package/dist/runtime/components/app/ScrollToTop.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { computed, onMounted, onUnmounted, ref } from "vue";
 import { tv } from "../../internal/tv";
-import { useRC } from "../../composables/useRC";
+import { useRC } from "~/src/runtime/composables";
 const {
   circleStrokeWidth = 4,
   duration = 0.1,

package/dist/runtime/components/cards/TeamCard.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { tv } from "../../internal/tv";
-import { useRC } from "../../composables/useRC";
+import { useRC } from "~/src/runtime/composables";
 const { src, alt, name, role, description, rc: rcProp } = defineProps({
   src: { type: String, required: true },
   alt: { type: String, required: true },

package/dist/runtime/components/content/Callout.vue

@@ -3,7 +3,7 @@ import { useAppConfig } from "#imports";
 import { computed } from "#imports";
 import { useI18n } from "vue-i18n";
 import { tv } from "../../internal/tv";
-import { useRC } from "../../composables/useRC";
+import { useRC } from "~/src/runtime/composables";
 const { variant, to, target, rc: rcProp } = defineProps({
   variant: { type: String, required: true },
   to: { type: String, required: false },

package/dist/runtime/components/content/Section.vue

@@ -4,7 +4,7 @@ import { computed } from "vue";
 import { useClipboard } from "@vueuse/core";
 import { useToast } from "@nuxt/ui/composables";
 import { tv } from "../../internal/tv";
-import { useRC } from "../../composables/useRC";
+import { useRC } from "~/src/runtime/composables";
 import { slugify } from "../../utils";
 defineOptions({
   name: "SectionComponent"

package/dist/runtime/components/dashboard/NotificationsSlideover.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/dashboard/NotificationsSlideover.vue

@@ -0,0 +1,49 @@
+<script setup>
+import { formatTimeAgo } from "@vueuse/core";
+import { useApi, useDashboard } from "~/src/runtime/composables";
+const { isNotificationsSlideoverOpen } = useDashboard();
+const { data: notifications } = await useApi("/api/notifications");
+</script>
+
+<template>
+  <USlideover
+    v-model:open="isNotificationsSlideoverOpen"
+    side="right"
+    title="Notifications"
+    :ui="{
+  header: 'flex items-center justify-between',
+  content: 'w-full max-w-4/5 lg:w-96 rounded-none'
+}"
+  >
+    <template #body>
+      <NuxtLink
+        v-for="notification in notifications"
+        :key="notification.id"
+        :to="`/dashboard/inbox?id=${notification.id}`"
+        class="relative -mx-3 flex items-center gap-3 rounded-md px-3 py-2.5 first:-mt-3 last:-mb-3 hover:bg-elevated/50"
+      >
+        <UChip color="error" :show="!!notification.unread" inset>
+          <UAvatar v-bind="notification.sender.avatar" :alt="notification.sender.name" size="md" />
+        </UChip>
+
+        <div class="flex-1 text-sm">
+          <p class="flex items-center justify-between">
+            <span class="font-medium text-highlighted">{{
+              notification.sender.name
+            }}</span>
+
+            <time
+              :datetime="notification.date"
+              class="text-xs text-muted"
+              v-text="formatTimeAgo(new Date(notification.date))"
+            />
+          </p>
+
+          <p class="text-sm text-dimmed">
+            {{ notification.body }}
+          </p>
+        </div>
+      </NuxtLink>
+    </template>
+  </USlideover>
+</template>

package/dist/runtime/components/dashboard/NotificationsSlideover.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/dashboard/QuickActions.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/dashboard/QuickActions.vue

@@ -0,0 +1,36 @@
+<script setup>
+import { useQuickActions } from "~/src/runtime/composables";
+import { computed } from "vue";
+const { registeredActions } = useQuickActions();
+const menuItems = computed(() => {
+  const grouped = registeredActions.value.reduce((acc, action) => {
+    const groupId = action.group ?? 0;
+    if (!acc[groupId]) acc[groupId] = [];
+    acc[groupId].push({
+      label: action.label,
+      icon: action.icon,
+      onSelect: action.onSelect
+    });
+    return acc;
+  }, {});
+  return Object.values(grouped);
+});
+</script>
+
+<template>
+  <div class="fixed bottom-6 right-6 z-10000">
+    <ClientOnly>
+      <UDropdownMenu v-if="menuItems.length > 0" :items="menuItems" :ui="{ content: 'w-48' }">
+        <UButton
+          icon="lucide:plus"
+          color="primary"
+          square
+          :ui="{
+  base: 'rounded-full size-16 lg:size-12 justify-center',
+  leadingIcon: 'size-6'
+}"
+        />
+      </UDropdownMenu>
+    </ClientOnly>
+  </div>
+</template>

package/dist/runtime/components/dashboard/QuickActions.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/dashboard/TeamsMenu.d.vue.ts

@@ -0,0 +1,6 @@
+export interface TeamsMenuProps {
+    collapsed?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<TeamsMenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TeamsMenuProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/dashboard/TeamsMenu.vue

@@ -0,0 +1,77 @@
+<script setup>
+import { ref, computed } from "vue";
+const { collapsed } = defineProps({
+  collapsed: { type: Boolean, required: false }
+});
+const teams = ref([
+  {
+    label: `Nuxt`,
+    avatar: {
+      src: `https://github.com/nuxt.png`,
+      alt: `Nuxt`
+    }
+  },
+  {
+    label: `NuxtHub`,
+    avatar: {
+      src: `https://github.com/nuxt-hub.png`,
+      alt: `NuxtHub`
+    }
+  },
+  {
+    label: `NuxtLabs`,
+    avatar: {
+      src: `https://github.com/nuxtlabs.png`,
+      alt: `NuxtLabs`
+    }
+  }
+]);
+const selectedTeam = ref(teams.value[0]);
+const items = computed(() => {
+  return [
+    teams.value.map((team) => ({
+      ...team,
+      onSelect() {
+        selectedTeam.value = team;
+      }
+    })),
+    [
+      {
+        label: `Create team`,
+        icon: `i-lucide-circle-plus`
+      },
+      {
+        label: `Manage teams`,
+        icon: `i-lucide-cog`
+      }
+    ]
+  ];
+});
+</script>
+
+<template>
+  <UDropdownMenu
+    :content="{ align: 'center', collisionPadding: 12 }"
+    :items="items"
+    :ui="{
+  content: collapsed ? 'w-40' : 'w-(--reka-dropdown-menu-trigger-width)'
+}"
+  >
+    <UButton
+      :class="[!collapsed && 'py-2']"
+      :square="collapsed"
+      :ui="{
+  trailingIcon: 'text-dimmed'
+}"
+      block
+      class="data-[state=open]:bg-elevated"
+      color="neutral"
+      v-bind="{
+  ...selectedTeam,
+  label: collapsed ? void 0 : selectedTeam?.label,
+  trailingIcon: collapsed ? void 0 : 'i-lucide-chevrons-up-down'
+}"
+      variant="ghost"
+    />
+  </UDropdownMenu>
+</template>

package/dist/runtime/components/dashboard/TeamsMenu.vue.d.ts

@@ -0,0 +1,6 @@
+export interface TeamsMenuProps {
+    collapsed?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<TeamsMenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TeamsMenuProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/dashboard/customers/AddModal.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;