the-tempus-project/thetempusproject
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Apple PWA fixes

Browse Source
This commit is contained in:
Joey Kimsey
2025-02-07 16:14:00 -05:00
parent db58927df1
commit 7d2293208f
11 changed files with 84 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.gitattributes vendored Normal file
View File

@ -0,0 +1 @@
* text=auto eol=lf

2
.gitignore vendored
View File

@ -65,4 +65,4 @@ vendor/canary/logs/*
components/*
mailhog.log
uploads/*
images/qr-codes/
images/qr-codes/*

37
app/js/main.js
View File

@ -8,25 +8,48 @@
* @link https://TheTempusProject.com
* @license https://opensource.org/licenses/MIT [MIT LICENSE]
*/
/**
* Progressive Web-App
**/
let deferredPrompt;
const installPrompt = document.getElementById("install-prompt");
const chromeMessage = document.getElementById("chrome-install-message");
const iosMessage = document.getElementById("ios-install-message");
const installButton = document.getElementById("install-button");
const dismissButton = document.querySelector("#install-prompt .btn-close");
// Check if the user previously dismissed the prompt
if (!localStorage.getItem("pwaInstallDismissed")) {
if ( ! localStorage.getItem("pwaInstallDismissed") ) {
window.addEventListener("beforeinstallprompt", (event) => {
event.preventDefault();
deferredPrompt = event;
installPrompt.classList.remove("d-none");
installPrompt.classList.add("d-block"); // Show the prompt
installPrompt.classList.add("d-block"); // Show the alert
chromeMessage.classList.remove("d-none");
chromeMessage.classList.add("d-block"); // Show the prompt
});
if ( isIos() && ! isInStandaloneMode() ) {
installPrompt.classList.remove("d-none");
installPrompt.classList.add("d-block"); // Show the alert
iosMessage.classList.remove("d-none");
iosMessage.classList.add("d-block"); // Show the prompt
}
}
// ios REQUIRES a service worker
if ( 'serviceWorker' in navigator ) {
navigator.serviceWorker.register('app/js/sw.js')
.then(() => console.log('Service Worker Registered'));
}
// self.addEventListener('install', () => self.skipWaiting());
// self.addEventListener('activate', () => self.clients.claim());
// self.addEventListener('fetch', () => {}); // No file interception
// Handle Install Button Click
if ( installButton ) {
installButton.addEventListener("click", async () => {
if (deferredPrompt) {
if ( deferredPrompt ) {
deferredPrompt.prompt();
const { outcome } = await deferredPrompt.userChoice;
@ -65,6 +88,14 @@ if (localStorage.getItem("pwaInstallDismissed")) {
}
}
function isIos() {
return /iphone|ipad|ipod/i.test(navigator.userAgent);
}
function isInStandaloneMode() {
return window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone;
}
/**
* Automatically selects/de-selects all check boxes associated with that field
**/

1
app/js/sw.js Normal file
View File

@ -0,0 +1 @@
self.addEventListener('fetch', () => {});

2
app/models/sessions.php
View File

@ -59,7 +59,7 @@ class Sessions extends DatabaseModel {
public function checkSession( $sessionID ) {
$user = new User;
// @todo lets put this on some sort of realistic checking regime other than check everything every time
if ( $sessionID == false ) {
if ( empty( $sessionID ) ) {
Debug::log( 'sessionID false' );
return false;
}

5
app/templates/default/default.tpl
View File

@ -28,7 +28,12 @@
{AUTHOR}
{ROBOT}
<link rel="icon" href="{ROOT_URL}images/favicon.ico" sizes="32x32">
<!-- Apple PWA -->
<link rel="apple-touch-icon" href="{ROOT_URL}images/apple-touch-icon.png"><!-- 180×180 -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="{SITENAME}">
<!-- PWA -->
<link rel="manifest" href="{ROOT_URL}manifest.webmanifest">
<!-- Required CSS -->
<!-- <link rel="stylesheet" href="{FONT_AWESOME_URL}fontawesome.min.css" crossorigin="anonymous"> -->

4
app/views/faq.html
View File

@ -56,8 +56,8 @@
<div id="collapse3" class="accordion-collapse collapse" aria-labelledby="generalHeading3" data-bs-parent="#generalAccordion">
<div class="accordion-body context-main context-other-bg" id="general3">
<span class="text-lead text-primary">
{SITENAME} is open source and available free of charge through <a href="{ROOT_URL}libraries/ttp/git" class="text-decoration-none">GitLab</a> and <a href="{ROOT_URL}libraries/ttp/packagist" class="text-decoration-none">Packagist</a>.
The developer behind the project is <a href="https://joeykimsey.com/" class="text-decoration-none">Joey Kimsey</a> and he can be contacted through his website for development services.
{SITENAME} is open source and available free of charge through <a href="{ROOT_URL}libraries/ttp/git" class="text-decoration-none context-main">GitLab</a> and <a href="{ROOT_URL}libraries/ttp/packagist" class="text-decoration-none context-main">Packagist</a>.
The developer behind the project is <a href="https://joeykimsey.com/" class="text-decoration-none context-main">Joey Kimsey</a> and he can be contacted through his website for development services.
</span>
</div>
</div>

9
app/views/pwa.html
View File

@ -1,11 +1,18 @@
<div class="container pt-4 d-none" id="install-prompt">
<div class="row">
<div class="alert alert-success alert-dismissible w-100" role="alert">
<div class="alert alert-success alert-dismissible w-100 d-none" role="alert" id="chrome-install-message">
<div class="d-flex justify-content-between align-items-center">
{SITENAME} is now available as a Progressive Web App, click the button to install now.
<button class="btn btn-md btn-outline-primary mx-2" id="install-button">Install App</button>
</div>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<div class="alert alert-success alert-dismissible w-100 d-none" role="alert" id="ios-install-message">
<div class="d-flex justify-content-between align-items-center">
{SITENAME} is now available as a Progressive-Web-App, tap the share icon and then "Add to Home Screen".
</div>
<img src="/images/share-icon.png" class="iimg-fluid">
</div>
</div>
</div>

54
composer.lock generated
View File

@ -244,9 +244,9 @@
},
"require": {
"php": ">=8.1.0",
"thetempusproject/canary": "1.0.6",
"thetempusproject/hermes": "1.0.3",
"thetempusproject/houdini": "2.0.2"
"thetempusproject/canary": "1.0.9",
"thetempusproject/hermes": "1.0.5",
"thetempusproject/houdini": "2.0.5"
},
"type": "library",
"autoload": {
@ -272,20 +272,22 @@
}
],
"description": "Bedrock is intended as the core functionality used by The Tempus Project: a rapid prototyping framework. This library utilizes the MVC architecture in addition to a custom templating engine designed to make building web applications simple.",
"homepage": "https://git.thetempusproject.com/the-tempus-project/bedrock",
"homepage": "https://thetempusproject.com/libraries/bedrock",
"keywords": [
"framework",
"mvc"
"mvc",
"php",
"thetempusproject"
],
"time": "2025-02-06T03:02:46+00:00"
},
{
"name": "thetempusproject/canary",
"version": "1.0.6",
"version": "1.0.9",
"source": {
"type": "git",
"url": "https://git.thetempusproject.com/the-tempus-project/canary",
"reference": "44b2ad688cff933964ec2ff50b408d94c7f51e40"
"reference": "77cef522e9919573836901eb82b59b20f453fb61"
},
"require": {
"php": ">=8.1.0"
@ -313,22 +315,23 @@
}
],
"description": "Functionality for tracking, logging, and sending log messages to chrome for debugging.",
"homepage": "https://git.thetempusproject.com/the-tempus-project/canary",
"homepage": "https://thetempusproject.com/libraries/canary",
"keywords": [
"debugging",
"logging",
"php",
"thetempusproject",
"tools"
],
"time": "2025-01-22T01:39:34+00:00"
"time": "2025-02-04T12:16:29+00:00"
},
{
"name": "thetempusproject/hermes",
"version": "1.0.3",
"version": "1.0.5",
"source": {
"type": "git",
"url": "https://git.thetempusproject.com/the-tempus-project/hermes",
"reference": "4b4e06a98f0f01695bda18de240bb3294d096ef4"
"reference": "802581b1d2d70877ccc75d8954b33efcc05d9371"
},
"require": {
"php": ">=8.1.0"
@ -355,28 +358,29 @@
"role": "Lead Developer"
}
],
"description": "Php functions that aid in routing and redirecting; requests and responses.",
"homepage": "https://git.thetempusproject.com/the-tempus-project/hermes",
"description": "This library handles redirects, provides a common backbone for routing, and can handle autoloading in cases where composer is unavailable.",
"homepage": "https://thetempusproject.com/libraries/hermes",
"keywords": [
"autoloader",
"php",
"routing",
"thetempusproject",
"tools"
],
"time": "2025-01-22T01:43:15+00:00"
"time": "2025-02-02T23:22:15+00:00"
},
{
"name": "thetempusproject/houdini",
"version": "2.0.2",
"version": "2.0.5",
"source": {
"type": "git",
"url": "https://git.thetempusproject.com/the-tempus-project/houdini",
"reference": "fb027a4ebc327e709ad3da29a4cf112894c2b7e6"
"reference": "2c7538471ab1f900048ccdb2c71d6bf2bee975e0"
},
"require": {
"php": ">=8.1.0",
"thetempusproject/canary": "1.0.6",
"thetempusproject/hermes": "1.0.3"
"thetempusproject/canary": "1.0.9",
"thetempusproject/hermes": "1.0.5"
},
"type": "library",
"autoload": {
@ -399,15 +403,15 @@
"role": "Lead Developer"
}
],
"description": "Php functions that aid in creating, managing, and displaying frontend components.",
"homepage": "https://git.thetempusproject.com/the-tempus-project/houdini",
"description": "This library handles creating, managing, and displaying frontend components.",
"homepage": "https://thetempusproject.com/libraries/houdini",
"keywords": [
"frontend",
"php",
"thetempusproject",
"tools"
],
"time": "2025-01-27T05:02:14+00:00"
"time": "2025-02-04T12:19:25+00:00"
},
{
"name": "twbs/bootstrap",
@ -463,10 +467,10 @@
"packages-dev": [],
"aliases": [],
"minimum-stability": "dev",
"stability-flags": [],
"stability-flags": {},
"prefer-stable": true,
"prefer-lowest": false,
"platform": [],
"platform-dev": [],
"plugin-api-version": "2.3.0"
"platform": {},
"platform-dev": {},
"plugin-api-version": "2.6.0"
}

BIN
images/apple-touch-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
images/share-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB