@rainlanguage/ui-components 0.0.1-alpha.46 → 0.0.1-alpha.48

package/dist/components/OrderOrVaultHash.svelte

@@ -1,22 +1,25 @@
 <script>import { Button } from "flowbite-svelte";
 import Hash, { HashType } from "./Hash.svelte";
+import {
+  constructHashLink,
+  isOrderOrVaultActive,
+  extractHash
+} from "../utils/constructHashLink";
 export let orderOrVault;
 export let type;
 export let network;
 export let updateActiveNetworkAndOrderbook;
-let hash;
-$: isOrder = "orderHash" in (orderOrVault || {});
-$: slug = isOrder ? orderOrVault.orderHash : orderOrVault?.id;
-$: hash = isOrder ? orderOrVault.orderHash : orderOrVault?.id || "";
-$: isActive = isOrder ? orderOrVault.active : false;
+$: hash = extractHash(orderOrVault);
+$: isActive = isOrderOrVaultActive(orderOrVault);
+$: linkPath = constructHashLink(orderOrVault, type, network);
 </script>
 
-<a href={`/${type}/${network}-${slug}`}>
+<a data-testid="order-or-vault-hash" href={linkPath}>
 	<Button
 		class="mr-1 mt-1 px-2 py-1 text-sm"
 		color={isActive ? 'green' : 'yellow'}
 		data-testid="vault-order-input"
-		data-id={slug}
+		data-id={hash}
 		on:click={() => {
 			updateActiveNetworkAndOrderbook(network);
 		}}><Hash type={HashType.Identifier} value={hash} copyOnClick={false} /></Button

package/dist/components/deployment/DeploymentSteps.svelte

@@ -27,6 +27,7 @@ export let deployment;
 export let strategyDetail;
 export let handleDeployModal;
 export let handleDisclaimerModal;
+export let registryUrl;
 let allDepositFields = [];
 let allTokenOutputs = [];
 let allFieldDefinitionsWithoutDefaults = [];
