Addition of source code to Docs tab in Blast view

[RobertAByrnes]

@mrtimbrook Will do, I had a dive into the Storybook docs about this topic earlier,. Will do more digging. Looks like the dependency is already there.

[RobertAByrnes]

@mrtimbrook This is an entry point following the docs from Storybook.js, next steps, parsing the source code to create the default configuration then dynamically updating the snippet in the dom on editing in canvas.

Addition to GenerateStories.php

use A17\Blast\Traits\SourceCode;

class GenerateStories extends Command
{
    use Helpers;
    use SourceCode;

    private function buildChildTemplate($item)
    {
        $data = [
            'name' => ucwords(
                str_replace('.blade.php', '', $item['name']),
                '/',
            ),
            'parameters' => [
                'server' => [
                    'id' => str_replace('.blade.php', '', $item['path']),
                ],
                'docs' => [
                    'source' => [
                        'code' => $this->fileContents($this->storyViewsPath.'/'.$item['path'])
                    ]
                ]
            ],
        ];

Addition of Trait SourceCode.php (testing grounds)

<?php

namespace A17\Blast\Traits;

trait SourceCode
{
    private function fileContents($filepath)
    {
        return file_get_contents($filepath);
    }
}

[RobertAByrnes]

[Tim Brook]

This is great, thanks! I'm going to have a play around with it.

[RobertAByrnes]

@mrtimbrook Also try: npm install storybook-source-code-addon

Edit main.js to:

module.exports = {
  stories: ['../stories/**/*.stories.mdx', '../stories/**/*.stories.@(json)'],
  addons: [
    '@storybook/addon-postcss',
    '@storybook/addon-links',
    '@storybook/addon-essentials',
    '@storybook/addon-a11y',
    'storybook-addon-designs',
    '@etchteam/storybook-addon-status',
    'storybook-source-code-addon'
  ],
  core: {
    builder: 'webpack5'
  }
};

And to allow doc to be rendered in the canvas edit GenerateStories.php to:

 private function buildChildTemplate($item)
    {
        $data = [
            'name' => ucwords(
                str_replace('.blade.php', '', $item['name']),
                '/',
            ),
            'parameters' => [
                'server' => [
                    'id' => str_replace('.blade.php', '', $item['path']),
                ],
                'docs' => [
                    'source' => [
                        'code' => $this->fileContents($this->storyViewsPath.'/'.$item['path'])
                    ]
                ],
                'componentSource' => [
                    'code' => $this->fileContents($this->storyViewsPath.'/'.$item['path'])
                ]
            ],
        ];

[Tim Brook]

@RobertAByrnes Thanks for this. I've created a PR - #24.

[RobertAByrnes]

@mrtimbrook Excellent. I was just looking at chopping the @storybook directive