@eventvisor/catalog 0.0.2 → 0.21.0

package/src/styles.css

@@ -0,0 +1,126 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+
+@plugin "@tailwindcss/typography";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+}
+
+:root {
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.922 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.556 0 0);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}
+
+body {
+  background-color: var(--color-zinc-200);
+}

package/src/utils/index.ts

@@ -0,0 +1,171 @@
+export interface Query {
+  keyword: string;
+  tags: string[];
+  archived?: boolean;
+}
+
+export function parseSearchQuery(queryString: string) {
+  const query: Query = {
+    keyword: "",
+    tags: [],
+    archived: undefined,
+  };
+
+  const parts = queryString.split(" ");
+
+  for (const part of parts) {
+    if (part.startsWith("tag:")) {
+      const tag = part.replace("tag:", "");
+
+      if (tag.length > 0) {
+        query.tags.push(tag);
+      }
+    } else if (part.startsWith("archived:")) {
+      const archived = part.replace("archived:", "");
+
+      if (archived === "true") {
+        query.archived = true;
+      } else if (archived === "false") {
+        query.archived = false;
+      }
+    } else {
+      if (part.length > 0) {
+        query.keyword = part;
+      }
+    }
+  }
+
+  return query;
+}
+
+export function getEventsByQuery(q: string, events: any[]) {
+  const query = parseSearchQuery(q);
+
+  const filteredEvents = events
+    .filter((event) => {
+      let matched = true;
+
+      if (
+        query.keyword.length > 0 &&
+        event.name.toLowerCase().indexOf(query.keyword.toLowerCase()) === -1
+      ) {
+        matched = false;
+      }
+
+      if (query.tags.length > 0) {
+        for (const tag of query.tags) {
+          if (event.tags.every((t: string) => t.toLowerCase() !== tag.toLowerCase())) {
+            matched = false;
+          }
+        }
+      }
+
+      if (typeof query.archived === "boolean") {
+        if (query.archived && event.archived !== query.archived) {
+          matched = false;
+        }
+
+        if (!query.archived && event.archived === true) {
+          matched = false;
+        }
+      }
+
+      return matched;
+    })
+    .sort((a, b) => a.name.localeCompare(b.name));
+
+  return filteredEvents;
+}
+
+export function getAttributesByQuery(q: string, attributes: any[]) {
+  const query = parseSearchQuery(q);
+
+  const filteredAttributes = attributes
+    .filter((attribute) => {
+      let matched = true;
+
+      if (
+        query.keyword.length > 0 &&
+        attribute.name.toLowerCase().indexOf(query.keyword.toLowerCase()) === -1
+      ) {
+        matched = false;
+      }
+
+      if (typeof query.archived === "boolean") {
+        if (query.archived && attribute.archived !== query.archived) {
+          matched = false;
+        }
+
+        if (!query.archived && attribute.archived === true) {
+          matched = false;
+        }
+      }
+
+      return matched;
+    })
+    .sort((a, b) => a.name.localeCompare(b.name));
+
+  return filteredAttributes;
+}
+
+export function getDestinationsByQuery(q: string, destinations: any[]) {
+  const query = parseSearchQuery(q);
+
+  const filteredDestinations = destinations
+    .filter((destination) => {
+      let matched = true;
+
+      if (
+        query.keyword.length > 0 &&
+        destination.name.toLowerCase().indexOf(query.keyword.toLowerCase()) === -1
+      ) {
+        matched = false;
+      }
+
+      if (typeof query.archived === "boolean") {
+        if (query.archived && destination.archived !== query.archived) {
+          matched = false;
+        }
+
+        if (!query.archived && destination.archived === true) {
+          matched = false;
+        }
+      }
+
+      return matched;
+    })
+    .sort((a, b) => a.name.localeCompare(b.name));
+
+  return filteredDestinations;
+}
+
+export function getEffectsByQuery(q: string, effects: any[]) {
+  const query = parseSearchQuery(q);
+
+  const filteredEffects = effects
+    .filter((effect) => {
+      let matched = true;
+
+      if (
+        query.keyword.length > 0 &&
+        effect.name.toLowerCase().indexOf(query.keyword.toLowerCase()) === -1
+      ) {
+        matched = false;
+      }
+
+      if (typeof query.archived === "boolean") {
+        if (query.archived && effect.archived !== query.archived) {
+          matched = false;
+        }
+
+        if (!query.archived && effect.archived === true) {
+          matched = false;
+        }
+      }
+
+      return matched;
+    })
+    .sort((a, b) => a.name.localeCompare(b.name));
+
+  return filteredEffects;
+}

package/tsconfig.json

@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/tsconfig.node.json

@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true,
+    "strict": true
+  },
+  "include": ["vite.config.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,15 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import tailwindcss from "@tailwindcss/vite";
+
+import path from "path";
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [react(), tailwindcss()],
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+    },
+  },
+});