svelte-standalone/dist/plopfile.js

Transform Svelte components in standalone scripts!

import { moduleDir, rootDir } from './dir.js';
import path from 'path';
export default function (plop) {
    plop.setGenerator('story', {
        description: 'Generate a Storybook story',
        actions: [
            {
                type: 'add',
                path: path.join(rootDir, 'src/stories/{{componentName}}.stories.ts'),
                templateFile: path.join(moduleDir, 'lib/plop-templates/story/{{strategy}}.hbs')
            }
        ]
    });
    plop.setGenerator('embed files', {
        description: 'Generate an embed.ts default file',
        actions: [
            {
                type: 'add',
                path: path.join(rootDir, 'src/_standalone/{{componentName}}/embed.ts'),
                templateFile: path.join(moduleDir, 'lib/plop-templates/embed.hbs')
            }
        ]
    });
    plop.setGenerator('config files', {
        description: 'Generate a config.ts default file',
        actions: [
            {
                type: 'add',
                path: path.join(rootDir, 'src/_standalone/{{componentName}}/config.ts'),
                templateFile: path.join(moduleDir, 'lib/plop-templates/config/{{strategy}}.hbs')
            }
        ]
    });
    plop.setGenerator('routes files', {
        description: 'Generate a default route handler that imports the script',
        actions: [
            {
                type: 'add',
                path: path.join(rootDir, 'src/routes/{{componentName}}/+page.svelte'),
                templateFile: path.join(moduleDir, 'lib/plop-templates/route/{{strategy}}.hbs')
            }
        ]
    });
    plop.setGenerator('layout files', {
        description: 'Generate a layout handler once',
        actions: [
            {
                type: 'add',
                path: path.join(rootDir, 'src/routes/+layout.svelte'),
                templateFile: path.join(moduleDir, 'lib/plop-templates/route/layout.hbs')
            }
        ]
    });
    plop.setGenerator('svelte files', {
        description: 'Generate a default Svelte component to be embedded',
        actions: [
            {
                type: 'add',
                path: path.join(rootDir, 'src/_standalone/{{componentName}}/index.svelte'),
                templateFile: path.join(moduleDir, 'lib/plop-templates/structure/component.hbs')
            }
        ]
    });
}