Stefan Heinemann schtibe

Formatting with prettier and eslint

This doc serves to try and catch my thoughts and results of my research.

tl;dr

Everybody recommends using eslint for linting and Prettier for formatting. Eslint deprecates it's formatting rules. There's a Prettier configuration that puts attributes to new lines if more than two.

Situation

PB-514 Framework Survey

General Overview

Django is a general purpose Framework for building websites. Django is very feature complete and has a rich ecosystem.
Flask is a general purpose Framework for building websites. It is very lightweight.
FastAPI is a light weight Framework built for creating (REST? evaluate) APIs.

| Framework | Auth | API | DB |

	[
	{
	"kind": "dataset",
	"status": "completed",
	"lineage": null,
	"recordUpdated": "2023-03-07T12:00:08.639Z",
	"recordPublished": null,
	"ownerOrganization": {
	"logoUrl": "http://localhost:5173/geonetwork/images/harvesting/502d787f-5caf-4261-b800-39ba9c14869d.png",
	"name": "Kanton Basel-Stadt",

	~/Repos/infra-ansible-bgdi-dev master !2 ···································································································· 09:36:24
	❯ sudo apt-mark showhold
	forticlient
	~/Repos/infra-ansible-bgdi-dev master !2 ···································································································· 09:36:29
	❯ sudo apt-get upgrade
	Reading package lists... Done
	Building dependency tree... Done
	Reading state information... Done
	Calculating upgrade... Done
	The following upgrades have been deferred due to phasing:

	#!/bin/bash

	git fetch > /dev/null

	# Get the list of branches from "git branch -a" using fzf for interactive selection
	selected_branch=$(git branch -a \| grep -v HEAD \| sed 's/^[[:space:]]*//' \| fzf --ansi --prompt="Select a branch (Use arrow keys): ")

	if [ -n "$selected_branch" ]; then
	if [ "$selected_branch" == "Exit" ]; then
	echo "Exiting..."

	<template>
	<!-- eslint-disable-next-line vue/no-v-html -->
	<something-for-eslint />
	{{
	//@ts-ignore
	formattedDate(collection[index].datetime)
	}}</span
	</template>

	{"message": "file size could not be read from s3 bucket [data.geo.admin.ch] for asset ch.blw.erosion-fliesswegkarte/erosion-fliesswegkarte_85/erosion-fliesswegkarte_85_2056.tif", "event": {"created": "2025-01-20T10:31:06.361726Z", "module": "update_asset_file_size"}, "log": {"level": "ERROR", "logger": "stac_api.management.commands.update_asset_file_size", "origin": {"file": {"line": 48, "name": "update_asset_file_size"}, "function": "update"}}, "process": {"pid": 1, "thread": {"id": 140038696372032}}}
	{"message": "file size could not be read from s3 bucket [data.geo.admin.ch] for asset ch.blw.gewaesseranschlusskarte/gewaesseranschlusskarte_34/gewaesseranschlusskarte_34_2056.tif", "event": {"created": "2025-01-20T10:31:06.481781Z", "module": "update_asset_file_size"}, "log": {"level": "ERROR", "logger": "stac_api.management.commands.update_asset_file_size", "origin": {"file": {"line": 48, "name": "update_asset_file_size"}, "function": "update"}}, "process": {"pid": 1, "thread": {"id": 140038696372032}}}
	{"mes

	import tailwindConfig from "../../tailwind.config";
	import resolveConfig from "tailwindcss/resolveConfig";

	const config = resolveConfig(tailwindConfig);

	bindsym Print exec "scrot -e 'mv $f ~/tmp && xclip -selection clipboard -t image/png -i ~/tmp/$n'; sleep 1; exec notify-send 'screenshot has been saved to ~/tmp'"
	bindsym $mod+Print --release exec "scrot -ue 'mv $f ~/tmp && xclip -selection clipboard -t image/png -i ~/tmp/$n'; sleep 1; exec notify-send 'screenshot has been saved to ~/tmp'"
	bindsym $mod+Shift+Print --release exec "notify-send 'selection will be saved to ~/tmp'; scrot -se 'mv $f ~/tmp && xclip -selection clipboard -t image/png -i ~/tmp/$n'"