Discover gists

This gist lists challenges you run into when building offline-first applications based on IndexedDB, including open-source libraries like Firebase, pouchdb and AWS amplify (more).

Note that some of the following issues affect only Safari. Out of the major browsers, Chrome's IndexedDB implementation is the best.

Backing file on disk (WAL file) keeps growing (Safari)

When this bug occurs, every time you use the indexeddb, the WAL file grows. Garbage collection doesn't seem to be working, so after a while, you end up with gigabytes of data.

Random exceptions when working with a large number of indexeddb databases (Safari)

Effective Modern CMake

Getting Started

For a brief user-level introduction to CMake, watch C++ Weekly, Episode 78, Intro to CMake by Jason Turner. LLVM’s CMake Primer provides a good high-level introduction to the CMake syntax. Go read it now.

After that, watch Mathieu Ropert’s CppCon 2017 talk Using Modern CMake Patterns to Enforce a Good Modular Design (slides). It provides a thorough explanation of what modern CMake is and why it is so much better than “old school” CMake. The modular design ideas in this talk are based on the book [Large-Scale C++ Software Design](https://www.amazon.de/Large-Scale-Soft

Project Title

One Paragraph of project description goes here

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Prerequisites

Docker Hub 镜像加速器

国内从 Docker Hub 拉取镜像有时会遇到困难，此时可以配置镜像加速器。Docker 官方和国内很多云服务商都提供了国内加速器服务。

Dockerized 实践 https://github.com/y0ngb1n/dockerized

配置加速地址

Ubuntu 16.04+、Debian 8+、CentOS 7+

	function removeVietnameseTones(str) {
	str = str.replace(/à\|á\|ạ\|ả\|ã\|â\|ầ\|ấ\|ậ\|ẩ\|ẫ\|ă\|ằ\|ắ\|ặ\|ẳ\|ẵ/g,"a");
	str = str.replace(/è\|é\|ẹ\|ẻ\|ẽ\|ê\|ề\|ế\|ệ\|ể\|ễ/g,"e");
	str = str.replace(/ì\|í\|ị\|ỉ\|ĩ/g,"i");
	str = str.replace(/ò\|ó\|ọ\|ỏ\|õ\|ô\|ồ\|ố\|ộ\|ổ\|ỗ\|ơ\|ờ\|ớ\|ợ\|ở\|ỡ/g,"o");
	str = str.replace(/ù\|ú\|ụ\|ủ\|ũ\|ư\|ừ\|ứ\|ự\|ử\|ữ/g,"u");
	str = str.replace(/ỳ\|ý\|ỵ\|ỷ\|ỹ/g,"y");
	str = str.replace(/đ/g,"d");
	str = str.replace(/À\|Á\|Ạ\|Ả\|Ã\|Â\|Ầ\|Ấ\|Ậ\|Ẩ\|Ẫ\|Ă\|Ằ\|Ắ\|Ặ\|Ẳ\|Ẵ/g, "A");
	str = str.replace(/È\|É\|Ẹ\|Ẻ\|Ẽ\|Ê\|Ề\|Ế\|Ệ\|Ể\|Ễ/g, "E");

	{
	"suggest.noselect": false,
	"coc.preferences.formatOnSaveFiletypes": [
	"javascript",
	"typescript",
	"typescriptreact",
	"json",
	"javascriptreact",
	"typescript.tsx",
	"graphql"

	" Specify a directory for plugins
	call plug#begin('~/.vim/plugged')

	Plug 'neoclide/coc.nvim', {'branch': 'release'}
	Plug 'scrooloose/nerdtree'
	"Plug 'tsony-tsonev/nerdtree-git-plugin'
	Plug 'Xuyuanp/nerdtree-git-plugin'
	Plug 'tiagofumo/vim-nerdtree-syntax-highlight'
	Plug 'ryanoasis/vim-devicons'
	Plug 'airblade/vim-gitgutter'

	<script type='text/javascript' src="js/jquery.min.js"></script>
	<script type='text/javascript'>
	// Size the parent iFrame
	function iframeResize() {
	var height = $('body').outerHeight(); // IMPORTANT: If body's height is set to 100% with CSS this will not work.
	parent.postMessage("resize::"+height,"*");
	}

	$(document).ready(function() {
	// Resize iframe

	import androidx.compose.animation.core.*
	import androidx.compose.foundation.background
	import androidx.compose.foundation.layout.*
	import androidx.compose.foundation.shape.CircleShape
	import androidx.compose.material.MaterialTheme
	import androidx.compose.material.Text
	import androidx.compose.runtime.Composable
	import androidx.compose.runtime.getValue
	import androidx.compose.ui.Alignment
	import androidx.compose.ui.Modifier

	import 'package:flutter/material.dart';
	import 'package:go_router/go_router.dart';

	main() {
	CustomNavigationHelper.instance;
	runApp(const App());
	}

	class App extends StatelessWidget {
	const App({Key? key}) : super(key: key);