Add user share code links!

Author: LucHeart

.github/workflows/ci-build.yml

@@ -66,5 +66,4 @@ jobs:
           registry-path: ${{ github.repository_owner }}/frontend
           registry-username: ${{ github.actor }}
           registry-password: ${{ secrets.GITHUB_TOKEN }}
-          artifact-name: frontend
           push-image: ${{ github.ref_type == 'branch' && github.event_name != 'pull_request' && (github.ref_name == 'master' || github.ref_name == 'develop')  }}

src/routes/(authenticated)/shares/user/+layout.svelte

@@ -15,6 +15,7 @@
   let createDialogOpen = $state(false);
   let redeemDialogOpen = $state(false);
   let createdCode = $state<string | null>(null);
+  let redeemUserInput = $state<string>('');
 
   let tab = $derived(() => {
     switch (page.url.pathname) {
@@ -45,12 +46,19 @@
 
   onMount(() => {
     refreshOwnHubs();
+
+    // Check for redeem query param and redeem pop
+    if(page.url.searchParams.has('redeem')) {
+      const code = page.url.searchParams.get('redeem');
+      redeemDialogOpen = true;
+      redeemUserInput = code ?? '';
+    }
   });
 </script>
 
 <DialogShareCodeCreate bind:open={createDialogOpen} {onCreatedCode} {onInvitedUser} />
 <DialogShareCodeCreated bind:code={createdCode} />
-<DialogShareCodeRedeem bind:open={redeemDialogOpen} />
+<DialogShareCodeRedeem bind:open={redeemDialogOpen} bind:userInput={redeemUserInput} />
 
 <div class="h-full m-8 mt-4 flex flex-col gap-4">
   <div class="flex-none flex w-full">

src/routes/(authenticated)/shares/user/dialog-share-code-created.svelte

@@ -2,12 +2,15 @@
   import KeyRound from '@lucide/svelte/icons/key-round';
   import CopyInput from '$lib/components/CopyInput.svelte';
   import * as Dialog from '$lib/components/ui/dialog';
+  import { Link } from '@lucide/svelte';
+  import { PUBLIC_SITE_SHORT_URL } from '$env/static/public';
 
   interface Props {
     code: string | null;
   }
 
   let { code = $bindable() }: Props = $props();
+  let link = $derived(() => new URL(`/usc/${code}`, PUBLIC_SITE_SHORT_URL).toString());
 
   function onOpenChanged(open: boolean) {
     if (!open) {
@@ -20,15 +23,21 @@
   <Dialog.Content>
     <Dialog.Header>
       <Dialog.Title>Share Code Generated</Dialog.Title>
-      <Dialog.Description>Please copy share code!</Dialog.Description>
+      <Dialog.Description>Please copy share code or code link!</Dialog.Description>
     </Dialog.Header>
     <div class="flex flex-col items-center space-y-4">
-      <div class="flex w-full items-center justify-between rounded-md p-2">
+      <div class="flex w-full items-center justify-between rounded-md p-2 flex-col gap-2">
         <CopyInput value={code!}>
           {#snippet icon()}
             <KeyRound size="20" />
           {/snippet}
         </CopyInput>
+
+        <CopyInput value={link()}>
+          {#snippet icon()}
+            <Link size="20" />
+          {/snippet}
+        </CopyInput>
       </div>
     </div>
   </Dialog.Content>

src/routes/(authenticated)/shares/user/dialog-share-code-redeem.svelte

@@ -13,10 +13,10 @@
 
   interface Props {
     open: boolean;
+    userInput: string;
   }
 
-  let { open = $bindable() }: Props = $props();
-  let userInput = $state<string>('');
+  let { open = $bindable(), userInput = $bindable() }: Props = $props();
   let redeemPromise = $state<Promise<V2UserSharesListItem> | null>(null);
   let redeemed = $state<boolean>(false);
 

src/routes/usc/[code]/+server.ts

@@ -0,0 +1,9 @@
+import { redirect } from '@sveltejs/kit';
+import { resolve } from '$app/paths';
+import type { RequestHandler } from './$types';
+
+export const GET: RequestHandler = ({ params }) => {
+  const location = `${resolve('/shares/user/outgoing')}?redeem=${encodeURIComponent(params.code)}`;
+  console.log(`Redirecting to: ${location}`);
+  throw redirect(303, location); // 303 = safe for GET and avoids caching as "permanent"
+};

vite.config.ts

@@ -80,7 +80,11 @@ async function getServerConfig(mode: string, useLocalRedirect: boolean) {
     return { host: 'localhost', port: 8080, proxy: {} };
   }
 
-  const host = `local.${domain}`;
+  let host = domain;
+
+  if(!domain.startsWith('local.')) {
+    host = `local.${domain}`;
+  }
 
   // Ensure we have the host entry redirecting to localhost
   await ensureFqdnRedirect('127.0.0.1', host);