Custom third party plugins about nova-froala-field HOT 13 CLOSED

Nova::serving(function (ServingNova $event) {
       Nova::style('custom-styles', public_path('css/nova/custom-styles.css'));
       Nova::script('custom-script', public_path('js/nova/custom-script.js'));
});

mix.styles('node_modules/froala-audio/froala-audio.css', 'public/css/vendor/froala_audio.min.css');
mix.js('node_modules/froala-audio/froala-audio.js', 'public/js/vendor/froala_audio.min.js')
   .autoload({
       jquery: ['$', 'jQuery', 'jquery', 'window.jQuery'],
   });`

    /**
     * Bootstrap any application services.
     *
     * @return void
     */
    public function boot()
    {
        parent::boot();

        Nova::serving(function (ServingNova $event) {
            Nova::style('froala-audio-styles', public_path('css/vendor/froala_audio.min.css'));
            Nova::script('froala-audio-script', public_path('js/vendor/froala_audio.min.js'));
        });
    }

<?php

namespace App\Nova\Extensions\Froala\Console\Commands;

use Illuminate\Console\Command;
use Illuminate\Support\Facades\File;

/**
 * BuildFroalaAssets builds custom assets for "froala/nova-froala-field" extension.
 *
 * Unfortunally this is the only way to apply custom plugins to the Froala editor.
 *
 * ```php
 * class NovaServiceProvider extends NovaApplicationServiceProvider
 * {
 *     public function boot()
 *     {
 *         parent::boot();
 *
 *         Nova::serving(function (ServingNova $event) {
 *             Nova::script('nova-froala-field', storage_path('nova/froala/dist/js/field.js'));
 *         });
 *     }
 *
 *     public function register()
 *     {
 *         $this->commands([
 *             BuildFroalaAssets::class,
 *         ]);
 *     }
 * }
 * ```
 *
 * @see https://novapackages.com/packages/froala/nova-froala-field
 */
class BuildFroalaAssets extends Command
{
    /**
     * {@inheritdoc}
     */
    protected $signature = 'nova:build-froala-assets';

    /**
     * {@inheritdoc}
     */
    protected $description = 'Build custom assets for Nova Froala editor field';

    /**
     * @var string path to the Nova Froala field extension.
     */
    protected $srcPath;

    /**
     * @var string path used for the assets build.
     */
    protected $buildPath;

    /**
     * {@inheritdoc}
     */
    public function __construct()
    {
        parent::__construct();

        $this->srcPath = base_path('vendor/froala/nova-froala-field');
        $this->buildPath = storage_path('nova/froala');
    }

    public function handle()
    {
        $this->info('Building Froala assets...');

        $this->prepareSourceFiles();

        $this->patchSourceFiles();

        $this->buildAssets();

        $this->info('...complete.');
    }

    protected function prepareSourceFiles()
    {
        $this->info('Prepare source files...');

        if (! file_exists($this->buildPath)) {
            File::makeDirectory($this->buildPath, 0775, true);
        }

        $names = [
            'resources',
            '.babelrc',
            'package.json',
            'webpack.mix.js',
        ];

        foreach ($names as $name) {
            $srcName = $this->srcPath.DIRECTORY_SEPARATOR.$name;
            $dstName = $this->buildPath.DIRECTORY_SEPARATOR.$name;
            if (is_dir($srcName)) {
                File::copyDirectory($srcName, $dstName);
            } else {
                File::copy($srcName, $dstName);
            }
        }

        $resourcePath = realpath(__DIR__.'/../..');

        $names = [
            'resources/js/custom-plugins.js',
        ];

        foreach ($names as $name) {
            File::copy($resourcePath.DIRECTORY_SEPARATOR.$name, $this->buildPath.DIRECTORY_SEPARATOR.$name);
        }

        $this->info('...done.');
    }

    protected function patchSourceFiles()
    {
        $this->info('Patching source files...');

        $fieldSrcFile = $this->buildPath.'/resources/js/field.js';
        $patchContent = "\n\nrequire('./custom-plugins');";

        file_put_contents($fieldSrcFile, file_get_contents($fieldSrcFile).$patchContent);

        $this->info('...done.');
    }

    protected function buildAssets()
    {
        $this->info('Building assets...');

        passthru('(cd '.escapeshellarg($this->buildPath).'; yarn install; yarn run prod;)');
    }
}