Need help to Register Custom ServiceWorker mini-coi.js while using starter template

[jakre1234]

Checklist

• I have read and accepted the contributing guidelines.

How did you create the site?

Generated from chirpy-starter

Description

Hi, I am trying to use the pyscript terminal worker (https://docs.pyscript.net/2024.2.1/user-guide/terminal/) in one of my markdown files and for that we are required to have proper response headers set, since the website will be hosted over github so I don't have control over the response headers and the solution to it is to use the mini-coi.js. But I am unable to register a service worker despite trying everything. I have modified the head.html and included it in my _include folder with the following code added to already written code:
_include/head.html:

{% if page.minicoi_js %}
<script src="/assets/scripts/minicoi.js" scope="./"></script>
{% endif %}

terminalexample.md:

---
# the default layout is 'page'
icon: fas fa-info-circle
order: 4
minicoi_js: true
---
<script type="module" src="https://cdn.jsdelivr.net/npm/@pyscript/core/dist/core.js"></script>
# Terminal :
<script type="mpy" src="/assets/scripts/main.py" async terminal worker></script>

I even tried registering the Service worker using java script but I can only see a single service worker registered in the DevTools:

sw.min.js

Console:

Service Workers:

The Same thing works fine at : https://terminal.rohsec.com , I am trying to achieve the same thing(the terminal console) here in my terminalexample markdown file but this won't work

The website in action: https://rohsec.github.io/terminal/

Operations you have already tried

This is what I have tried till now:

1. Include the minicoi.js Script in the Tag [Created custom head.html in _include folder ]

_include/head.html

// content of original head
//===========================
{% if page.minicoi_js %}
<script src="/assets/scripts/minicoi.js" scope="./"></script>
{% endif %}

2. Verify the Service Worker Registration in the Markdown File [terminal.md file]

_tabs/terminalexample.md

---
icon: fas fa-info-circle
order: 4
minicoi_js: true
---

<script type="module" src="https://cdn.jsdelivr.net/npm/@pyscript/core/dist/core.js"></script>

Terminal:

<script type="mpy" src="/assets/scripts/main.py" terminal worker sync></script>

4. Ensured HTTPS is Enabled [github pages]

5. Still, I keep getting the

SharedArray Buffer error:
Uncaught (in promise) Error: Unable to use SharedArrayBuffer due insecure environment.
Please read requirements in MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer#security_requirements

and on checking registered service workers, I don't see minicoi and see only one already registered service worker called

sw.min.js

Anything else?

No response

[jakre1234]

I think I figured what's the issue. For mini-coi.js to work it needs to be in the root directory, currently it's being loaded from /assets/scripts/minicoi.js, how do I move it to root directory so my src becomes <script src="./minicoi.js" scope="./">

[jakre1234]

Done, resolved :)