8 – Trying to Conditionally Add JS File to page if in a paragraph block reference on that page

I am not sure how to accomplish this…

I want to have a custom block that I have created and referenced via paragraphs to implement code in that block and push it into the header of the page. The idea is that we want to have single pages that run specific JS files and this is the way for the content author to place these files on the pages that they want. If there is a better way to do it, I am open to suggestions.

Here is where I am now:

I have a custom block that I am referencing via paragraphs in pages that will house the JS files. I believe I need a preprocessor script for this, but I am having a lot of issues with figuring out what kind of preprocessor I need.

Here is what I have but I think it is totally wrong and definitely incomplete:

if ( isset($vars('content')('#block_content')) ) { // check for custom content
    if ($vars('content')('#block_content')->type(0)->getValue()('target_id') == 'js_file_block') { // only run on js_file_block types

      $vars('foobar') = $js_files_page; // export var to twig
    }
  }

I need to be able to make more than one file load if added to the block, and I need it to attach to the header of the page that the block is referenced from. Can anyone point me in the right direction?

I am sure I need to add a $routematch and other things but I am not sure.