Saul van der Walt SaulDoesCode

## CF.md

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                SaulDoesCode
                / CF.md
            
            
              Last active
              June 20, 2024 15:42
            
              
                CohesionfieldSpec.md
              
          
    Semantic Units and Relationships
The Coherence Field is designed to capture the essence of 3D objects by breaking them down into smaller, abstract components: Color semantic units. These units can be thought of as "meaningful" building blocks that convey information about the object's properties (e.g., color).
Relationships between these semantic units are crucial in determining the final rendered image. The CF tracks relationships like Above, Below, LeftOf, RightOf, and AttachedTo, which seem to govern the spatial arrangement of the Color units.
Rendering and Visualization
The render_to_array method is responsible for transforming the Cohesion Field into a 2D RGB array, effectively "painting" the image. This process involves calculating the position of each semantic unit based on its relationships with others (via calculate_position) and then drawing the unit onto the array using its color information (via draw_semantic_unit).

  
## list.js
const List = (...values) => {
  const list = {
    length: 0,
    each(fn, node = list.first, dir = 'next') {
      let l = list.length
      if (fn && node && l)
        while (l--) {
          if (fn(node.value, node, list) === false) break
          node = node[dir]
        }

## msgpack.js
const msgpack = {}
{ // adapted from Yves Goergen's MIT github.com/ygoe/msgpack.js
  const pow32 = 0x100000000 // 2^32
  msgpack.encode = data => {
    let array = new Uint8Array(128)
    let length = 0
    append(data)

    function append(data) {
      data == null || data === NaN || data === Infinity ? appendByte(0xc0) :

## haal.js
/*
  haal.post('https://abc.xyz/', {
    body: {
      token: 'moocow24',
      action: 'update-condition',
      data: '42'
    }
  })
  // (haal['get/post/put/patch...'] / haal)(enpoint, options)['json/text/blob...']
  .json((data, res) => console.log('Good: ', data)),

## docker-help.md

      
              1 file
            
          
              1115 forks
            
          
              53 comments
            
          
              1561 stars
            
          
                bradtraversy
                / docker-help.md
            
            
              Last active
              June 26, 2024 19:53
            
              
                Docker Commands, Help & Tips
              
          
    Docker Commands, Help & Tips

Show commands & management commands

$ docker

Docker version info


## deep-object-watcher.js
if (!Object.prototype.deepWatch) {
	Object.prototype.deepWatch = function(f) {
		let res = {};
		Object.keys(this).forEach(k => {
			let src = this[k];
			if (Array.isArray(src)) {
				res[k] = new Proxy(src, {
					set(src, i, val) {
						if (i !== "length") f.call(this, src, [...src, val]);
						return Reflect.set(...arguments);

## example.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="author" content="Saul van der Walt">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>festoon.js</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css">
  <style>
    body {

## emitter.js
const infinify = (fn, reflect = false) => new Proxy(fn, {
  get: (fn, key) =>
    reflect && key in fn ? Reflect.get(fn, key) : fn.bind(undefined, key)
})

export default (host = {}, listeners = new Map()) => Object.assign(host, {
  listeners,
  emit: infinify((event, ...data) => {
    if (listeners.has(event)) {
      for (const h of listeners.get(event)) {

## mithril-hyperscript.md

      
              1 file
            
          
              1 fork
            
          
              0 comments
            
          
              4 stars
            
          
                CarlMungazi
                / mithril-hyperscript.md
            
            
              Last active
              May 16, 2018 07:54
            
              
                Understanding mithril's hyperscript function
              
          
    Earlier this year at work we re-wrote an internal framework we used to create SPA e-learning courses. After briefly trying out React, Angular 2, Ember and Vue, we settled on mithril (https://mithril.js.org). If I were to compare it to the frameworks we tried out, I would say it's more like React but with a simpler, smaller codebase. By the way, if you like geeking out on code articles, the articles from mithril's old site have some real nuggets of gold (http://lhorie.github.io/mithril-blog/).
A few months after the re-write was done, I dug into mithril's codebase to gain a deeper understanding and this is what I found...
The main entry point into mithril's source code is the m() function, which is a hyperscript function that, according to the docs (https://mithril.js.org/hyperscript.html), represents an element in a mithril view. It's demonstrated below as:
m("div", {id: "box"}, "hello")
// equivalent HTML:
// <div id="box">hello</div>

  
## python_turtle_owl.py
import turtle

bob = turtle.Turtle()
bob.goto(-675, 350)
bob.goto(-675, 0)
bob.backward(10)
bob.pensize(1000)
bob.color("blue")
bob.forward(2000)
bob.goto(-680, 400)
	const List = (...values) => {
	const list = {
	length: 0,
	each(fn, node = list.first, dir = 'next') {
	let l = list.length
	if (fn && node && l)
	while (l--) {
	if (fn(node.value, node, list) === false) break
	node = node[dir]
	}
	const msgpack = {}
	{ // adapted from Yves Goergen's MIT github.com/ygoe/msgpack.js
	const pow32 = 0x100000000 // 2^32
	msgpack.encode = data => {
	let array = new Uint8Array(128)
	let length = 0
	append(data)

	function append(data) {
	data == null \|\| data === NaN \|\| data === Infinity ? appendByte(0xc0) :
	/*
	haal.post('https://abc.xyz/', {
	body: {
	token: 'moocow24',
	action: 'update-condition',
	data: '42'
	}
	})
	// (haal['get/post/put/patch...'] / haal)(enpoint, options)['json/text/blob...']
	.json((data, res) => console.log('Good: ', data)),
	if (!Object.prototype.deepWatch) {
	Object.prototype.deepWatch = function(f) {
	let res = {};
	Object.keys(this).forEach(k => {
	let src = this[k];
	if (Array.isArray(src)) {
	res[k] = new Proxy(src, {
	set(src, i, val) {
	if (i !== "length") f.call(this, src, [...src, val]);
	return Reflect.set(...arguments);
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta name="author" content="Saul van der Walt">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>festoon.js</title>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css">
	<style>
	body {
	const infinify = (fn, reflect = false) => new Proxy(fn, {
	get: (fn, key) =>
	reflect && key in fn ? Reflect.get(fn, key) : fn.bind(undefined, key)
	})

	export default (host = {}, listeners = new Map()) => Object.assign(host, {
	listeners,
	emit: infinify((event, ...data) => {
	if (listeners.has(event)) {
	for (const h of listeners.get(event)) {
	import turtle

	bob = turtle.Turtle()
	bob.goto(-675, 350)
	bob.goto(-675, 0)
	bob.backward(10)
	bob.pensize(1000)
	bob.color("blue")
	bob.forward(2000)
	bob.goto(-680, 400)