I saw this in a PHPStorm ad.
So, cheers, everyone, for those of us who are still using PHP (on shared hosting particularly)!
I saw this in a PHPStorm ad.
So, cheers, everyone, for those of us who are still using PHP (on shared hosting particularly)!
According to npm statistics today, bootstrap-vue has 257,360 weekly downloads and Vuetify has 290,901 weekly downloads, while Quasar has 27,944 weekly downloads (about 10%). What is your plan for increasing Quasar’s userbase so we will have a larger community (and thus, likely better community support)?
Use npm install --save-dev webpack-obfuscator.
Here’s a sample from my quasar.conf.js:
let JavaScriptObfuscator=require('webpack-obfuscator');
...
build:{
...
extendWebpack(cfg,{isServer,isClient}){
if(!ctx.dev&&!ctx.debug){
cfg.plugins.push(new JavaScriptObfuscator({
debugProtection: true,
debugProtectionInterval: true,
rotateStringArray: true,
renameGlobals: true,
stringArrayEncoding: 'rc4',
stringArrayThreshold: 1
}));
...
}
...
}
Maybe you want to store user in Vuex and do this (perhaps in your root component’s created hook):
this.$router.beforeEach((to,from,next)=>this.$store.state.user?next():next('/auth'));
Alternatively, you can use vue-router abstract mode to prevent the user from manually keying in a hash / path.
@Hawkeye64 I was wondering if there was a way to start loading the images immediately after first paint (in the background). Currently the first opening of my menu sidebar is lagging as it only starts loading the images when the menu is opened. I’m currently resorting to using img instead of q-img and putting in invisible imgs elsewhere on the page to force the images to load.
@dobbel I took a look at this: https://github.com/quasarframework/quasar/issues/4941
Do you know if cordova-electron in quasar is production ready?
@Ben-Hayat So, this has gotten me to work. I decided to rebuild my company website using Quasar, with directus (https://directus.io) as the backend (it has quite a full featured API, including a JavaScript SDK which I used, and has authentication built-in).
Let me know your feedback on the UI:
https://customautosys.com/new (new Quasar UI)
https://customautosys.com (old UI)
@qyloxe said in Would you use Vue + Quasar to build a Marketing site?:
@stefanvh said in Would you use Vue + Quasar to build a Marketing site?:
@Ben-Hayat I don’t want to hijack your topic so let me know if I have to move this discussion somewhere else.
I’m also feeling uncomfortable here…
So, for example simple blog functionality. There needs to be a way to authenticate the user with an username and password. The authentication returns an authorization token. With the authorization token the user should be able to create a blog post (e.g. POST /posts). Unauthenticated people should be able to retrieve this post (e.g. GET /posts or /posts/1). This post is prefetched in Quasar and then displayed in a QCard for example. JSON-API covers creating and fetching resources (the posts), but authentication and even authorization can be performed in a billion different ways. Personally I am using PASETO tokens and /login and /register routes with simply {username, password} as payload with the appropriate HTTP status codes as response. But there are a lot of other ways (http://www.passportjs.org/packages/).
anyway, this scheme could be vulnerable to CSRF family of attacks. You need secure, same-site etc. cookie. Every other client side token, visible to JS is a potential vector of attack. If it is a blog for cats stories I wouldnt worry of course, but if it is a blog for bank official statements - this is another story. Do you know who your target is?
Well, the words are cheap and misleading. We, as developers has a opportunity and privilege to talk precisely and exactly about topic - we can use the language of code. So, please just create a repo on github, put your words into action and just create a skeleton, template, base of your thoughts in material (as in computers haha) form. It is much easier to discuss code in specific context than just dream about any possible or maybe possible context. At the end of the day, you will need to make a technical decision.
Authentication is a problem that has been solved by many other companies. Don’t reinvent the wheel. There are solutions like Auth0 & Okta, just to name 2 of the most common ones. Using a tried-and-tested authentication provider is probably more secure and less susceptible to CSRF than anything a solo dev could churn out.
@dobbel In app.styl:
.screenwide
max-width 100% !important
.screenwide .q-table
max-width 100% !important
.screenwide td
white-space normal !important
word-wrap normal !important
hyphens manual
.screenwide th
text-align center !important
In the relevant template:
<q-table :data="recipients" :columns="columns" :rows-per-page-options="[0]" selection="multiple" :selected.sync="selected" table-class="screenwide" dense>
Hi is there a way to use some of the Cordova plugins (in browser mode) in electron? What if I only want to use some plugins but not all?
What is your opinion on Weex and NativeScript? Do you think Quasar would support native development one day, and if so, which native toolkit might you be most inclined to support?
Found the answer, it needs to be installed using --save instead of --save-dev
@dobbel OK I seem to have some results now. cordova-plugin-firebase-analytics for Cordova and Google Tag Manager + gtag.js for SPA. If anyone needs help with GA4, PM me.
@dobbel I used the latest EAP for IntelliJ Ultimate (why limit myself to PHPStorm when I can have everything for free :P)
I added chrome debug extension (all I needed to do was right click the icon and click Inspect in IDEA with IDEA running, and my breakpoints worked) and also xdebug helper (all I needed to do was left click on the icon and click Debug, then click Run->Start Listening for PHP Debug connections - it auto-detected the corresponding file in my project which was symlinked into my localhost Apache www root when it hit the breakpoint). I’m not sure about node.js server side debugging though (my APIs are developed in PHP as I use shared hosting). I’ll probably try debugging electron next. Cordova debugging in IDEA doesn’t seem possible yet, though (hope someone will come up with a guide for that).
I have deployed my recipe and eatery sharing app for the Ketogenic dieting community today.
Check out https://customautosys.com/products.html?ketoshare if you are interested (even if you’re not on a Ketogenic diet, you can give me tips on my interface design!)
@pankaj I have gotten it working already.
cordova plugin add cordova-plugin-purchase.
Here is my boot file:
import productIds from '../utils/productIds';
export default ()=>{
if(process.env.MODE!=='cordova')return;
if(!window.store){
console.log('Store not available');
return;
}
store.validator='https://validator.fovea.cc/v1/validate?appName=...&apiKey=...';
productIds.forEach(id=>{
store.register({
id,
type:id.endsWith('_single')?store.CONSUMABLE:store.PAID_SUBSCRIPTION
});
store.when(id).approved(product=>product.verify()).verified(product=>product.finish());
});
store.error(error=>{
console.log(error);
store.refresh();
});
store.refresh();
};
And in my store component page I just call
store.order(product);
I also used PayPal for the equivalent purchases in electron.
Never thought I’d see the day when Vue and React can join forces
https://blog.logrocket.com/vue-composition-api-in-react-functional-components
I wonder if anyone will create a Reactivuegular next (then again, Angular is no longer very popular nowadays).