diff --git a/Dockerfile b/Dockerfile index 18f479d..c9b689f 100644 --- a/Dockerfile +++ b/Dockerfile @@ -7,6 +7,7 @@ WORKDIR /app # Copy only the necessary files for TailwindCSS build COPY package.json package-lock.json ./ COPY ./app/templates ./app/templates +COPY ./app/static/js ./app/static/js COPY tailwind.config.js ./ # Install Node.js dependencies @@ -39,6 +40,7 @@ COPY . . # Copy the built TailwindCSS assets from the first stage COPY --from=tailwind-builder /app/app/static/css/tailwind.css ./app/static/css/tailwind.css +COPY --from=tailwind-builder /app/app/static/js/diy-turbo.min.js ./app/static/js/diy-turbo.min.js # Run tests during the build process RUN pytest --maxfail=5 --disable-warnings -v || (echo "Tests failed. Exiting." && exit 1) diff --git a/app/__init__.py b/app/__init__.py index a916e34..4711337 100644 --- a/app/__init__.py +++ b/app/__init__.py @@ -5,6 +5,7 @@ from flask_migrate import Migrate from flask_bcrypt import Bcrypt from flask_login import LoginManager from flask_compress import Compress +from flask_minify import Minify # Initialize Flask extensions db = SQLAlchemy() @@ -12,6 +13,7 @@ migrate = Migrate() bcrypt = Bcrypt() login_manager = LoginManager() compress = Compress() +minify = Minify(html=True, js=True, cssless=True, fail_safe=True) login_manager.login_view = 'auth.login' login_manager.login_message_category = 'info' @@ -29,6 +31,8 @@ def create_app(): bcrypt.init_app(app) login_manager.init_app(app) compress.init_app(app) + minify.init_app(app) + # Import models here to avoid circular imports from app.models import User # Import the User model diff --git a/app/static/js/diy-turbo.min.js b/app/static/js/diy-turbo.min.js new file mode 100644 index 0000000..d3b95f4 --- /dev/null +++ b/app/static/js/diy-turbo.min.js @@ -0,0 +1 @@ +document.addEventListener("click",async t=>{const e=t.target.closest("a");if(!e)return;const o=e.getAttribute("href");if(o&&!o.startsWith("#")&&!o.startsWith("javascript:")&&e.origin===window.location.origin&&!("_blank"===e.target||e.hasAttribute("download")||t.ctrlKey||t.shiftKey||t.metaKey||t.altKey||"false"===e.getAttribute("data-turbo"))){t.preventDefault(),document.body.style.cursor="wait";try{const t=await fetch(o);if(!t.ok)throw new Error("Fetch failed");const e=await t.text(),r=(new DOMParser).parseFromString(e,"text/html");document.title=r.title,document.body.innerHTML=r.body.innerHTML,document.body.className=r.body.className,document.body.style.cursor="default",window.history.pushState({},"",o),window.scrollTo(0,0),document.dispatchEvent(new Event("diy-turbo:load"))}catch(t){console.error("DIY Turbo navigation error:",t),window.location.href=o}}}),window.addEventListener("popstate",async()=>{document.body.style.cursor="wait";try{const t=await fetch(window.location.href);if(!t.ok)throw new Error("Fetch failed");const e=await t.text(),o=(new DOMParser).parseFromString(e,"text/html");document.title=o.title,document.body.innerHTML=o.body.innerHTML,document.body.className=o.body.className,document.body.style.cursor="default",document.dispatchEvent(new Event("diy-turbo:load"))}catch(t){console.error("DIY Turbo popstate error:",t),window.location.reload()}}); \ No newline at end of file diff --git a/app/templates/_layout.html b/app/templates/_layout.html index b714c67..bbb489b 100644 --- a/app/templates/_layout.html +++ b/app/templates/_layout.html @@ -7,7 +7,7 @@ {% block title %}BP Tracker{% endblock %} - + diff --git a/package-lock.json b/package-lock.json index 5b03fad..fadb7a0 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,10 +8,14 @@ "name": "bloodpressure", "version": "1.0.0", "license": "ISC", + "dependencies": { + "tailwindcss": "^3.0.0" + }, "devDependencies": { "autoprefixer": "^10.4.20", "postcss": "^8.4.49", - "tailwindcss": "^3.4.17" + "tailwindcss": "^3.4.17", + "terser": "^5.46.0" } }, "node_modules/@alloc/quick-lru": { @@ -75,6 +79,16 @@ "node": ">=6.0.0" } }, + "node_modules/@jridgewell/source-map": { + "version": "0.3.11", + "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.11.tgz", + "integrity": "sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==", + "dev": true, + "dependencies": { + "@jridgewell/gen-mapping": "^0.3.5", + "@jridgewell/trace-mapping": "^0.3.25" + } + }, "node_modules/@jridgewell/sourcemap-codec": { "version": "1.5.0", "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz", @@ -136,6 +150,18 @@ "node": ">=14" } }, + "node_modules/acorn": { + "version": "8.16.0", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz", + "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==", + "dev": true, + "bin": { + "acorn": "bin/acorn" + }, + "engines": { + "node": ">=0.4.0" + } + }, "node_modules/ansi-regex": { "version": "6.1.0", "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz", @@ -293,6 +319,12 @@ "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" } }, + "node_modules/buffer-from": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz", + "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==", + "dev": true + }, "node_modules/camelcase-css": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz", @@ -1175,6 +1207,15 @@ "url": "https://github.com/sponsors/isaacs" } }, + "node_modules/source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/source-map-js": { "version": "1.2.1", "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", @@ -1184,6 +1225,16 @@ "node": ">=0.10.0" } }, + "node_modules/source-map-support": { + "version": "0.5.21", + "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz", + "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==", + "dev": true, + "dependencies": { + "buffer-from": "^1.0.0", + "source-map": "^0.6.0" + } + }, "node_modules/string-width": { "version": "5.1.2", "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz", @@ -1351,6 +1402,30 @@ "node": ">=14.0.0" } }, + "node_modules/terser": { + "version": "5.46.0", + "resolved": "https://registry.npmjs.org/terser/-/terser-5.46.0.tgz", + "integrity": "sha512-jTwoImyr/QbOWFFso3YoU3ik0jBBDJ6JTOQiy/J2YxVJdZCc+5u7skhNwiOR3FQIygFqVUPHl7qbbxtjW2K3Qg==", + "dev": true, + "dependencies": { + "@jridgewell/source-map": "^0.3.3", + "acorn": "^8.15.0", + "commander": "^2.20.0", + "source-map-support": "~0.5.20" + }, + "bin": { + "terser": "bin/terser" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/terser/node_modules/commander": { + "version": "2.20.3", + "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", + "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==", + "dev": true + }, "node_modules/thenify": { "version": "3.3.1", "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz", diff --git a/package.json b/package.json index 5f11dfa..732b73a 100644 --- a/package.json +++ b/package.json @@ -4,7 +4,7 @@ "description": "", "main": "index.js", "scripts": { - "build": "npx tailwindcss -o ./app/static/css/tailwind.css --minify", + "build": "npx tailwindcss -o ./app/static/css/tailwind.css --minify && npx terser ./app/static/js/diy-turbo.js -o ./app/static/js/diy-turbo.min.js -c -m", "serve": "npx tailwindcss -o ./app/static/css/tailwind.css --minify --watch" }, "author": "", @@ -15,6 +15,7 @@ "devDependencies": { "autoprefixer": "^10.4.20", "postcss": "^8.4.49", - "tailwindcss": "^3.4.17" + "tailwindcss": "^3.4.17", + "terser": "^5.46.0" } } diff --git a/requirements.txt b/requirements.txt index 772bfe9..5822d6f 100644 --- a/requirements.txt +++ b/requirements.txt @@ -37,3 +37,5 @@ typing-extensions==4.12.2 werkzeug==3.1.3 wtforms==3.2.1 zipp==3.21.0 +Flask-Minify==0.43 +Brotli==1.2.0