├── .gitignore ├── LICENSE ├── README.md ├── img ├── android-chrome-192x192.png ├── android-chrome-512x512.png ├── apple-touch-icon.png ├── favicon-16x16.png └── favicon-32x32.png ├── index.html ├── js └── main.js ├── manifest.json └── sw.js /.gitignore: -------------------------------------------------------------------------------- 1 | # Byte-compiled / optimized / DLL files 2 | __pycache__/ 3 | *.py[cod] 4 | *$py.class 5 | 6 | # C extensions 7 | *.so 8 | 9 | # Distribution / packaging 10 | .Python 11 | build/ 12 | develop-eggs/ 13 | dist/ 14 | downloads/ 15 | eggs/ 16 | .eggs/ 17 | lib/ 18 | lib64/ 19 | parts/ 20 | sdist/ 21 | var/ 22 | wheels/ 23 | pip-wheel-metadata/ 24 | share/python-wheels/ 25 | *.egg-info/ 26 | .installed.cfg 27 | *.egg 28 | MANIFEST 29 | 30 | # PyInstaller 31 | # Usually these files are written by a python script from a template 32 | # before PyInstaller builds the exe, so as to inject date/other infos into it. 33 | *.manifest 34 | *.spec 35 | 36 | # Installer logs 37 | pip-log.txt 38 | pip-delete-this-directory.txt 39 | 40 | # Unit test / coverage reports 41 | htmlcov/ 42 | .tox/ 43 | .nox/ 44 | .coverage 45 | .coverage.* 46 | .cache 47 | nosetests.xml 48 | coverage.xml 49 | *.cover 50 | *.py,cover 51 | .hypothesis/ 52 | .pytest_cache/ 53 | 54 | # Translations 55 | *.mo 56 | *.pot 57 | 58 | # Django stuff: 59 | *.log 60 | local_settings.py 61 | db.sqlite3 62 | db.sqlite3-journal 63 | 64 | # Flask stuff: 65 | instance/ 66 | .webassets-cache 67 | 68 | # Scrapy stuff: 69 | .scrapy 70 | 71 | # Sphinx documentation 72 | docs/_build/ 73 | 74 | # PyBuilder 75 | target/ 76 | 77 | # Jupyter Notebook 78 | .ipynb_checkpoints 79 | 80 | # IPython 81 | profile_default/ 82 | ipython_config.py 83 | 84 | # pyenv 85 | .python-version 86 | 87 | # pipenv 88 | # According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control. 89 | # However, in case of collaboration, if having platform-specific dependencies or dependencies 90 | # having no cross-platform support, pipenv may install dependencies that don't work, or not 91 | # install all needed dependencies. 92 | #Pipfile.lock 93 | 94 | # PEP 582; used by e.g. github.com/David-OConnor/pyflow 95 | __pypackages__/ 96 | 97 | # Celery stuff 98 | celerybeat-schedule 99 | celerybeat.pid 100 | 101 | # SageMath parsed files 102 | *.sage.py 103 | 104 | # Environments 105 | .env 106 | .venv 107 | env/ 108 | venv/ 109 | ENV/ 110 | env.bak/ 111 | venv.bak/ 112 | 113 | # Spyder project settings 114 | .spyderproject 115 | .spyproject 116 | 117 | # Rope project settings 118 | .ropeproject 119 | 120 | # mkdocs documentation 121 | /site 122 | 123 | # mypy 124 | .mypy_cache/ 125 | .dmypy.json 126 | dmypy.json 127 | 128 | # Pyre type checker 129 | .pyre/ 130 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2022 John J. Hanley 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # pyscript_pwa_demo_1 2 | 3 | Creating installable PyScript applications that cache assets and runs offline 4 | offer enormous potential for Python. In this article, I will show you how to 5 | create a Python application that installs on the desktop and on mobile devices. 6 | This application will continue to function with no Internet connection. The 7 | PyScript and Pyodide files are cached by the application significantly reducing 8 | startup time. In my opinion, this will be a killer feature that will allow 9 | Python to be a major web development language. 10 | 11 | https://www.jhanley.com/pyscript-creating-installable-offline-applications/ 12 | -------------------------------------------------------------------------------- /img/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jhanley-com/pyscript_pwa_demo_1/f75899c9de28e2be3fb7b43bb846327f5d97afc6/img/android-chrome-192x192.png -------------------------------------------------------------------------------- /img/android-chrome-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jhanley-com/pyscript_pwa_demo_1/f75899c9de28e2be3fb7b43bb846327f5d97afc6/img/android-chrome-512x512.png -------------------------------------------------------------------------------- /img/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jhanley-com/pyscript_pwa_demo_1/f75899c9de28e2be3fb7b43bb846327f5d97afc6/img/apple-touch-icon.png -------------------------------------------------------------------------------- /img/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jhanley-com/pyscript_pwa_demo_1/f75899c9de28e2be3fb7b43bb846327f5d97afc6/img/favicon-16x16.png -------------------------------------------------------------------------------- /img/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jhanley-com/pyscript_pwa_demo_1/f75899c9de28e2be3fb7b43bb846327f5d97afc6/img/favicon-32x32.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Matplotlib 4 | 5 | 6 | 7 | 8 | 9 | 10 | - matplotlib 11 | 12 | 13 | 14 | 15 |
16 | 17 | import matplotlib.pyplot as plt 18 | import matplotlib.tri as tri 19 | import numpy as np 20 | 21 | # First create the x and y coordinates of the points. 22 | n_angles = 36 23 | n_radii = 8 24 | min_radius = 0.25 25 | radii = np.linspace(min_radius, 0.95, n_radii) 26 | 27 | angles = np.linspace(0, 2 * np.pi, n_angles, endpoint=False) 28 | angles = np.repeat(angles[..., np.newaxis], n_radii, axis=1) 29 | angles[:, 1::2] += np.pi / n_angles 30 | 31 | x = (radii * np.cos(angles)).flatten() 32 | y = (radii * np.sin(angles)).flatten() 33 | z = (np.cos(radii) * np.cos(3 * angles)).flatten() 34 | 35 | # Create the Triangulation; no triangles so Delaunay triangulation created. 36 | triang = tri.Triangulation(x, y) 37 | 38 | # Mask off unwanted triangles. 39 | triang.set_mask(np.hypot(x[triang.triangles].mean(axis=1), 40 | y[triang.triangles].mean(axis=1)) 41 | < min_radius) 42 | 43 | fig1, ax1 = plt.subplots() 44 | ax1.set_aspect('equal') 45 | tpc = ax1.tripcolor(triang, z, shading='flat') 46 | fig1.colorbar(tpc) 47 | ax1.set_title('tripcolor of Delaunay triangulation, flat shading') 48 | 49 | fig1 50 | 51 | 52 | 53 | 54 | -------------------------------------------------------------------------------- /js/main.js: -------------------------------------------------------------------------------- 1 | if ('serviceWorker' in navigator) { 2 | window.addEventListener('load', () => { 3 | navigator.serviceWorker 4 | .register('sw.js') 5 | .then(reg => console.log('Service Worker: Registered')) 6 | .catch(err => console.log(`Service Worker: Error: ${err}`)); 7 | }); 8 | } 9 | 10 | var installPrompt 11 | 12 | window.addEventListener('beforeinstallprompt', (e) => { 13 | bInstall = document.getElementById('bInstall'); 14 | installPrompt = e; 15 | e.preventDefault(); 16 | bInstall.removeAttribute('disabled'); 17 | bInstall.classList.remove('hidden'); 18 | }); 19 | 20 | bInstall.addEventListener('click', () => { 21 | bInstall = document.getElementById('bInstall'); 22 | bInstall.setAttribute('disabled', true); 23 | bInstall.classList.add('hidden'); 24 | installPrompt.prompt(); 25 | }); 26 | -------------------------------------------------------------------------------- /manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Mathplot Example", 3 | "short_name": "Mathplot", 4 | "id": "index.html", 5 | "start_url": "index.html", 6 | "display": "standalone", 7 | "theme_color": "#1a237e", 8 | "background_color": "#e8eaf6", 9 | "orientation": "portrait-primary", 10 | "icons": [ 11 | { 12 | "src": "img/android-chrome-192x192.png", 13 | "sizes": "192x192", 14 | "type": "image/png" 15 | }, 16 | { 17 | "src": "img/android-chrome-512x512.png", 18 | "sizes": "512x512", 19 | "type": "image/png" 20 | } 21 | ] 22 | } 23 | -------------------------------------------------------------------------------- /sw.js: -------------------------------------------------------------------------------- 1 | const cacheName = 'v2'; 2 | 3 | const assets = [ 4 | 'index.html', 5 | 'js/main.js', 6 | ]; 7 | 8 | self.addEventListener('install', e => { 9 | console.log('Service Worker: Installed'); 10 | e.waitUntil( 11 | caches.open(cacheName).then((cache) => { 12 | cache.addAll(assets); 13 | }) 14 | ); 15 | }); 16 | 17 | self.addEventListener('activate', e => { 18 | console.log('Service Worker: Activated'); 19 | }); 20 | 21 | self.addEventListener('fetch', e => { 22 | e.respondWith( 23 | fetch(e.request) 24 | .then(res => { 25 | const resClone = res.clone(); 26 | caches.open(cacheName).then(cache => { 27 | cache.put(e.request, resClone); 28 | }); 29 | return res; 30 | }) 31 | .catch(err => caches.match(e.request).then(res => res)) 32 | ); 33 | }); 34 | --------------------------------------------------------------------------------