admin/raven-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Found the missing link to turn off the pre-fetching, turned out it was a vue plugin causing it outside of pwa etc

Browse Source 
https://medium.com/@mrodal/how-to-make-lazy-loading-actually-work-in-vue-cli-3-7f3f88cfb102
This commit is contained in:
John Cardinal
2020-10-02 23:01:00 +00:00
parent be24511320
commit 518668c688
5 changed files with 29 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
ayanova/devdocs/todo.txt
View File

@@ -3,9 +3,16 @@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
todo: why do I want precaching at all? Seems like a bad idea all around
BUGBUG: decimal control displays blank even when value comes from server. It's ok when you manually enter but reverts to blank even though the value is there on open it aggressively fetches things like the report designer etc
very flakey all around, seems bug riddled, needs thorough testing and fixing slows down first page load
hmm..
INFO
need service worker to enable install to desktop / phone app screen
advantages are access to device info and features (which I don't use now), user ease of use because it's just sitting right on the screen (this is the only reason I support it)
lazy loading is probably what I want: https://blog.logrocket.com/lazy-loading-in-vue-js/
I do want the feature, I just want it to back off when not required
https://vueschool.io/articles/vuejs-tutorials/lazy-loading-and-code-splitting-in-vue-js/
todo: chrome "Lighthouse" test against devops and implement recommendations todo: chrome "Lighthouse" test against devops and implement recommendations
particularly favor time to first particularly favor time to first
@@ -18,11 +25,18 @@ todo: precache workbox trying to cache api routes:
Find a way to turn off Find a way to turn off
https://developers.google.com/web/tools/workbox/modules/workbox-precaching#how_workbox-precaching_works https://developers.google.com/web/tools/workbox/modules/workbox-precaching#how_workbox-precaching_works
### SMALL QUICK ITEMS ##### ### SMALL QUICK ITEMS #####
todo: change logos from png to webp
check if webp is supported e2e and on report
todo: known issues has some efficiency settings for themes and good stuff to know, check it: https://github.com/vuetifyjs/vuetify/releases/tag/v2.3.0#user-content-known-issues todo: known issues has some efficiency settings for themes and good stuff to know, check it: https://github.com/vuetifyjs/vuetify/releases/tag/v2.3.0#user-content-known-issues
todo: new logos too small on large login, add a 3rd (large) size of logo to login form for xl size display todo: new logos too small on large login, add a 3rd (large) size of logo to login form for xl size display
todo: is notifynewcount request double sending? It seems like it appears twice at the same moment in the log todo: is notifynewcount request double sending? It seems like it appears twice at the same moment in the log
todo: lodash, according to lighthouse it's vulnerable version and needs update
can I just remove it and replace the functionality with built in javascript methods now?
todo: libs outside of package.json, check if they are outdated or need updating or can be replaced / removed
todo: login button can be obscured by footer, this should not happen try forcing margin below, footer maybe has a setting to confine it? todo: login button can be obscured by footer, this should not happen try forcing margin below, footer maybe has a setting to confine it?
move the login button? move the login button?
make sure enter works with it make sure enter works with it

2
ayanova/public/index.html
View File

@@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="icon" href="<%= BASE_URL %>favicon.ico" /> <link rel="icon" href="<%= BASE_URL %>favicon.ico" />

2
ayanova/src/api/ayanova-version.js
View File

@@ -1,4 +1,4 @@
export default { export default {
version: "8.0.0-alpha.58", version: "8.0.0-alpha.61",
copyright: "© 1999-2020, Ground Zero Tech-Works Inc." copyright: "© 1999-2020, Ground Zero Tech-Works Inc."
}; };

4
ayanova/vue.config.js
View File

@@ -1,5 +1,9 @@
const MonacoWebpackPlugin = require("monaco-editor-webpack-plugin"); const MonacoWebpackPlugin = require("monaco-editor-webpack-plugin");
module.exports = { module.exports = {
//https://medium.com/@mrodal/how-to-make-lazy-loading-actually-work-in-vue-cli-3-7f3f88cfb102
chainWebpack: config => {
config.plugins.delete("prefetch");
},
configureWebpack: { configureWebpack: {
plugins: [ plugins: [
new MonacoWebpackPlugin({ new MonacoWebpackPlugin({

5
ayanova/webpack.config.js
View File

@@ -1,6 +1,11 @@
// webpack.config.js // webpack.config.js
module.exports = { module.exports = {
optimization: {
splitChunks: {
chunks: "all"
}
},
rules: [ rules: [
{ {
test: /\.s(c|a)ss$/, test: /\.s(c|a)ss$/,