From 8fafcc6701c681578de291a5e37ee3c1af152eac Mon Sep 17 00:00:00 2001
From: David de Kloet <david.de.kloet@dfinity.org>
Date: Wed, 1 Feb 2023 22:22:57 +0100
Subject: [PATCH 1/2] In createDerivedStore, instead create a new store which
 simply doesn't expose `set` and `update`.

---
 frontend/src/lib/derived/debug.derived.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/derived/debug.derived.ts b/frontend/src/lib/derived/debug.derived.ts
index 092b3e1ce17..1c8f94eda7d 100644
--- a/frontend/src/lib/derived/debug.derived.ts
+++ b/frontend/src/lib/derived/debug.derived.ts
@@ -31,8 +31,9 @@ import {
   type Writable,
 } from "svelte/store";
 
+// TODO(dskloetd): Rename to createReadableStore.
 const createDerivedStore = <T>(store: Writable<T>): Readable<T> =>
-  derived(store, (store) => store);
+  { subscribe: store.subscribe };
 
 let addAccountStore: Readable<AddAccountStore>;
 export const debugAddAccountStore = (store: Writable<AddAccountStore>) =>

From 0afb9d5d490315721681d01f91db8b418310cd40 Mon Sep 17 00:00:00 2001
From: David de Kloet <david.de.kloet@dfinity.org>
Date: Thu, 2 Feb 2023 08:06:50 +0100
Subject: [PATCH 2/2] fmt and rename

---
 frontend/src/lib/derived/debug.derived.ts | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/frontend/src/lib/derived/debug.derived.ts b/frontend/src/lib/derived/debug.derived.ts
index 1c8f94eda7d..c27a27e4a50 100644
--- a/frontend/src/lib/derived/debug.derived.ts
+++ b/frontend/src/lib/derived/debug.derived.ts
@@ -31,13 +31,13 @@ import {
   type Writable,
 } from "svelte/store";
 
-// TODO(dskloetd): Rename to createReadableStore.
-const createDerivedStore = <T>(store: Writable<T>): Readable<T> =>
-  { subscribe: store.subscribe };
+const createReadableStore = <T>(store: Writable<T>): Readable<T> => ({
+  subscribe: store.subscribe,
+});
 
 let addAccountStore: Readable<AddAccountStore>;
 export const debugAddAccountStore = (store: Writable<AddAccountStore>) =>
-  (addAccountStore = createDerivedStore(store));
+  (addAccountStore = createReadableStore(store));
 
 // Context stores might not be initialized when debugger is called.
 // Therefore, we need to initialize them here.
@@ -46,14 +46,14 @@ let walletStore: Readable<WalletStore> = readable({
   neurons: [],
 });
 export const debugSelectedAccountStore = (store: Writable<WalletStore>) =>
-  (walletStore = createDerivedStore(store));
+  (walletStore = createReadableStore(store));
 let selectedProposalStore: Readable<SelectedProposalStore> = readable({
   proposalId: undefined,
   proposal: undefined,
 });
 export const debugSelectedProposalStore = (
   store: Writable<SelectedProposalStore>
-) => (selectedProposalStore = createDerivedStore(store));
+) => (selectedProposalStore = createReadableStore(store));
 let selectedCanisterStore: Readable<SelectCanisterDetailsStore> = readable({
   info: undefined,
   details: undefined,
@@ -63,21 +63,21 @@ let selectedCanisterStore: Readable<SelectCanisterDetailsStore> = readable({
 });
 export const debugSelectedCanisterStore = (
   store: Writable<SelectCanisterDetailsStore>
-) => (selectedCanisterStore = createDerivedStore(store));
+) => (selectedCanisterStore = createReadableStore(store));
 let selectedProjectStore: Readable<ProjectDetailStore> = readable({
   summary: null,
   swapCommitment: null,
 });
 export const debugSelectedProjectStore = (
   store: Writable<ProjectDetailStore>
-) => (selectedProjectStore = createDerivedStore(store));
+) => (selectedProjectStore = createReadableStore(store));
 let selectedSnsNeuronStore: Readable<SelectedSnsNeuronStore> = readable({
   selected: undefined,
   neuron: undefined,
 });
 export const debugSelectedSnsNeuronStore = (
   store: Writable<SelectedSnsNeuronStore>
-) => (selectedSnsNeuronStore = createDerivedStore(store));
+) => (selectedSnsNeuronStore = createReadableStore(store));
 const transactionsStore = writable<Transaction[] | undefined>(undefined);
 export const debugTransactions = (transactions: Transaction[] | undefined) => {
   transactionsStore.set(transactions);