hugohil hugohil

I had some issues getting a reliable connection up. Made this after a lot of experimentation and it now works well.

Includes how to keep the connection alive when the document is not visible, handles reconnecting on errors, and also fixes certain authentication issues when coming back to a document that has not been visible while the token expired.

To use it, you pass in a factory function for your RealtimeChannel. Do not call .subscribe() on the channel, the handler will do this for you. See example.

PS: If you're not using supabase-js you'll need to change stuff a bit. Instead of passing in SupabaseClient switch it to use RealtimeClient, and update the refreshSessionIfNeeded method to your authentication implementation.

If you see any problems or have suggestions for improvements, please leave a comment.

New windows 10 machine setup

first install bash: https://msdn.microsoft.com/en-us/commandline/wsl/install_guide

Third, install choco, open in elevation mode the cmd (with administrative rights) and copy paste :

@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" &amp;&amp; SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

Please consider using http://lygia.xyz instead of copy/pasting this functions. It expand suport for voronoi, voronoise, fbm, noise, worley, noise, derivatives and much more, through simple file dependencies. Take a look to https://github.com/patriciogonzalezvivo/lygia/tree/main/generative

Generic 1,2,3 Noise

float rand(float n){return fract(sin(n) * 43758.5453123);}

float noise(float p){
	float fl = floor(p);
  float fc = fract(p);

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

	import { mergeUniforms } from 'three/src/renderers/shaders/UniformsUtils.js'
	import { UniformsLib } from 'three/src/renderers/shaders/UniformsLib.js'

	export default {

	uniforms: mergeUniforms([
	UniformsLib.lights,
	UniformsLib.fog,
	]),

	var canvas = document.createElement('canvas');
	var gl;
	var debugInfo;
	var vendor;
	var renderer;

	try {
	gl = canvas.getContext('webgl') \|\| canvas.getContext('experimental-webgl');
	} catch (e) {
	}

	#!/usr/bin/env sh

	# first check to see if mongo service is running. you can't delete any files until the service stops so perform a quick check.
	launchctl list \| grep mongo
	# NOTE: the pipe \| symbol means the commands on the right performs on the output from the left
	# grep is a string search utility. `grep mongo` means search for the substring mongo

	# use the unload command to end the mongo service. this is required to 'unlock' before removing the service.
	# first look for the file to delete
	MONGO_SERVICE_FILE=$(ls ~/Library/LaunchAgents/mongodb)

	# METEOR CORE:

	Anywhere: Meteor.isClient
	Anywhere: Meteor.isServer
	Anywhere: Meteor.startup(func)
	Anywhere: Meteor.absoluteUrl([path], [options])
	Anywhere: Meteor.settings
	Anywhere: Meteor.release

	<html lang="en">

	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<style>
	body {
	margin: 0px;
	overflow: hidden;
	}