@@ -123,7 +124,7 @@ async function updateFields() {
   }
 }
 async function _handleShareChoices() {
-  await handleShareChoices(gui);
+  await handleShareChoices(gui, registryUrl);
 }
 async function onSelectTokenSelect() {
   await areAllTokensSelected();

package/dist/components/deployment/DeploymentSteps.svelte.d.ts

@@ -17,6 +17,7 @@ declare const __propDef: {
         strategyDetail: NameAndDescriptionCfg;
         handleDeployModal: (args: DeployModalProps) => void;
         handleDisclaimerModal: (args: DisclaimerModalProps) => void;
+        registryUrl: string;
         wagmiConfig: Writable<Config | undefined>;
         wagmiConnected: Writable<boolean>;
         appKitModal: Writable<AppKit>;

package/dist/services/handleShareChoices.d.ts

@@ -1,2 +1,2 @@
 import type { DotrainOrderGui } from '@rainlanguage/orderbook/js_api';
-export declare function handleShareChoices(gui: DotrainOrderGui): Promise<void>;
+export declare function handleShareChoices(gui: DotrainOrderGui, registryUrl: string): Promise<void>;

package/dist/services/handleShareChoices.js

@@ -1,6 +1,6 @@
 import { page } from '$app/stores';
 import { get } from 'svelte/store';
-export async function handleShareChoices(gui) {
+export async function handleShareChoices(gui, registryUrl) {
     // get the current url
     const url = get(page).url;
     // get the current state
@@ -10,5 +10,6 @@ export async function handleShareChoices(gui) {
     }
     const state = result.value;
     url.searchParams.set('state', state || '');
+    url.searchParams.set('registry', registryUrl);
     navigator.clipboard.writeText(url.toString());
 }

package/dist/utils/constructHashLink.d.ts

@@ -0,0 +1,23 @@
+import type { SgOrder, SgOrderAsIO, SgVault } from '@rainlanguage/orderbook/js_api';
+type OrderOrVault = SgOrder | SgOrderAsIO | SgVault;
+/**
+ * Constructs a link path for an order or vault based on its type and network
+ * @param orderOrVault - The order or vault object
+ * @param type - The type of resource ('orders' or 'vaults')
+ * @param network - The network name
+ * @returns The constructed link path
+ */
+export declare function constructHashLink(orderOrVault: OrderOrVault, type: 'orders' | 'vaults', network: string): string;
+/**
+ * Determines if an order or vault is active
+ * @param orderOrVault - The order or vault object
+ * @returns True if the order is active, false otherwise
+ */
+export declare function isOrderOrVaultActive(orderOrVault: OrderOrVault): boolean;
+/**
+ * Extracts the hash value from an order or vault
+ * @param orderOrVault - The order or vault object
+ * @returns The hash value
+ */
+export declare function extractHash(orderOrVault: OrderOrVault): string;
+export {};

package/dist/utils/constructHashLink.js

@@ -0,0 +1,110 @@
+import fc from 'fast-check';
+import { test } from '@fast-check/vitest';
+function isOrder(obj) {
+    return obj && 'orderHash' in obj;
+}
+/**
+ * Constructs a link path for an order or vault based on its type and network
+ * @param orderOrVault - The order or vault object
+ * @param type - The type of resource ('orders' or 'vaults')
+ * @param network - The network name
+ * @returns The constructed link path
+ */
+export function constructHashLink(orderOrVault, type, network) {
+    if (!orderOrVault) {
+        return `/${type}/${network}`;
+    }
+    const slug = isOrder(orderOrVault) ? orderOrVault.orderHash : orderOrVault?.id;
+    return `/${type}/${network}-${slug || ''}`;
+}
+/**
+ * Determines if an order or vault is active
+ * @param orderOrVault - The order or vault object
+ * @returns True if the order is active, false otherwise
+ */
+export function isOrderOrVaultActive(orderOrVault) {
+    const _isOrder = isOrder(orderOrVault);
+    return _isOrder ? orderOrVault.active : false;
+}
+/**
+ * Extracts the hash value from an order or vault
+ * @param orderOrVault - The order or vault object
+ * @returns The hash value
+ */
+export function extractHash(orderOrVault) {
+    const _isOrder = isOrder(orderOrVault);
+    return _isOrder ? orderOrVault.orderHash : orderOrVault?.id || '';
+}
+if (import.meta.vitest) {
+    const { expect, it, describe } = import.meta.vitest;
+    describe('constructHashLink', () => {
+        test.prop([
+            fc.record({
+                orderHash: fc.string(),
+                active: fc.boolean()
+            }),
+            fc.oneof(fc.constant('orders'), fc.constant('vaults')),
+            fc.string()
+        ])('constructs correct link for orders', (order, type, network) => {
+            const result = constructHashLink(order, type, network);
+            expect(result).toBe(`/${type}/${network}-${order.orderHash}`);
+        });
+        test.prop([
+            fc.record({
+                id: fc.string(),
+                owner: fc.string()
+            }),
+            fc.oneof(fc.constant('orders'), fc.constant('vaults')),
+            fc.string()
+        ])('constructs correct link for vaults', (vault, type, network) => {
+            const result = constructHashLink(vault, type, network);
+            expect(result).toBe(`/${type}/${network}-${vault.id}`);
+        });
+    });
+    describe('isOrderOrVaultActive', () => {
+        test.prop([
+            fc.record({
+                orderHash: fc.string(),
+                active: fc.boolean()
+            })
+        ])('returns correct active status for orders', (order) => {
+            const result = isOrderOrVaultActive(order);
+            expect(result).toBe(order.active);
+        });
+        test.prop([
+            fc.record({
+                id: fc.string(),
+                owner: fc.string()
+            })
+        ])('returns false for vaults', (vault) => {
+            const result = isOrderOrVaultActive(vault);
+            expect(result).toBe(false);
+        });
+    });
+    describe('extractHash', () => {
+        test.prop([
+            fc.record({
+                orderHash: fc.string(),
+                active: fc.boolean()
+            })
+        ])('extracts hash from orders', (order) => {
+            const result = extractHash(order);
+            expect(result).toBe(order.orderHash);
+        });
+        test.prop([
+            fc.record({
+                id: fc.string(),
+                owner: fc.string()
+            })
+        ])('extracts hash from vaults', (vault) => {
+            const result = extractHash(vault);
+            expect(result).toBe(vault.id);
+        });
+        it('handles undefined vault id', () => {
+            // Create a partial vault object with undefined id
+            const vault = { id: undefined };
+            const result = extractHash(vault);
+            expect(result).toBe('');
+        });
+    });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@rainlanguage/ui-components",
-	"version": "0.0.1-alpha.46",
+	"version": "0.0.1-alpha.48",
 	"description": "A component library for building Svelte applications to be used with Raindex.",
 	"license": "LicenseRef-DCL-1.0",
 	"author": "Rain Open Source Software Ltd",
@@ -53,7 +53,7 @@
 		"@fontsource/dm-sans": "5.1.0",
 		"@imask/svelte": "7.6.1",
 		"@observablehq/plot": "0.6.16",
-		"@rainlanguage/orderbook": "0.0.1-alpha.46",
+		"@rainlanguage/orderbook": "0.0.1-alpha.48",
 		"@reown/appkit": "1.6.4",
 		"@reown/appkit-adapter-wagmi": "1.6.4",
 		"@sentry/sveltekit": "7.120.0",