@meaningfully/ui 0.0.5 → 0.0.7

package/README.md

@@ -1,5 +1,3 @@
 # meaningfully-ui
 
-This is a library of UI components for [meaningfully](https://www.github.com/jeremybmerrill/meaningfully), which is an app (or collection of apps!) for semantic search over spreadsheets. See the main repo URL for more discussion.
-
-
+This is a library of UI components for [meaningfully](https://www.github.com/jeremybmerrill/meaningfully), which is an app (or collection of apps!) for semantic search over spreadsheets. See the main repo URL for more discussion.

package/dist/App.svelte

@@ -11,11 +11,15 @@
 
   interface Props {
     api: MeaningfullyAPI;
-    basePath: string;
+    basePath_prop: string;
   }
-  let { api, basePath }: Props = $props();
-
-  let url = $state(basePath || '');
+  let { api, basePath_prop }: Props = $props();
+  
+  // basepath must not be blank;
+  // unclear if it needs a trailing slash when using a subpath.
+  let basepath = $state(basePath_prop || '/');
+  console.log(`basepath App "${basepath}" (prop: "${basePath_prop}")`);
+  let url = $state('');
   // Ensure $state returns Settings | null
   let settings = $state<Settings | null>(null);
 
@@ -43,7 +47,7 @@
 
 <!-- <img alt="logo" class="logo" src={electronLogo} /> -->
 
-<Router url={url} >
+<Router url={url} basepath={basepath}>
   <Link to="/">
     <h1 class="text-2xl font-bold">
       Meaningfully
@@ -68,7 +72,9 @@
     <Route path="search/:id" let:params>
       <SearchPage validApiKeysSet={validApiKeysSet} documentSetId={Number(params.id)} api={api} />
     </Route>
-    <Route path="help" component={HelpPage} />
+    <Route path="help">
+      <HelpPage />
+    </Route>
     <Route path="settings">
       {#if settings}
         <ApiKeyPage settings={settings} settingsUpdated={() => getSettings() } api={api} />
@@ -80,6 +86,7 @@
     <Link to="" class="nav-link underline text-blue-600 hover:text-blue-800 visited:text-purple-600">Home</Link>
     <Link to="help" class="nav-link underline text-blue-600 hover:text-blue-800 visited:text-purple-600">Help</Link>
     <Link to="settings" class="nav-link underline text-blue-600 hover:text-blue-800 visited:text-purple-600">Settings / API Keys</Link>
+    <a href="https://github.com/jeremybmerrill/meaningfully" target="_blank" class="nav-link underline text-blue-600 hover:text-blue-800 visited:text-purple-600">GitHub</a>
     <span class="nav-link creator">Built with ✨ by Jeremy</span>
     <span class="nav-link">© 2025</span>
   </nav>

package/dist/App.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { MeaningfullyAPI } from './types.js';
 interface Props {
     api: MeaningfullyAPI;
-    basePath: string;
+    basePath_prop: string;
 }
 declare const App: import("svelte").Component<Props, {}, "">;
 type App = ReturnType<typeof App>;

package/dist/components/ApiKeyPage.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { navigate } from 'svelte-routing'
-    import type { MeaningfullyAPI } from '../types';
+    import type { MeaningfullyAPI } from '../types.js';
 
     interface Props {
         settings: Settings;

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

@@ -1,4 +1,4 @@
-import type { MeaningfullyAPI } from '../types';
+import type { MeaningfullyAPI } from '../types.js';
 interface Props {
     settings: Settings;
     settingsUpdated: () => void;

package/dist/components/ApiKeyStatus.svelte

@@ -10,7 +10,7 @@
 
 {#if !validApiKeysSet }
     <div class="alert alert-warning" data-testid="api-key-status">
-        <p>No OpenAI API key is set. Please <Link to="/settings" class="text-blue text-decoration-line"><span class="text-blue text-decoration-line">add one</span></Link> (or details for another provider) in order to use Meaningfully.</p>
+        <p>No OpenAI API key is set. Please <Link to="settings" class="text-blue text-decoration-line"><span class="text-blue text-decoration-line">add one</span></Link> (or details for another provider) in order to use Meaningfully.</p>
     </div>
 {/if}
 
@@ -35,4 +35,4 @@
     cursor: pointer;
     font-weight: bold;
 }
-</style>
+</style>

package/dist/components/DatabaseConfig.svelte

@@ -143,11 +143,12 @@
           [selectedTextColumn]: result.text
         }));
       } else {
-        error = 'Preview generation failed';
+        error = previewResponse.message || 'Preview generation failed'; // fastify responses don't throw
+
         console.error('Preview generation failed:', previewResponse);
       }
     } catch (e: any) {
-      error = e.message;
+      error = e.message; // electron errors throw
     } finally {
       generatingPreview = false;
     }
@@ -188,9 +189,9 @@
       if (uploadResponse.success) {
         navigate("/search/" + uploadResponse.documentSetId);
       } else {
-        error = 'Upload failed';
+        error = uploadResponse.message || 'Upload failed'; // fastify responses don't throw
       }
-    } catch (e: any) {
+    } catch (e: any) {                                     // in Electron, errors throw
       error = e.message;
     } finally {
       uploading = false;

package/dist/components/ExistingDatabases.svelte

@@ -108,7 +108,7 @@
               >
                 <td class="px-4 py-2 font-medium">
                   <Link 
-                    to={`/search/${set.documentSetId}`} 
+                    to={`search/${set.documentSetId}`} 
                     class="underline text-blue-600 hover:text-blue-800 visited:text-purple-600"
                   >
                     {set.name}

package/dist/components/HelpPage.svelte

@@ -24,14 +24,14 @@
         </p>
     </section>
     <section>
-        <h2> a CSV</h2>
+        <h2>Upload a CSV</h2>
         <p>
             You can select a CSV from your computer to "upload" it to Meaningfully. Then, select one column
             from the CSV to search semantically, and any number of other columns to be shown alongside it in results.
         </p>
         <p>
             Once you upload the CSV, each entry in the chosen column will be embedded, with the results stored on your
-            computer. If you choose a remote embedding API -- like OpenAI's text-embedding-small or text-embedding-large --
+            computer. If you choose a remote embedding API (like OpenAI's text-embedding-small or text-embedding-large)
             then the entries in your column will be sent
             to that service; if you choose a local one, then the data will not leave your computer.
         </p>

package/dist/components/SearchPage.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { navigate } from 'svelte-routing';
-  import type { DocumentSet, MeaningfullyAPI } from '../types';
+  import type { DocumentSet, MeaningfullyAPI } from '../types.js';
   import Results from './Results.svelte';
 
   interface Props {

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

@@ -1,4 +1,4 @@
-import type { MeaningfullyAPI } from '../types';
+import type { MeaningfullyAPI } from '../types.js';
 interface Props {
     validApiKeysSet: boolean;
     documentSetId: number;

package/package.json

@@ -1,12 +1,13 @@
 {
 	"name": "@meaningfully/ui",
-	"version": "0.0.5",
+	"version": "0.0.7",
 	"license": "MIT",
 	"description": "Svelte components for meaningfully semantic search",
 	"repo": "https://github.com/jeremybmerrill/meaningfully-ui",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",
+		"watch": "vite build --watch",
 		"preview": "vite preview",
 		"prepare": "svelte-kit sync && npm run build",
 		"prepack": "svelte-kit sync && svelte-package && publint",