Sia siakaramalegos

Adding Prettier to a Project

Basic steps for adding Prettier to a project and setting up a pre-commit hook when not using any other linter. Most of these steps can be found in the docs and through other links in the docs.

Install prettier:

$ npm install --save-dev --save-exact prettier

Create an empty config file to let tools know you're using Prettier:

CHOOSE-A-TRON

A Pen by Sia Karamalegos on CodePen.

Thanks to Gant Laborde for the project idea!

License.

Dev.to API summary for possible Bridgy integration

Contents

No Auth Required
- GET an article by ID
- GET a comment by ID
Requires a token
- GET all articles of a user

It looks like reactions calls are limited to creating and "onboarding". More here: forem/forem#4474.

	# Shopify themes passing core web vitals
	CREATE TEMP FUNCTION IS_GOOD (good FLOAT64, needs_improvement FLOAT64, poor FLOAT64) RETURNS BOOL AS (
	good / (good + needs_improvement + poor) >= 0.75
	);

	CREATE TEMP FUNCTION IS_POOR (good FLOAT64, needs_improvement FLOAT64, poor FLOAT64) RETURNS BOOL AS (
	poor / (good + needs_improvement + poor) > 0.25
	);

	CREATE TEMP FUNCTION IS_NON_ZERO (good FLOAT64, needs_improvement FLOAT64, poor FLOAT64) RETURNS BOOL AS (

	# UPDATE THIS EACH MONTH
	DECLARE _YYYYMMDD DATE DEFAULT '2023-07-01';


	CREATE TEMP FUNCTION IS_GOOD(good FLOAT64, needs_improvement FLOAT64, poor FLOAT64) RETURNS BOOL AS (
	SAFE_DIVIDE(good, good + needs_improvement + poor) >= 0.75
	);

	CREATE TEMP FUNCTION IS_NON_ZERO(good FLOAT64, needs_improvement FLOAT64, poor FLOAT64) RETURNS BOOL AS (
	good + needs_improvement + poor > 0

	#!/bin/bash
	#
	# Converts BigQuery SQL to CSV.
	#
	# Usage:
	#
	# Before starting, install the BigQuery CLI, bq https://cloud.google.com/sdk/docs/install
	#
	# 1. Find all your queries and output the list of files into query_list.txt:
	# `find almanac.httparchive.org/sql/2022/mobile-web/*.sql > query_list.txt`

	function getLcpElement() {
	return new Promise((resolve) => {
	new PerformanceObserver((entryList) => {
	const lcpCandidates = entryList.getEntries();
	const naiveLcpEntry = lcpCandidates[lcpCandidates.length - 1];

	resolve(naiveLcpEntry);
	}).observe({ type: "largest-contentful-paint", buffered: true });
	}).then(({ startTime, element, url, size, loadTime, renderTime }) => {
	let attributes = [];

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Hi from Netlify</title>
	</head>
	<body>
	<h1>My first Netlify deploy 💌</h1>
	</body>

	2020-11-24T19:42:19.111Z Eleventy Directories:
	Input: .
	Data: _data
	Includes: _includes
	Layouts: undefined
	Output: _site
	Template Formats: html,njk
	Verbose Output: false
	2020-11-24T19:42:19.140Z Eleventy:EleventyFiles Searching for: [ './*/.html', './*/.njk', '!./_site/', '!./node_modules/', '!./package-lock.json', '!./.DS_Store', '!./.netlify/', '!./_site/', '!./_includes/', '!./_data/' ]
	2020-11-24T19:42:19.147Z Eleventy:TemplateWriter Found: [ './src/index.html', './src/_includes/layout.njk' ]

	<div class="webmentions content-grid-sibling" id="webmentions">

	{% set mentions = webmentions \| getWebmentionsForUrl(metadata.url + webmentionUrl) %}
	{% set reposts = mentions \| webmentionsByType('repost-of') %}
	{% set repostsSize = reposts \| size %}
	{% set likes = mentions \| webmentionsByType('like-of') %}
	{% set likesSize = likes \| size %}
	{% set replies = mentions \| webmentionsByType('in-reply-to') %}
	{% set repliesSize = replies \| size %}