angelikatyborska

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

  &:active {

angelikatyborska

@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;

angelikatyborska

// 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

angelikatyborska

// Task 1:

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

// TODO: define function argument type

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

angelikatyborska

// 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

angelikatyborska

element = ...
listener = ...

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

angelikatyborska

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

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

angelikatyborska

const { spawnSync } = require('child_process')
const fs = require('fs')
const path = require('path')
const os = require('os')
const glob = require('glob')

// this loader "imports" a .pot file by compiling all of the .po files under the same domain
// into a JSON with translations that can be used by vue-gettext
//
// E.g.:

angelikatyborska

# 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...>}`.

angelikatyborska

defmodule MyAppWeb.GettextTest do
  use ExUnit.Case
  import MyAppWeb.Gettext

  # A unit test for Gettext translations that checks if the original and the translation
  # use the same HTML tags.
  # 
  # Uses Floki to parse HTML. 

  describe "translations" do