useCanvas.tsx

/**
 * @public
 * Returns all design components
 * */
export default function useCanvas() {
    let components = null
    let canvas = null

    try {
        // @ts-ignore
        canvas = require("./canvas.tsx")

        components = canvas
            .filter(key => key.endsWith("__"))
            .map(key => ({
                key,
                displayName: key.replace(/_/g, " "),
            }))
    } catch (error) {
        throw new Error("canvas.tsx can not be found")
    }

    return {
        components,
        canvas,
    }
}