rimelight-components 1.1.3 → 1.2.0

package/dist/runtime/composables/useFeedbackExports.js

@@ -0,0 +1,150 @@
+export function useFeedbackExport() {
+  const toast = useToast();
+  function formatDateForCSV(date) {
+    const d = typeof date === `string` ? new Date(date) : date;
+    return d.toLocaleDateString(`en-US`, {
+      year: `numeric`,
+      month: `2-digit`,
+      day: `2-digit`,
+      hour: `2-digit`,
+      minute: `2-digit`,
+      second: `2-digit`
+    });
+  }
+  function convertToCSV(data) {
+    if (!data || data.length === 0) {
+      return `No data to export`;
+    }
+    const headers = [
+      `ID`,
+      `Rating`,
+      `Score`,
+      `Rating Label`,
+      `Feedback`,
+      `Page Path`,
+      `Page Title`,
+      `Page Stem`,
+      `Country`,
+      `Created At`,
+      `Updated At`
+    ];
+    const rows = data.map((item) => {
+      const ratingOption = FEEDBACK_OPTIONS.find(
+        (opt) => opt.value === item.rating
+      );
+      return [
+        item.id,
+        item.rating,
+        ratingOption?.score || 0,
+        ratingOption?.label || `Unknown`,
+        // Escape quotes
+        `"${(item.feedback || ``).replace(/"/g, `""`)}"`,
+        item.path,
+        // Escape quotes
+        `"${item.title.replace(/"/g, `""`)}"`,
+        item.stem,
+        item.country || ``,
+        formatDateForCSV(item.createdAt),
+        formatDateForCSV(item.updatedAt)
+      ];
+    });
+    return [headers, ...rows].map((row) => row.join(`,`)).join(`
+`);
+  }
+  function downloadCSV(csvContent, filename) {
+    const blob = new Blob([csvContent], {
+      type: `text/csv;charset=utf-8;`
+    });
+    const link = document.createElement(`a`);
+    if (link.download !== void 0) {
+      const url = URL.createObjectURL(blob);
+      link.setAttribute(`href`, url);
+      link.setAttribute(`download`, filename);
+      link.style.visibility = `hidden`;
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      URL.revokeObjectURL(url);
+    }
+  }
+  async function exportFeedbackData(feedbackData) {
+    try {
+      const csvContent = convertToCSV(feedbackData);
+      const timestamp = (/* @__PURE__ */ new Date()).toISOString().split(`T`)[0];
+      const filename = `feedback-export-${timestamp}.csv`;
+      downloadCSV(csvContent, filename);
+      toast.add({
+        title: `Export successful`,
+        description: `${feedbackData.length} feedback entries exported to ${filename}`,
+        color: `success`,
+        icon: `i-lucide-download`
+      });
+    } catch (error) {
+      console.error(`Export failed:`, error);
+      toast.add({
+        title: `Export failed`,
+        description: `Unable to export feedback data. Please try again.`,
+        color: `error`,
+        icon: `i-lucide-circle-alert`
+      });
+    }
+  }
+  async function exportPageAnalytics(pageAnalytics) {
+    try {
+      if (!pageAnalytics || pageAnalytics.length === 0) {
+        toast.add({
+          title: `No data to export`,
+          description: `No page analytics data available for export.`,
+          color: `warning`,
+          icon: `i-lucide-info`
+        });
+        return;
+      }
+      const headers = [
+        `Page Path`,
+        `Page Title`,
+        `Total Feedback`,
+        `Positive Feedback`,
+        `Negative Feedback`,
+        `Average Score`,
+        `Positive Percentage`,
+        `Created At`,
+        `Updated At`
+      ];
+      const rows = pageAnalytics.map((page) => [
+        page.path,
+        `"${page.lastFeedback.title.replace(/"/g, `""`)}"`,
+        page.total,
+        page.positive,
+        page.negative,
+        page.averageScore,
+        page.positivePercentage,
+        formatDateForCSV(page.createdAt),
+        formatDateForCSV(page.updatedAt)
+      ]);
+      const csvContent = [headers, ...rows].map((row) => row.join(`,`)).join(`
+`);
+      const timestamp = (/* @__PURE__ */ new Date()).toISOString().split(`T`)[0];
+      const filename = `page-analytics-export-${timestamp}.csv`;
+      downloadCSV(csvContent, filename);
+      toast.add({
+        title: `Export successful`,
+        description: `${pageAnalytics.length} page analytics exported to ${filename}`,
+        color: `success`,
+        icon: `i-lucide-download`
+      });
+    } catch (error) {
+      console.error(`Export failed:`, error);
+      toast.add({
+        title: `Export failed`,
+        description: `Unable to export page analytics. Please try again.`,
+        color: `error`,
+        icon: `i-lucide-circle-alert`
+      });
+    }
+  }
+  return {
+    exportFeedbackData,
+    exportPageAnalytics
+  };
+}

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

