docs: move snippets into wallet guide

FuelLabs · petertonysmith94 · Nov 12, 2024 · Oct 29, 2024 · Oct 29, 2024 · Oct 29, 2024
commit 715481c662f882deeb2b649986bb27331d9379ae
@@ -1,9 +1,7 @@
-// #region full
-
 /* eslint-disable max-classes-per-file */
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import { Fuel, LocalStorage, MemoryStorage, FuelConnector } from 'fuels';
-import type { TargetObject, Network, Asset, FuelABI } from 'fuels';
+import { MemoryStorage, FuelConnector } from 'fuels';
+import type { Network, Asset, FuelABI } from 'fuels';
 
 // prettier-ignore
 // #region fuel-connector-extends
@@ -134,48 +132,3 @@ class WalletConnector extends FuelConnector {
     // #endregion fuel-connector-events-abis
   }
 }
-
-const sdk = new Fuel();
-
-/*
-	Awaits for initialization to mitigate potential race conditions
-	derived from the async nature of instantiating a connector.
-*/
-await sdk.init();
-
-const defaultConnectors = (_opts: {
-  devMode: boolean;
-}): Array<FuelConnector> => [new WalletConnector()];
-
-const sdkDevMode = await new Fuel({
-  connectors: defaultConnectors({
-    devMode: true,
-  }),
-}).init();
-
-const sdkWithMemoryStorage = await new Fuel({
-  storage: new MemoryStorage(),
-}).init();
-
-const window = {
-  localStorage: {
-    setItem: vi.fn(),
-    getItem: vi.fn(),
-    removeItem: vi.fn(),
-    clear: vi.fn(),
-  } as unknown as Storage,
-};
-
-const sdkWithLocalStorage = await new Fuel({
-  storage: new LocalStorage(window.localStorage),
-}).init();
-
-const emptyWindow = {} as unknown as TargetObject;
-
-const targetObject: TargetObject = emptyWindow || document;
-
-const sdkWithTargetObject = await new Fuel({
-  targetObject,
-}).init();
-
-// #endregion full
diff --git a/apps/docs-snippets2/src/wallets/full-connectors.ts b/apps/docs-snippets2/src/wallets/full-connectors.ts
@@ -0,0 +1,54 @@
+// #region full
+/* eslint-disable @typescript-eslint/no-unused-vars */
+
+import { FuelConnector, Fuel, MemoryStorage, LocalStorage } from 'fuels';
+import type { TargetObject } from 'fuels';
+
+class WalletConnector extends FuelConnector {
+  name = 'My Wallet Connector';
+}
+
+const sdk = new Fuel();
+
+/*
+	Awaits for initialization to mitigate potential race conditions
+	derived from the async nature of instantiating a connector.
+*/
+await sdk.init();
+
+const defaultConnectors = (_opts: {
+  devMode: boolean;
+}): Array<FuelConnector> => [new WalletConnector()];
+
+const sdkDevMode = await new Fuel({
+  connectors: defaultConnectors({
+    devMode: true,
+  }),
+}).init();
+
+const sdkWithMemoryStorage = await new Fuel({
+  storage: new MemoryStorage(),
+}).init();
+
+const window = {
+  localStorage: {
+    setItem: vi.fn(),
+    getItem: vi.fn(),
+    removeItem: vi.fn(),
+    clear: vi.fn(),
+  } as unknown as Storage,
+};
+
+const sdkWithLocalStorage = await new Fuel({
+  storage: new LocalStorage(window.localStorage),
+}).init();
+
+const emptyWindow = {} as unknown as TargetObject;
+
+const targetObject: TargetObject = emptyWindow || document;
+
+const sdkWithTargetObject = await new Fuel({
+  targetObject,
+}).init();
+
+// #endregion full
@@ -442,4 +442,4 @@ For a deeper understanding of `Fuel Connectors` and how to start using them in y
 
 For a full example of how to use connectors, see the snippet below:
 
-<<< @/../../docs-snippets2/src/wallets/connectors.ts#full{ts:line-numbers}
+<<< @/../../docs-snippets2/src/wallets/full-connectors.ts#full{ts:line-numbers}
Original file line number	Diff line number	Diff line change
Expand Up		@@ -442,4 +442,4 @@ For a deeper understanding of `Fuel Connectors` and how to start using them in y

		For a full example of how to use connectors, see the snippet below:

		<<< @/../../docs-snippets2/src/wallets/connectors.ts#full{ts:line-numbers}
		<<< @/../../docs-snippets2/src/wallets/full-connectors.ts#full{ts:line-numbers}