BANanoVuetifyAD3 7.34 Maintenance Update
Below are some of the stuff in the What's New Section
Using CDN
- You can use CDN resources. In the library on Main > Process Globals > Online = True. This ensures jsDelivr is used for all the CSS & JS Files in the library. To use locally hosted resources in your final App, you can set this to False.
Using / Not Using PlugIns
- You can turn off libraries that you wont use and can just get the Core CSS / JS Files you need.
Sub Process_Globals
Private BANano As BANano 'ignore
Public Version As String = "7.34"
Public AppName As String = "BANAnoVuetifyAD3"
'use debug vue.js
Public CoreFunctionality As Boolean = False
Public UseDebug As Boolean = False
'Use online version of vue/vuetify & others
Public Online As Boolean = True
'https://mashiane.github.io/BANanoVuetifyAD3/#/adprism
Public UsePrismCodeDisplay As Boolean = True
'https://mashiane.github.io/BANanoVuetifyAD3/#/adgmap
Public UseGoogleMaps As Boolean = True
'ajax calls usix axios
Public UseAxios As Boolean = True
'https://mashiane.github.io/BANanoVuetifyAD3/#/qrcode (an option to fetch)
Public UseQRCode As Boolean = True
'https://github.com/gruhn/vue-qrcode-reader
Public UseQRCodeReader As Boolean = True
'https://github.com/mebjas/html5-qrcode
Public UseBarcodeReader As Boolean = True
'https://mashiane.github.io/BANanoVuetifyAD3/#/adjspdf (export vuetable to pdf)
Public UsePDF As Boolean = True
'(export vuetable to excel)
Public UseExcel As Boolean = True
'https://mashiane.github.io/BANanoVuetifyAD3/#/adchartkick
Public UseChartKick As Boolean = True
'https://mashiane.github.io/BANanoVuetifyAD3/#/firebasecrud
Public UseFireBase As Boolean = True
'https://mashiane.github.io/BANanoVuetifyAD3/#/leaf
Public UseLeafLetMaps As Boolean = True
Public UseBlurring As Boolean = True
'https://mashiane.github.io/BANanoVuetifyAD3/#/quillx
Public UseHTMLEditor As Boolean = True
'https://mashiane.github.io/BANanoVuetifyAD3/#/ (chat box)
Public UseBeautifulChat As Boolean = True
'https://mashiane.github.io/BANanoVuetifyAD3/#/counchcrud (install offline first db)
Public UsePouchDB As Boolean = True
'https://mashiane.github.io/BANanoVuetifyAD3/#/aes
Public UseEncryption As Boolean = True
'https://mashiane.github.io/BANanoVuetifyAD3/#/kanban
Public UseKanBan As Boolean = True
'https://mashiane.github.io/BANanoVuetifyAD3/#/animatecss
Public UseAnimeCSS As Boolean = True
'https://mashiane.github.io/BANanoVuetifyAD3/#/lottie
Public UseLottie As Boolean = True
'https://mashiane.github.io/BANanoVuetifyAD3/#/basicanimations
Public UseAnimeJS As Boolean = True
'https://mashiane.github.io/BANanoVuetifyAD3/#/adcamera
Public UseWebCam As Boolean = True
'https://www.b4x.com/android/forum/threads/bananovuetifyad3-organogram-lite-firebase-webapp-source-code-11.130680/
Public UseFlowy As Boolean = True
'https://mashiane.github.io/BANanoVuetifyAD3/#/addynaform
Public UseDynamicForms As Boolean = True
'https://mashiane.github.io/BANanoVuetifyAD3/#/translate
Public UseTranslate As Boolean = True
'export & import csv
Public UseImportCSV As Boolean = True
'
Public UseFluidMeter As Boolean = True
Public UseGauge As Boolean = True
Public UseKMLToGeoJSON As Boolean = True
'Public UseApexCharts As Boolean = False
'Public UseCircularFluidMeter As Boolean = False
'
'Public UseShowDown As Boolean = True
'sanitize data from HTML editor
'Public UseDOMPurify As Boolean = True
'show markdown/html from markdown
'Public UseMarkDown As Boolean = True
Public UseCompositionAPI As Boolean = False
Public UseBarCode As Boolean = True
Public UseSignaturePad As Boolean = True
'Public UsePageFlip As Boolean = True
Public UseBottomNavigation As Boolean = True
Public UseBrowserPrint As Boolean = True
End Sub
If an option is set to false, the CSS & JS files applicable to that component
will not be part of your App. These settings are all turned to True as they are showcased in the Kitchen Sink. For example, if your app will not use the UseQRCodeReader , you can just set it to False.
Using Core Functionality (without PlugIns)
You can just use the Core Vuetify functionality without PlugIns. You do this by setting
CoreFunctionality = True. This is what it does
If CoreFunctionality Then
UsePrismCodeDisplay = False
UseGoogleMaps = False
UseAxios = False
UseQRCode = False
UseQRCodeReader = False
UseBarcodeReader = False
UsePDF = False
UseExcel = False
UseChartKick = False
UseFireBase = False
UseLeafLetMaps = False
UseBlurring = False
UseHTMLEditor = False
UseBeautifulChat = False
UsePouchDB = False
UseEncryption = False
UseKanBan = False
UseAnimeCSS = False
UseLottie = False
UseAnimeJS = False
UseWebCam = False
UseFlowy = False
UseDynamicForms = False
UseTranslate = False
UseImportCSV = False
UseFluidMeter = False
UseGauge = False
UseKMLToGeoJSON = False
UseCompositionAPI = False
UseBarCode = False
UseSignaturePad = False
UseBottomNavigation = False
UseBrowserPrint = False
End If
'ret
'UseImportCSV = True
'UseEncryption = True
'UsePDF = True
'UseExcel = True
'UseAxios = True
'UseBrowserPrint = True
'UseLottie = True
If however you want to use the core-functionality but with some of the plugins, you can then set those to True after CoreFunctionality.
Happy BANanoVuetifyAD3 coding.
PS:
- Setting the plugins = False, does not remove the related component code from the library & thus the compiled BANanoVuetifyAD3.b4xlib.
- Also, this does not remove the JS / CSS from the b4xlib, but will surely remove the unused CSS/JS content from your final app.
- Also use the package manager as it removes unused component code as an added functionality.
- Comment your code with 'IgnoreDeadCode and run the RemoveDeadCode functionality with the transpiler.
- Set Online = True for your final app to use jsDelivr CDN, this decreases the size of your app and ensures the needed cached resources are used. If however you expect erratic internet connection, consider making your app a PWA.