@@ -0,0 +1,14 @@
+export interface Notification {
+  id: number
+  unread?: boolean
+  sender: User
+  body: string
+  date: string
+}
+
+export type Period = `daily` | `weekly` | `monthly`
+
+export interface Range {
+  start: Date
+  end: Date
+}

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

@@ -0,0 +1,3 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+export type ObjectValues<T> = T[keyof T];

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/package.json

@@ -1,14 +1,22 @@
 {
   "name": "rimelight-components",
-  "version": "1.1.3",
+  "version": "1.2.0",
   "description": "My new Nuxt module",
-  "repository": "RimelightEntertainment/rimelight-components",
+  "repository": "Rimelight  Entertainment/rimelight-components",
   "license": "MIT",
   "type": "module",
   "exports": {
     ".": {
       "types": "./dist/types.d.mts",
       "import": "./dist/module.mjs"
+    },
+    "./runtime/*": "./dist/runtime/*",
+    "./components/*": "./dist/runtime/components/*",
+    "./composables/*": "./dist/runtime/composables/*",
+    "./types/*": "./dist/runtime/types/*",
+    "./utils/*": {
+      "types": "./dist/runtime/utils/*.d.ts",
+      "import": "./dist/runtime/utils/*.js"
     }
   },
   "main": "./dist/module.mjs",
@@ -38,7 +46,10 @@
     "playground"
   ],
   "dependencies": {
+    "@nuxt/image": "^1.11.0",
     "@nuxt/kit": "^4.1.3",
+    "@nuxt/ui": "^4.0.1",
+    "@vueuse/core": "^13.9.0",
     "date-fns": "^4.1.0",
     "nuxt": "^4.1.3",
     "tailwind-variants": "^3.1.1",
@@ -49,14 +60,23 @@
     "@nuxt/module-builder": "^1.0.2",
     "@nuxt/schema": "^4.1.3",
     "@nuxt/test-utils": "^3.19.2",
+    "@prettier/plugin-oxc": "^0.0.4",
     "@types/node": "latest",
     "changelogen": "^0.6.2",
-    "typescript": "~5.9.3",
-    "vitest": "^3.2.4",
-    "vue-tsc": "^3.1.0",
-    "@prettier/plugin-oxc": "^0.0.4",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "motion-v": "^1.7.2",
     "oxlint": "^1.21.0",
     "prettier": "^3.6.2",
-    "prettier-plugin-tailwindcss": "^0.6.14"
-  }
+    "prettier-plugin-tailwindcss": "^0.6.14",
+    "tailwind-merge": "^3.3.1",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "~5.9.3",
+    "vitest": "^3.2.4",
+    "vue-tsc": "^3.1.0"
+  },
+  "trustedDependencies": [
+    "@parcel/watcher",
+    "@tailwindcss/oxide"
+  ]
 }

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

@@ -1,23 +0,0 @@
-<script setup>
-import { ref } from "vue";
-const { to } = defineProps({
-  to: { type: String, required: true }
-});
-const actions = ref([
-  {
-    label: "View on GitHub",
-    trailingIcon: "mdi:github",
-    to
-  }
-]);
-</script>
-
-<template>
-  <UBanner
-      color="primary"
-      icon="lucide:construction"
-      title="This website is currently under construction. Feel free to report any issues!"
-      :actions="actions"
-      close
-  />
-</template>