designervoid

show me all the Tailwind CSS classes to use in my project

which CSS selectors to use? this shows all the (non-dynamic) options generated from your project's tailwind.config.js.

rogden/tailwind-config-viewer is the best. run from the command line:

npx tailwind-config-viewer -o

Insert(push) object to nested array. JSONB PostgreSQL

// posts table

| id | content          |
|----|------------------|
| 40 | jsonb data       |

Get image width and height with JavaScript

function imageSize (image) {
  return new Promise((resolve, reject) => {
    try {
      const fileReader = new FileReader()

      fileReader.onload = () => {
 const img = new Image()

Everything I Know About UI Routing

Definitions

Location - The location of the application. Usually just a URL, but the location can contain multiple pieces of information that can be used by an app
1. pathname - The "file/directory" portion of the URL, like invoices/123
2. search - The stuff after ? in a URL like /assignments?showGrades=1.
3. query - A parsed version of search, usually an object but not a standard browser feature.
4. hash - The # portion of the URL. This is not available to servers in request.url so its client only. By default it means which part of the page the user should be scrolled to, but developers use it for various things.
5. state - Object associated with a location. Think of it like a hidden URL query. It's state you want to keep with a specific location, but you don't want it to be visible in the URL.

Usage

This guide assumes you've got a project using Detox with Jest, and you want to write your Detox tests in TypeScript.

Refer to this guide if you need to set up such a project.

1. Add TypeScript + `ts-jest` to `package.json`

We'll be using ts-jest to run Jest tests with TypeScript.

	// Thanks to @MarvinMiles for Telegram Widget Login check function https://gist.github.com/MarvinMiles/f041205d872b0d8547d054eafeafe2a5
	// This function validates Web App input https://core.telegram.org/bots/webapps#validating-data-received-via-the-web-app

	// Transforms Telegram.WebApp.initData string into object
	function transformInitData(initData) {
	return Object.fromEntries(new URLSearchParams(initData));
	}

	// Accepts init data object and bot token
	async function validate(data, botToken) {

	#!/usr/bin/fift -s
	"TonUtil.fif" include
	"Asm.fif" include

	// If you dont know about stack-base languages
	// Please read something before read comments and trying to understand what is going on here :)

	5 :$1..n // parse arguments
	$1 parse-workchain-id =: wc // set workchain id from command line argument
	$2 parse-int =: subwallet-id // set subwallet id

	ARG DEPS_IMAGE=deps-installer:latest
	FROM $DEPS_IMAGE as deps-installer

	FROM node:8.15.0-alpine

	WORKDIR /app

	COPY ./ ./
	COPY --from=deps-installer /deps/node_modules ./node_modules

	version: '3'

	services:
	reverse-proxy:
	image: traefik:v2.0
	container_name: traefik
	command: --api --providers.docker
	ports:
	- "6969:80"
	- "6970:8080"