CA Manas Madrecha ManasMadrecha

Sending email with serverless functions

You can deploy this function on any of the serverless platforms - AWS Lambda, Google Cloud Functions, Azure Functions, Netlify, Cloudflare Workers, etc.

Create a new function and paste in the following code.
You will need to add nodemailer to your package.json (npm i nodemailer), and follow your platform's instructions on bundling dependencies.
Obtain Gmail API credentials for your account. You will need clientID, clientSecret, and refreshToken. Follow this YouTube tutorial
Expose these credentials as the follwing environment variables:

GMAIL_EMAIL_ADDRESS

Use Chart.js with Nuxt v2.11.0

Line chart example

Run npm i vue-chartjs
Run npm i chart.js hchs-vue-charts
Create a file called chart.js and save it in the /plugins directory
Give chart.js the following contents

import Vue from 'vue'
import { Line } from 'vue-chartjs'

This is a simple Tailwind plugin to expose all of Tailwind's colors, including any custom ones, as custom css properties on the :root element.

There are a couple of main reasons this is helpful:

You can reference all of Tailwind's colors—including any custom ones you define—from handwritten CSS code.
You can define all of your colors within the Tailwind configuration, and access the final values programmatically, which isn't possible if you did it the other way around: referencing custom CSS variables (defined in CSS code) from your Tailwind config.

See the Tailwind Plugins for more info on plugins.

	.canvas-node-container:has(.diamond) {
	transform:rotate(42deg);
	overflow: visible;
	contain: none;
	position: absolute;
	width: 150px;
	height: 150px;
	}

	.canvas-node-content:has(.diamond) {

	# Fix Cloudflare 308 trailing comma redrect issue
	# https://community.cloudflare.com/t/cloudflare-pages-get-rid-of-redundat-308-redirect/324582/29
	# https://electricui.com/blog/switching-to-cloudflare-pages#how-to-disable-the-trailing-slash-on-cloudflare-pages


	find ./dist -name 'index.html' -mindepth 2 -type f \
	-exec sh \
	-c 'parent="$(dirname "$1")"; mv "$1" "$parent/../$(basename "$parent").html";' \
	find-sh {} \;

	---<%*
	// v1.3: Fix error if imdbRating is undefined

	// Get page source
	let url = await tp.system.clipboard()
	url = url.replace(/\?.*$/g,"") // remove unnecessary part after '?'
	let page = await tp.obsidian.request({url})
	let p = new DOMParser()
	let doc = p.parseFromString(page, "text/html")
	// Aliases for querySelector

	{
	// Disable telemetry
	"telemetry.telemetryLevel": "off",
	// Zen mode
	"zenMode.fullScreen": false,
	"zenMode.hideTabs": true,
	"zenMode.centerLayout": false,
	// Theming
	"workbench.iconTheme": "city-lights-icons-vsc",
	"editor.fontFamily": "Dank Mono",

	javascript: Promise.all([import('https://unpkg.com/turndown@6.0.0?module'), import('https://unpkg.com/@tehshrike/readability@0.2.0'), ]).then(async ([{
	default: Turndown
	}, {
	default: Readability
	}]) => {

	/* Optional vault name */
	const vault = "";

	/* Optional folder name such as "Clippings/" */

	/**
	* Get a Google auth token given service user credentials. This function
	* is a very slightly modified version of the one found at
	* https://community.cloudflare.com/t/example-google-oauth-2-0-for-service-accounts-using-cf-worker/258220
	*
	* @param {string} user the service user identity, typically of the
	* form [user]@[project].iam.gserviceaccount.com
	* @param {string} key the private key corresponding to user
	* @param {string} scope the scopes to request for this token, a
	* listing of available scopes is provided at

	<!-- States of India -->

	<select>
	<option value="AP">Andhra Pradesh</option>
	<option value="AR">Arunachal Pradesh</option>
	<option value="AS">Assam</option>
	<option value="BR">Bihar</option>
	<option value="CT">Chhattisgarh</option>
	<option value="GA">Gujarat</option>
	<option value="HR">Haryana</option>