barinbritva

How to use PlantUML with Markdown

PlantUML is a really awesome way to create diagrams by writing code instead of drawing and dragging visual elements. Markdown is a really nice documentation tool.

Here's how I combine the two, to create docs with embedded diagrams.

Step 0: Setup

Get the command-line PlantUML from the download page or your relevant package manager.

ReactAnimations with animate.css:

Say you want to animate a list of items. Wrap these children components in a <ReactCssTransitionGroup> and set the animation settings (duh) similar to this:

//… the rest of the component declaration
// … this goes in the render function
render: function(){
	var ReactCssTransitionGroup = React.addons.cssTransitionGroup;

	/**
	* Load an ESM package from npm in your JavaScript environment.
	*
	* Loads packages from https://www.npmjs.com/ via the CDN https://www.jsdelivr.com/
	*
	* Usage:
	*
	* const lodash = await npm('lodash-es')
	* const lodash = await npm('lodash-es@4')
	* const lodash = await npm('[email protected]')

	const TELEGRAM_BOT_TOKEN = '110201543:AAHdqTcvCH1vGWJxfSeofSAs0K5PALDsaw'; // https://core.telegram.org/bots#creating-a-new-bot


	export const verifyTelegramWebAppData = async (telegramInitData: string): boolean => {
	// The data is a query string, which is composed of a series of field-value pairs.
	const encoded = decodeURIComponent(telegramInitData);


	// HMAC-SHA-256 signature of the bot's token with the constant string WebAppData used as a key.
	const secret = crypto

	#Requires -Version 7

	# Version 1.2.13

	# check if newer version
	$gistUrl = "https://api.github.com/gists/a208d2bd924691bae7ec7904cab0bd8e"
	$latestVersionFile = [System.IO.Path]::Combine("$HOME",'.latest_profile_version')
	$versionRegEx = "# Version (?<version>\d+\.\d+\.\d+)"

	if ([System.IO.File]::Exists($latestVersionFile)) {

	// Original from http://stackoverflow.com/questions/1638337/the-best-way-to-synchronize-client-side-javascript-clock-with-server-date
	// Improved by community and @jskowron

	// Synchronize client-side clock with server time using an approximation of NTP
	let serverTimeOffset = null;

	function getServerTime(callback) {
	if (serverTimeOffset === null) {
	const scripts = document.getElementsByTagName("script");
	const currentScriptURL = scripts[scripts.length - 1].src;

	/*
	Do not modify this version of the file. It will be copied over when any of the project's targets are built.
	If you wish to modify mraid.js, modify the version located at mopub-sdk-common/mraid/mraid.js.
	*/
	(function() {
	var isIOS = (/iphone\|ipad\|ipod/i).test(window.navigator.userAgent.toLowerCase());
	if (isIOS) {
	console = {};
	console.log = function(log) {
	var iframe = document.createElement('iframe');

	location ~ /\.git {
	deny all;
	}

	# or, all . directories/files in general (including .htaccess, etc)

	location ~ /\. {
	deny all;
	}

	<?php
	/*
	* XSS filter, recursively handles HTML tags & UTF encoding
	* Optionally handles base64 encoding
	*
	* *DEPRECATION RECOMMENDED* Not updated or maintained since 2011
	* A MAINTAINED & BETTER ALTERNATIVE => kses
	* https://github.com/RichardVasquez/kses/
	*
	* This was built from numerous sources

	#!/usr/bin/env node

	console.log('yay gist')