Merge pull request #7 from simple-repository/feature/static-files-at-runtime

Be more specific with the vendoring, and use defered everywhere where loading JS

Author: pelson

.github/workflows/python-publish.yml

@@ -22,6 +22,16 @@ jobs:
     steps:
       - uses: actions/checkout@v4
 
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 18
+
+      - name: Build JS assets
+        run: |
+          cd javascript
+          npm install --include=dev
+          npm run build
+
       - uses: actions/setup-python@v5
         with:
           python-version: "3.x"

.gitignore

@@ -1,7 +1,4 @@
-simple_repository_browser/static/js/simple-repository-browser.project.js.LICENSE.txt
-simple_repository_browser/static/js/simple-repository-browser.core.js.LICENSE.txt
-simple_repository_browser/static/js/simple-repository-browser.core.js
-simple_repository_browser/static/js/simple-repository-browser.project.js
+simple_repository_browser/static/vendored/
 
 */_version.py
 node_modules

javascript/bootstrap.customized.js

@@ -0,0 +1,2 @@
+import './scss/app.scss';
+import 'bootstrap';

javascript/package-lock.json

@@ -4,15 +4,25 @@
   "description": "A web application for a browsing a Python PEP-503 simple repository",
   "main": "index.js",
   "scripts": {
-    "build": "webpack",
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "build": "mkdir -p ../simple_repository_browser/static/vendored; npm run -s build-bootstrap; npm run -s build-jquery; npm run -s build-fontawesome; npm run -s build-popper.js; npm run -s build-custom-bootstrap",
+    "build-bootstrap": "npm run -s build-bootstrap-js && npm run -s build-bootstrap-css",
+    "build-bootstrap-js": "cp node_modules/bootstrap/dist/js/bootstrap.bundle.min.js* ../simple_repository_browser/static/vendored/",
+    "build.bootstrap-css": "cp node_modules/bootstrap/dist/css/bootstrap.min.css ../simple_repository_browser/static/vendored/",
+    "build-jquery": "cp node_modules/jquery/dist/jquery.min.js ../simple_repository_browser/static/vendored/",
+    "build-fontawesome": "npm run -s build-fontawesome-core && npm run -s build-fontawesome-solid && npm run -s build-fontawesome-regular",
+    "build-fontawesome-core": "cp node_modules/@fortawesome/fontawesome-free/js/fontawesome.min.js ../simple_repository_browser/static/vendored/",
+    "build-fontawesome-solid": "cp node_modules/@fortawesome/fontawesome-free/js/solid.min.js ../simple_repository_browser/static/vendored/",
+    "build-fontawesome-regular": "cp node_modules/@fortawesome/fontawesome-free/js/regular.min.js ../simple_repository_browser/static/vendored/",
+    "build-popper.js": "cp node_modules/popper.js/dist/umd/popper.min.js ../simple_repository_browser/static/vendored/",
+    "build-custom-bootstrap": "webpack"
   },
   "author": "",
   "license": "ISC",
   "devDependencies": {
     "@fortawesome/fontawesome-free": "^5.15.4",
     "autoprefixer": "^10.4.0",
     "css-loader": "^6.5.1",
+    "mini-css-extract-plugin": "^2.9.2",
     "node-sass": "^6.0.1",
     "postcss-loader": "^6.2.1",
     "sass-loader": "^12.3.0",