feat: new infra for code snippets

[arboleya]

• Closes Implement new setup for code snippets #2399

Summary

This PR introduces a new WYSIWYG split between code snippets and unit tests.

The aim is to have clean code snippets one can use whole or run in isolation.

These are some errors it can prevent.

• https://docs.fuel.network/docs/fuels-ts/getting-started/connecting-to-a-local-node/
• https://docs.fuel.network/docs/fuels-ts/getting-started/connecting-to-testnet/

What you see

fuels-ts/apps/docs-snippets2/src/introduction/connecting-to-localnode.ts

Lines 2 to 13 in 5b4f678

	import { Provider, Wallet, LOCAL_NETWORK_URL } from 'fuels';
	const ADDRESS = '0x767caf5b08eba21c561078a4d5be09bbd7f16b9eca22699a61f1edd9e456126f';
	// Create a provider using the `LOCAL_NETWORK_URL` constant
	const provider = await Provider.create(LOCAL_NETWORK_URL);
	// Then use it when creating a wallet
	const wallet = Wallet.fromAddress(ADDRESS, provider);
	const balances = await wallet.getBalances();
	console.log({ balances });

Is what you get

Checklist

• I added — tests to prove my changes
• I updated — all the necessary docs
• I reviewed — the entire PR myself, using the GitHub UI
• I described — all breaking changes and the Migration Guide

[Torres-ssf]

This is really nice @arboleya 👍

I've noticed that for these 2 new snippets, the anchor link see code in context is not working anymore.

I wonder if we should remove this functionality entirely, as it does not work with the integrated docs.

[arboleya]

@Torres-ssf I think we should keep the see code in context button and also add it to the Docs Hub.

cc @matt-user @calldelegation @petertonysmith94

[petertonysmith94]

Why do we prefix the docs-snippets with @fuel-ts/? I thought we only did this for packages?

[github-actions]

Coverage Report:

Lines	Branches	Functions	Statements
79.09%(-0.67%)	71.84%(-0.32%)	77.64%(-0.17%)	79.24%(-0.66%)

Changed Files:

Ok	File (✨=New File)	Lines	Branches	Functions	Statements
🔴	✨ apps/docs-snippets2/scripts/launcher.ts	0% (+0%)	100% (+100%)	100% (+100%)	0% (+0%)
🔴	✨ apps/docs-snippets2/scripts/wrap-snippets.ts	0% (+0%)	0% (+0%)	0% (+0%)	0% (+0%)
🔴	✨ apps/docs-snippets2/scripts/wrapper-fn.ts	0% (+0%)	0% (+0%)	0% (+0%)	0% (+0%)
🔴	✨ apps/docs-snippets2/src/env.ts	0% (+0%)	100% (+100%)	100% (+100%)	0% (+0%)
🔴	✨ apps/docs-snippets2/src/introduction/connecting-to-localnode.ts	0% (+0%)	100% (+100%)	100% (+100%)	0% (+0%)
🔴	✨ apps/docs-snippets2/src/introduction/connecting-to-localnode.wrapped.ts	88.46% (+88.46%)	66.66% (+66.66%)	100% (+100%)	88.88% (+88.88%)
🔴	✨ apps/docs-snippets2/src/introduction/connecting-to-testnet.ts	0% (+0%)	100% (+100%)	100% (+100%)	0% (+0%)
🔴	✨ apps/docs-snippets2/src/introduction/connecting-to-testnet.wrapped.ts	82.35% (+82.35%)	66.66% (+66.66%)	100% (+100%)	82.35% (+82.35%)
🔴	✨ apps/docs-snippets2/src/transactions/transaction-parameters.ts	0% (+0%)	100% (+100%)	100% (+100%)	0% (+0%)
🔴	✨ apps/docs-snippets2/src/transactions/transaction-parameters.wrapped.ts	90% (+90%)	66.66% (+66.66%)	100% (+100%)	90.32% (+90.32%)
🔴	✨ apps/docs-snippets2/src/typegend/contracts/Counter.ts	66.66% (+66.66%)	100% (+100%)	0% (+0%)	66.66% (+66.66%)
✅	✨ apps/docs-snippets2/src/typegend/contracts/CounterFactory.ts	100% (+100%)	100% (+100%)	100% (+100%)	100% (+100%)
🔴	✨ apps/docs-snippets2/src/typegend/scripts/ScriptSum.ts	80% (+80%)	100% (+100%)	0% (+0%)	80% (+80%)