Specifying script type when using @bassetBlock

[jargoud]

Hello,

I'm overriding the CKEditor field, following this documentation, where they mention the use of several particular kind of scripts:

<script type="importmap">
    {
        "imports": {
            "ckeditor5": "../../assets/vendor/ckeditor5.js",
            "ckeditor5/": "../../assets/vendor/"
        }
    }
</script>
<script type="module">
    import {
        ClassicEditor,
        Essentials,
        Paragraph,
        Bold,
        Italic,
        Font
    } from 'ckeditor5';

    ClassicEditor
        .create( document.querySelector( '#editor' ), {
            licenseKey: '<YOUR_LICENSE_KEY>', // Or 'GPL'.
            plugins: [ Essentials, Paragraph, Bold, Italic, Font ],
            toolbar: [
                'undo', 'redo', '|', 'bold', 'italic', '|',
                'fontSize', 'fontFamily', 'fontColor', 'fontBackgroundColor'
            ]
        } )
        .then( editor => {
            window.editor = editor;
        } )
        .catch( error => {
            console.error( error );
        } );
</script>

In addition, I have a script with the bpFieldInitCKEditorElement function:

<script>
    async function bpFieldInitCKEditorElement(element) {
        // …
    }
</script>

If I wrap this portion of code with @bassetBlock directive, it'll remove the type attribute:

@bassetBlock('backpack/pro/fields/ckeditor-import-map.js')
<script type="importmap">
    {
        "imports": {
            "ckeditor5": "{{ asset('vendor/ckeditor5/ckeditor5.js') }}",
            "ckeditor5/": "{{ asset('vendor/ckeditor5/') }}/"
        }
    }
</script>
@endBassetBlock

will result into:

<script src="/back/storage/basset/backpack/pro/fields/ckeditor-import-map-9dc70859.js" ></script>

Is there a way to do this?

Thank you!

[backpack-ai-bot]

Backpack’s docs and issue/PR history don’t show any way to keep a custom type attribute (like type="module" or type="importmap") when using @bassetBlock. @bassetBlock is explicitly designed to:

1. Take the contents of the block (JS or CSS),
2. Move them into a generated file,
3. Then output a standard <script src="..."></script> or <link rel="stylesheet" ...> tag, without inline attributes. [Basset notes; bassetBlock PR]

There is also a recent change that forces scripts to be treated as JS and styles as CSS (to support URLs without extensions), which further confirms that @basset / @bassetBlock are opinionated about the tag type and don’t expose a way to customize type: [force JS/CSS]

So, based on the available information:

• @bassetBlock cannot currently output <script type="module"> or <script type="importmap"> — it will always generate a plain <script src="...">.
• There is no documented option or parameter to override that behavior.

For now, the only way (per the docs/threads we have) to get those special script types is to not use @bassetBlock for them and include them as raw <script type="..."> tags in your Blade view, using Basset only for “normal” JS/CSS assets.

If you need this behavior inside Basset itself, it’s not documented; you’d have to open a feature request on Basset/CRUD.

ℹ️ Please note our AI Bot does not reply to follow-ups, this will be the only AI answer in this thread. If the AI helped you find the answer, please mark it as answered or write details below so it can learn. Then close the conversation. If not, please give more information for when a human reads this. ℹ️

Relevant sources:

add script and style widgets
Fields|Creating a Custom Field Type Part 2
[Bug]
Github Issue (closed): [5.0] The same CSS and JS assets can be loaded multiple times
Github Issue (closed): [Bug] elFinder integration for CKEditor not working as documented
Bug report
CkEditor 42 new builder not compatible with custom build
Release Notes|Basset - a better way to load CSS and JS assets
[v6] Use basset block directive in FREE fields
Github Issue (closed): CKEditor toolbars in Backpack v6
Set/Force the extension to JS/CSS on scripts and styles