@meaningfully/ui 0.0.1

package/dist/components/Table.svelte

@@ -0,0 +1,87 @@
+<script lang="ts">
+  interface Props {
+    data?: Array<Record<string, any>>;
+    textColumn: string;
+    metadataColumns?: string[];
+    showSimilarity?: boolean;
+    showShowOriginal?: boolean;
+    originalDocumentClick?: (sourceNodeId: string) => void;
+  }
+
+  let {
+    data = [],
+    textColumn,
+    metadataColumns = [],
+    showSimilarity = false,
+    showShowOriginal = false,
+    originalDocumentClick = () => {},
+  }: Props = $props();
+
+  // Combine all columns in display order: metadata, similarity
+  // text column is always called text internally, but we rename just the header.
+  let columns = $derived([textColumn, ...metadataColumns, ...(showSimilarity ? ['similarity'] : [])]);
+
+  function sanitizeAndFormatText(text: string): string {
+    text = text.trim().replace(/^\\n/, '').replace(/\\n$/, '');
+    // First escape special characters
+    const escaped = text.replace(/[&<>"']/g, char => ({
+      '&': '&amp;',
+      '<': '&lt;',
+      '>': '&gt;',
+      '"': '&quot;',
+      "'": '&#39;'
+    }[char] ?? char));
+    
+    // Then convert newlines to <br> tags
+    return escaped.replace(/\\n/g, '<br>');
+  }
+
+  function is_link(text: string): boolean {
+    if (typeof text !== 'string') return false;
+    const urlPattern = /(https?:\/\/[^\s]+)/g;
+    return urlPattern.test(text);
+  }
+
+  function linkify(text_that_is_a_link: string): string {
+    return `<a href="${text_that_is_a_link}" target="_blank" class="text-blue-500 hover:underline">${text_that_is_a_link}</a>`;
+  }
+</script>
+
+<div class="w-full overflow-x-auto">
+  <table class="min-w-full table-auto border-collapse">
+    <thead>
+      <tr class="bg-gray-100">
+        {#each columns as column}
+          <th class="px-4 py-2 text-left border-b">{column}</th>
+        {/each}
+        {#if showShowOriginal}
+          <th class="px-4 py-2 text-left border-b"></th><!-- blank column for show all button-->
+        {/if}
+      </tr>
+    </thead>
+    <tbody>
+      {#each data as row}
+        <tr class="border-b hover:bg-gray-50">
+          {#each columns as column}
+            <td class="px-4 py-2">
+              {#if column === 'similarity' && row[column] !== undefined}
+                {(row[column] * 100).toFixed(1)}%
+              {:else if column === textColumn}
+                {@html sanitizeAndFormatText(row[column] || '')}
+              {:else if is_link(row[column])}
+                {@html linkify(row[column])}
+              {:else}
+                {(row[column]) || ''}
+              {/if}
+            </td>
+          {/each}
+          {#if showShowOriginal}
+            <td class="px-4 py-2">
+              <button data-testid="result-modal-button" class="text-blue-500 hover:text-blue-700" onclick={() => originalDocumentClick(row.sourceNodeId)}>Original Document</button>
+            </td>
+          {/if}
+        </tr>
+      {/each}
+    </tbody>
+  </table>
+</div>

package/dist/components/Table.svelte.d.ts

@@ -0,0 +1,11 @@
+interface Props {
+    data?: Array<Record<string, any>>;
+    textColumn: string;
+    metadataColumns?: string[];
+    showSimilarity?: boolean;
+    showShowOriginal?: boolean;
+    originalDocumentClick?: (sourceNodeId: string) => void;
+}
+declare const Table: import("svelte").Component<Props, {}, "">;
+type Table = ReturnType<typeof Table>;
+export default Table;

package/dist/env.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="svelte" />
+/// <reference types="vite/client" />
+
+
+interface Settings {
+  openAIKey: string;
+  oLlamaBaseURL: string;
+  azureOpenAIKey: string;
+  azureOpenAIEndpoint: string;
+  azureOpenAIApiVersion: string;
+  mistralApiKey: string;
+  geminiApiKey: string;
+}
+
+interface SearchResult {
+  content: string;
+  similarity: number;
+  [key: string]: any; // For metadata fields
+  sourceNodeId: string | undefined;
+}
+
+interface BaseUploadFormData {
+  datasetName: string;
+  description: string;
+  textColumns: string[];
+  metadataColumns: string[];
+  splitIntoSentences: boolean;
+  combineSentencesIntoChunks: boolean;
+  sploderMaxSize: number;
+  chunkSize: number;
+  chunkOverlap: number;
+  modelName: string;
+  modelProvider: string;
+}
+
+interface UploadFormData extends BaseUploadFormData {
+  fileContent: string;
+  fileName: string;
+}

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+import App from './App.svelte';
+import ApiKeyPage from './components/ApiKeyPage.svelte';
+import ApiKeyStatus from './components/ApiKeyStatus.svelte';
+import CsvUpload from './components/CsvUpload.svelte';
+import DatabaseConfig from './components/DatabaseConfig.svelte';
+import ExistingDatabases from './components/ExistingDatabases.svelte';
+import FrontPage from './components/FrontPage.svelte';
+import HelpPage from './components/HelpPage.svelte';
+import Preview from './components/Preview.svelte';
+import Results from './components/Results.svelte';
+import SearchPage from './components/SearchPage.svelte';
+import Table from './components/Table.svelte';
+export { App, ApiKeyPage, ApiKeyStatus, CsvUpload, DatabaseConfig, ExistingDatabases, FrontPage, HelpPage, Preview, Results, SearchPage, Table };

package/dist/index.js

@@ -0,0 +1,14 @@
+// Reexport your entry components here
+import App from './App.svelte';
+import ApiKeyPage from './components/ApiKeyPage.svelte';
+import ApiKeyStatus from './components/ApiKeyStatus.svelte';
+import CsvUpload from './components/CsvUpload.svelte';
+import DatabaseConfig from './components/DatabaseConfig.svelte';
+import ExistingDatabases from './components/ExistingDatabases.svelte';
+import FrontPage from './components/FrontPage.svelte';
+import HelpPage from './components/HelpPage.svelte';
+import Preview from './components/Preview.svelte';
+import Results from './components/Results.svelte';
+import SearchPage from './components/SearchPage.svelte';
+import Table from './components/Table.svelte';
+export { App, ApiKeyPage, ApiKeyStatus, CsvUpload, DatabaseConfig, ExistingDatabases, FrontPage, HelpPage, Preview, Results, SearchPage, Table };

package/dist/stores/fileDataStore.d.ts

@@ -0,0 +1,8 @@
+export interface FileData {
+    name: string;
+    size: number;
+    lastModified: number;
+    availableColumns: string[];
+    fileContent: string;
+}
+export declare const fileDataStore: import("svelte/store").Writable<FileData | null>;

package/dist/stores/fileDataStore.js

@@ -0,0 +1,3 @@
+import { writable } from 'svelte/store';
+// Define a Svelte writable store for file data
+export const fileDataStore = writable(null);

package/dist/style.css

@@ -0,0 +1 @@
+@import './assets/main.css';

package/dist/types.d.ts

@@ -0,0 +1,60 @@
+export interface DocumentSet {
+    documentSetId: number;
+    name: string;
+    uploadDate: Date;
+    parameters: Record<string, unknown>;
+    totalDocuments: number;
+}
+export interface DocumentSetMetadata {
+    documentSetId: number;
+    name: string;
+    uploadDate: Date;
+    parameters: Record<string, unknown>;
+    totalDocuments: number;
+}
+export interface MeaningfullyAPI {
+    listDocumentSets: (page: number, pageSize: number) => Promise<{
+        documents: DocumentSetMetadata[];
+        total: number;
+    }>;
+    uploadCsv: (formData: UploadFormData) => Promise<{
+        success: boolean;
+        documentSetId: number;
+    }>;
+    generatePreviewData: (formData: UploadFormData) => Promise<{
+        success: boolean;
+        nodes: Record<string, any>[];
+        estimatedPrice: number;
+        tokenCount: number;
+        pricePer1M: number;
+    }>;
+    searchDocumentSet: (params: {
+        documentSetId: number;
+        query: string;
+        n_results: number;
+        filters?: {
+            key: string;
+            operator: "==" | "in" | ">" | "<" | "!=" | ">=" | "<=" | "nin" | "any" | "all" | "text_match" | "contains" | "is_empty";
+            value: any;
+        }[];
+    }) => Promise<SearchResult[]>;
+    getDocument: (params: {
+        documentSetId: number;
+        documentId: string;
+    }) => Promise<{
+        text: string;
+        metadata: Record<string, any>;
+    }>;
+    getSettings: () => Promise<Settings>;
+    setSettings: (settings: Settings) => Promise<{
+        success: boolean;
+    }>;
+    deleteDocumentSet: (documentSetId: number) => Promise<void>;
+    getDocumentSet: (documentSetId: number) => Promise<DocumentSet>;
+    getUploadProgress: () => Promise<{
+        progress: number;
+        total: number;
+        elapsedTimeMs: number;
+        estimatedTimeRemainingMs: number | null;
+    }>;
+}

package/dist/types.js

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

package/package.json

@@ -0,0 +1,74 @@
+{
+	"name": "@meaningfully/ui",
+	"version": "0.0.1",
+	"license": "MIT",
+	"description": "Svelte components for meaningfully semantic search",
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build && npm run prepack",
+		"preview": "vite preview",
+		"prepare": "svelte-kit sync || echo ''",
+		"prepack": "svelte-kit sync && svelte-package && publint",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"format": "prettier --write .",
+		"lint": "prettier --check . && eslint .",
+		"test:unit": "vitest",
+		"test": "npm run test:unit -- --run"
+	},
+	"files": [
+		"dist",
+		"!dist/**/*.test.*",
+		"!dist/**/*.spec.*"
+	],
+	"sideEffects": [
+		"**/*.css"
+	],
+	"svelte": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"type": "module",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js"
+		},
+		"./style.css": "./dist/style.css"
+	},
+	"peerDependencies": {
+		"svelte": "^5.0.0"
+	},
+	"devDependencies": {
+		"@eslint/compat": "^1.2.5",
+		"@eslint/js": "^9.18.0",
+		"@sveltejs/adapter-auto": "^6.0.0",
+		"@sveltejs/kit": "^2.22.0",
+		"@sveltejs/package": "^2.0.0",
+		"@sveltejs/vite-plugin-svelte": "^6.0.0",
+		"@tailwindcss/vite": "^4.0.0",
+		"@types/papaparse": "^5.3.16",
+		"@vitest/browser": "^3.2.3",
+		"eslint": "^9.18.0",
+		"eslint-config-prettier": "^10.0.1",
+		"eslint-plugin-svelte": "^3.0.0",
+		"globals": "^16.0.0",
+		"lodash": "^4.17.21",
+		"papaparse": "^5.5.3",
+		"playwright": "^1.53.0",
+		"prettier": "^3.4.2",
+		"prettier-plugin-svelte": "^3.3.3",
+		"prettier-plugin-tailwindcss": "^0.6.11",
+		"publint": "^0.3.2",
+		"svelte": "^5.0.0",
+		"svelte-check": "^4.0.0",
+		"svelte-routing": "^2.13.0",
+		"tailwindcss": "^4.0.0",
+		"typescript": "^5.0.0",
+		"typescript-eslint": "^8.20.0",
+		"vite": "^7.0.4",
+		"vitest": "^3.2.3",
+		"vitest-browser-svelte": "^0.1.0"
+	},
+	"keywords": [
+		"svelte"
+	]
+}