This is a quick post to show how you can add a custom error message when using Vuelidate in Vue3. In my case I have a price field that should not be greater than $1000. The issue is that I store the amount in cents which results in the following error:
This is obviously a little ambiguous to the user who isn’t aware that everything is running in cents behind the scenes. In order to avoid the issue I used a helper in @vuelidate/validates:
// Import the following in your component
import {
required,
maxValue,
helpers, // Helpers provides access to the message customisation
} from "@vuelidate/validators";
...
// Add the following validation rule
priceInCents: {
required,
maxValue: helpers.withMessage("Price cannot be more than $1000.00" , maxValue(100000)),
},
With the new rule in place the error is much more useful:
To test the url you can use something like Postman with the following configuration:
Simply pasting the url into the path should populate the headers for you. As for the body, select “binary” and browse for an image. When you’re ready, click “Send”.
You should get a 200 OK response and now be able to see your uploaded image in your destination bucket. Unless you’ve changed the key it should be under the name “test-file.jpg”.
One of the main advantages of using a pre-signed url is that it allows you to upload images directly to AWS and bypass your backend server completely. You can also use it to sign image retrievals. This allows you to give the links a limited life-span – great for preventing hot-linking.
I’ve recently switched from PostgreSQL and MSSQL to MySQL. I ran into a bit of an issue today where I needed to see the queries I was generating for an insert statement. For MSSQL I’d normally use SQL profiler.
After a bit of Googling I came across the following solution for MySQL:
-- Enable the logging
SET GLOBAL log_output = 'TABLE';
SET GLOBAL general_log = 'ON';
-- View the results
SELECT *
FROM mysql.general_log
ORDER BY event_time DESC;
Running this in Sequel Pro displays an output similar to the following:
I come from a mostly JavaScript and .NET background and am currently transitioning to Golang. I’m really liking the language and ecosystem so far but one thing that has irked me a little is that I can’t leave variables as placeholders or even for debugging.
var placeholder1 [][]string
var test1 string
Something as simple as the above results in two compiler errors stating that the variables are declared but not used`.
A bit of Googling showed quite a few people with similar complaints, but there was one solution that seemed to fit my use-case pretty well:
var placeholder1 [][]string
var test1 string
// Use discards
_, _ = placeholder1, test1
I’m trying out Goland on an old Mac and hit a bit of an issue where it was unable to resolve most of my modules. The weird thing was that if I ran the project from a terminal it was fine so this seemed to rule out any path issues.
This ended up being a few IDE settings – double check the following:
Click “Goland” in the top left
Click “Preferences”
Expand “Go” in the sidebar
Click “Go Modules”
Check “Enable Go modules integration”
Click “GO PATH” in the sidebar
Ensure that there are zero entries under the “Project GOPATH” and “Module GOPATH” headings
Ensure that “Use GOPATH that’s defined in system environment” is checked
Ensure that “Index entire GOPATH” is checked
Click “Apply” and “OK”
You may need to wait a short while for that indexing to refresh. If it doesn’t look like it’s doing anything run “go mod download” from your terminal. If it’s still broken restarting Goland seems to fix it up sometimes as well.
I’ve setup a deployment pipeline for the JellyWidgets.com react app that I’m currently messing around on. Unfortunately, while the deployment appeared to be successful it the CDN wasn’t updating.
This turned out to be a fairly simply fix – I needed to purge the cache after each deployment. This can be done manually using the Azure portal:
Simply click the purge button on your CDN’s profile page. For a more permanent fix you can also setup a pipeline step like the following:
I am currently setting up an azure pipeline to deploy a ReactApp to a Blob storage container. I was a bit surprised when I hit the following error with an Ubuntu pool:
Task : Azure file copy
Description : Copy files to Azure Blob Storage or virtual machines
Version : 4.184.1
Author : Microsoft Corporation
Help : https://docs.microsoft.com/azure/devops/pipelines/tasks/deploy/azure-file-copy
==============================================================================
##[error]The current operating system is not capable of running this task. That typically means the task was written for Windows only. For example, written for Windows Desktop PowerShell.
##[debug]System.InvalidOperationException: The current operating system is not capable of running this task. That typically means the task was written for Windows only. For example, written for Windows Desktop PowerShell.
at Microsoft.VisualStudio.Services.Agent.Worker.TaskRunner.RunAsync()
at Microsoft.VisualStudio.Services.Agent.Worker.StepsRunner.RunStepAsync(IStep step, CancellationToken jobCancellationToken)
I did a quick search in the task lists and couldn’t find anything specifically for Linux. A bit of Googling brought up an open Github thread stating that there currently isn’t a built in task to address this issue.
The next best alternative is to use the AzureCli task and invoke it that way:
I’ve added AKS to my Azure environment today using Bicep. This is the Bicep template I ended up using in case it’s useful:
@description('The name of the Managed Cluster resource.')
param clusterName string
@description('The location of the Managed Cluster resource.')
param location string = resourceGroup().location
@description('Optional DNS prefix to use with hosted Kubernetes API server FQDN.')
param dnsPrefix string
@minValue(0)
@maxValue(1023)
@description('Disk size (in GB) to provision for each of the agent pool nodes. This value ranges from 0 to 1023. Specifying 0 will apply the default disk size for that agentVMSize.')
param osDiskSizeGB int = 0
@minValue(1)
@maxValue(50)
@description('The number of nodes for the cluster.')
param agentCount int = 1
@description('The size of the Virtual Machine. Currently the cheapest is Standard_B2s: https://azureprice.net/?currency=AUD®ion=eastus2')
param agentVMSize string = 'Standard_B2s'
@description('User name for the Linux Virtual Machines.')
param linuxAdminUsername string
@description('Configure all linux machines with the SSH RSA public key string. Your key should include three parts, for example \'ssh-rsa AAAAB...snip...UcyupgH azureuser@linuxvm\'')
param sshRSAPublicKey string
@allowed([
'Linux'
])
@description('The type of operating system.')
param osType string = 'Linux'
resource clusterName_resource 'Microsoft.ContainerService/managedClusters@2020-03-01' = {
name: clusterName
location: location
properties: {
dnsPrefix: dnsPrefix
agentPoolProfiles: [
{
name: 'agentpool'
osDiskSizeGB: osDiskSizeGB
count: agentCount
vmSize: agentVMSize
osType: osType
type: 'VirtualMachineScaleSets'
mode: 'System' // https://github.com/Azure/AKS/issues/1568#issuecomment-619642862
}
]
linuxProfile: {
adminUsername: linuxAdminUsername
ssh: {
publicKeys: [
{
keyData: sshRSAPublicKey
}
]
}
}
}
identity: {
type: 'SystemAssigned'
}
}
output controlPlaneFQDN string = reference(clusterName).fqdn
What I Broke - Programming and Web Development 