Feature: Indent Code Snippet Import

[julio4]

indent action

In some case, you want to showcase part of a code from a bigger file.
When importing it with region, the extra indentation can make it a little weird.

Take for example this file with a defined region:

import { http, createPublicClient } from 'viem'
import { mainnet } from 'viem/chains'
 
const initClient = () => {
    if (env == Env.PROD) {
        try {
            // [!region setup]
            const client = createPublicClient({
                chain: mainnet,
                transport: http(),
            })
            // [!endregion setup]
        } catch(e) {
            console.log(e)
        }
    }
}

The resulting code block will be:

            const client = createPublicClient({
                chain: mainnet,
                transport: http(),
            })

Ideally, with the indent action, it would automatically adapt to the context of the region:

const client = createPublicClient({
    chain: mainnet,
    transport: http(),
})