Angelika Tyborska angelikatyborska

## gettext.ex
# Has one external dependency except for Gettext: https://github.com/rrrene/html_sanitize_ex

defmodule MyApp.Gettext do
  @doc """
  A helper for translations with links.

  Pass in the translation string which must include
  `%{link_start}`/`%{link_end}`. For multiple URLs, use
  `%{link_start_<0,1,2...>}`.

## button_reset.scss
@mixin button_reset {
  background: none;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  padding: 0;
  text-align: inherit;
  color: inherit;

  &:active {

## sr_only.scss
@mixin sr_only() {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
  text-transform: unset;

## index.ts
// Copy the HTML of the current selection
import { getHTMLFromFragment } from "@tiptap/core";
import { Fragment, Node } from "prosemirror-model";

getHTMLFromFragment(
  editor.view.state.selection.content().content,
  editor.schema
)

// Copy the text of the current selection

## index.ts
// Task 1:

// copy-paste start ----------------------------------------

// TODO: define function argument type

function addOne(numberOrNumbers) {
  if (typeof numberOrNumbers === 'number') {
    return numberOrNumbers + 1
  } else {

## index.ts
// If I define a union type of strings and want to use it as a type for object keys:
type Food = 'Banana' | 'Berries'
const calorieCounts: { [index in Food]: number } = {} // <- NOT `index: Food`

// ----------

// If I define an object and want to use its keys as a type:
// NOTE the object shouldn't have a type definition for this to work!
const planetYearsToEarthYears = { earth: 1, mercury: 0.24 }
type Planet = keyof typeof planetYearsToEarthYears

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Form Validation</title>
<style>
  body { padding: 10px; }
</style>
</head>
<body>
  <form>

## index.js
element = ...
listener = ...

for (const key in element) {
  if(/^on/.test(key)) {
    const eventType = key.substr(2);
    element.addEventListener(eventType, listener);
  }
}

## 20171001010000_add_uuid_ossp.exs
defmodule MyApp.Repo.Migrations.AddUuidOssp do
  use Ecto.Migration

  def up do
    execute("CREATE EXTENSION IF NOT EXISTS \"uuid-ossp\" WITH SCHEMA public;")
  end

  def down do
    execute("DROP EXTENSION \"uuid-ossp\";")
  end

## .zshrc
npm() {
  if [ -f yarn.lock ]; then
    echo 'use yarn';
  else
    command npm $*;
  fi
}

yarn() {
  if [ -f package-lock.json ]; then
	# Has one external dependency except for Gettext: https://github.com/rrrene/html_sanitize_ex

	defmodule MyApp.Gettext do
	@doc """
	A helper for translations with links.

	Pass in the translation string which must include
	`%{link_start}`/`%{link_end}`. For multiple URLs, use
	`%{link_start_<0,1,2...>}`.
	@mixin button_reset {
	background: none;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	padding: 0;
	text-align: inherit;
	color: inherit;

	&:active {
	@mixin sr_only() {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
	text-transform: unset;
	// Copy the HTML of the current selection
	import { getHTMLFromFragment } from "@tiptap/core";
	import { Fragment, Node } from "prosemirror-model";

	getHTMLFromFragment(
	editor.view.state.selection.content().content,
	editor.schema
	)

	// Copy the text of the current selection
	// Task 1:

	// copy-paste start ----------------------------------------

	// TODO: define function argument type

	function addOne(numberOrNumbers) {
	if (typeof numberOrNumbers === 'number') {
	return numberOrNumbers + 1
	} else {
	// If I define a union type of strings and want to use it as a type for object keys:
	type Food = 'Banana' \| 'Berries'
	const calorieCounts: { [index in Food]: number } = {} // <- NOT `index: Food`

	// ----------

	// If I define an object and want to use its keys as a type:
	// NOTE the object shouldn't have a type definition for this to work!
	const planetYearsToEarthYears = { earth: 1, mercury: 0.24 }
	type Planet = keyof typeof planetYearsToEarthYears
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>Form Validation</title>
	<style>
	body { padding: 10px; }
	</style>
	</head>
	<body>
	<form>
	element = ...
	listener = ...

	for (const key in element) {
	if(/^on/.test(key)) {
	const eventType = key.substr(2);
	element.addEventListener(eventType, listener);
	}
	}
	defmodule MyApp.Repo.Migrations.AddUuidOssp do
	use Ecto.Migration

	def up do
	execute("CREATE EXTENSION IF NOT EXISTS \"uuid-ossp\" WITH SCHEMA public;")
	end

	def down do
	execute("DROP EXTENSION \"uuid-ossp\";")
	end
	npm() {
	if [ -f yarn.lock ]; then
	echo 'use yarn';
	else
	command npm $*;
	fi
	}

	yarn() {
	if [ -f package-lock.json ]; then