💣 Extention for theatre.js Studio to clear the local state

how-to-use.ts

import studio from '@theatre/studio';
import { studioResetExtention } from './studioResetExtention';

// just extend studio
studio.extend(studioResetExtention);
studio.initialize();

studioResetExtention.ts

// The code below assumes that your project is set up with TypeScript and a bundler.
// And Nextjs, otherwise you can delete the window checks.
import { IExtension, ToolsetConfig } from '@theatre/studio'
import { resetClientStudio } from './resetClientStudio';

export const studioResetExtention: IExtension = {
    id: 'th-reset',
    toolbars: {
        // @ts-ignore
        global(set) {
            const toolsetConfig: ToolsetConfig = [{
                type: 'Icon',
                title: 'Reset Studio',
                svgSource: '💣',
                onClick: () => {
                    if(typeof window === 'undefined') return;
                    if(window.confirm('Warning: this will clear your entire localStorage and reload the Theatre Project State provided to getProject.')) {
                        localStorage.clear();
                        window.location.reload();
                    }
                }
            }]

            set(toolsetConfig);
        },
    }
}