Creating BS5 theme on an AtoM instance not connected to the internet

[Carolyn Sullivan]

Hello all,

We're trying to create a Bootstrap 5 theme for our AtoM on our QA instance, which isn't connected to the internet.  Initially, it wouldn't let us run the npm install or npm run build commands, so our systems analyst found a smart workaround to use a local repository for npm and the three files listed as required in the documentation.

After doing that, we can do sudo -u www-data npm run build, but we get weird errors:

> at...@0.0.0 build
> webpack

assets by status 4.7 MiB [cached] 237 assets
assets by path . 4.57 KiB
  assets by path ../config/ 2.43 KiB
    asset ../config/error/errorB5.html.php 1.5 KiB [compared for emit]
    asset ../config/unavailableB5.php 953 bytes [compared for emit]
  assets by path ../plugins/ 2.14 KiB
    asset ../plugins/arDominionB5Plugin/templates/_layout_start.php 1.11 KiB [compared for emit]
    asset ../plugins/arUOttawaB5Plugin/templates/_layout_start.php 1.03 KiB [compared for emit]
Entrypoint vendor [big] 895 KiB (3.34 MiB) = js/vendor.bundle.134b0eb02f0cefb6009f.js 1 auxiliary asset
Entrypoint arDominionB5Plugin [big] 730 KiB (2.19 MiB) = css/arDominionB5Plugin.bundle.f93253c1b4f1a0e1d6f5.css 416 KiB js/arDominionB5Plugin.bundle.b4ee8c4e7a33a072eb66.js 314 KiB 2 auxiliary assets
Entrypoint arUOttawaB5Plugin [big] 731 KiB (1.76 MiB) = css/arUOttawaB5Plugin.bundle.96557eb0393b0fbe27f8.css 416 KiB js/arUOttawaB5Plugin.bundle.6f01458204e8353128b9.js 314 KiB 2 auxiliary assets
orphan modules 2.97 MiB (javascript) 2.4 MiB (asset) 2.11 KiB (runtime) [orphan] 321 modules
runtime modules 2.48 KiB 11 modules
cacheable modules 2.7 MiB (javascript) 871 KiB (css/mini-extract)
  modules by path ./node_modules/ 2.22 MiB 124 modules
  modules by path ./plugins/ 166 KiB (javascript) 871 KiB (css/mini-extract) 32 modules
  modules by path ./js/*.js 55.6 KiB
    ./js/blank.js 629 bytes [built] [code generated]
    ./js/editingHistory.js 2.18 KiB [built] [code generated]
    + 8 modules
  modules by path ./vendor/yui/ 265 KiB
    ./vendor/yui/yahoo-dom-event/yahoo-dom-event.js 36 KiB [built] [code generated]
    ./vendor/yui/connection/connection.js 37 KiB [built] [code generated]
    + 2 modules

WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets:
  4a2cd718d7031b732e76.ttf (385 KiB)
  js/vendor.bundle.134b0eb02f0cefb6009f.js (895 KiB)
  css/arDominionB5Plugin.bundle.f93253c1b4f1a0e1d6f5.css (416 KiB)
  js/arDominionB5Plugin.bundle.b4ee8c4e7a33a072eb66.js (314 KiB)
  css/arUOttawaB5Plugin.bundle.96557eb0393b0fbe27f8.css (416 KiB)
  js/arUOttawaB5Plugin.bundle.6f01458204e8353128b9.js (314 KiB)

WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
Entrypoints:
  vendor (895 KiB)
      js/vendor.bundle.134b0eb02f0cefb6009f.js
  arDominionB5Plugin (730 KiB)
      css/arDominionB5Plugin.bundle.f93253c1b4f1a0e1d6f5.css
      js/arDominionB5Plugin.bundle.b4ee8c4e7a33a072eb66.js
  arUOttawaB5Plugin (731 KiB)
      css/arUOttawaB5Plugin.bundle.96557eb0393b0fbe27f8.css
      js/arUOttawaB5Plugin.bundle.6f01458204e8353128b9.js


WARNING in webpack performance recommendations:
You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
For more info visit https://webpack.js.org/guides/code-splitting/

The custom theme I was attempting to deploy is arUOttawaB5Plugin.  

Also weirdly... 

(1)We tried checking for the compiled code in /usr/share/nginx/atom/dist/js, and there's the missing packages aren't in there?  Is there any particular place they should be hiding?  

(2) We tried switching to arDominionB5Plugin through the interface, except now, it's not working at all, and it's not letting us log in and change it either.  If we try to inspect it in browser, we see these lovely 404 errors where the javascript isn't loading :O

Any guidance would be dearly appreciated, and thank you so much for your time!

Carolyn.