Josema Josema

## boilerplate.html
<!-- Line by line explanation: https://www.matuzo.at/blog/html-boilerplate/ -->
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>Unique page title - My Site</title>

  <script type="module">

## vimeo-downloader.js
// 1. Open the browser developper console on the network tab
// 2. Start the video
// 3. In the dev tab, locate the load of the "master.json" file, copy its full URL
// 4. Run: node vimeo-downloader.js "<URL>"
// (done automatically now) 5. Combine the m4v and m4a files with mkvmerge

const fs = require('fs');
const url = require('url');
const https = require('https');
const { exec } = require('child_process');

## little-vdom.js
export const h=(t,p,...c)=>({t,p,c,k:p&&p.key})
export const render=(e,d,t=d.t||(d.t={}),p,r,c,m,y)=>
  // arrays
  e.map?e.map((e,p)=>render(e,d,t.o&&t.o[p])):
  // components
  e.t.call?(e.i=render((render.c=e).t(Object.assign({children:e.c},e.p),e.s=t.s||{},t=>
    render(Object.assign(e.s,t)&&e,d,e)),t.i||d,t&&t.i||{}),d.t=t=e):(
  // create notes
  m=t.d||(e.t?document.createElement(e.t):new Text(e.p)),
  // diff props

## apple-touch-startup-image.html
<html>
  <head>
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="apple-mobile-web-app-title" content="Expo" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <link
      rel="apple-touch-icon"
      sizes="180x180"

## vimeo-downloader.js
// 1. Open the browser developper console on the network tab
// 2. Start the video
// 3. In the dev tab, locate the load of the "master.json" file, copy its full URL
// 4. Run: node vimeo-downloader.js "<URL>"
// 5. Combine the m4v and m4a files with mkvmerge

const fs = require('fs');
const url = require('url');
const https = require('https');

## api-cheatsheet-array.md

      
              1 file
            
          
              69 forks
            
          
                856 comments
              
            
              488 stars
            
          
                rauschma
                / api-cheatsheet-array.md
            
            
              Last active
              April 11, 2023 21:31
            
          
    This content moved here: https://exploringjs.com/impatient-js/ch_arrays.html#quickref-arrays

  
## r2.js
const r2 = require('r2')

let doJsonThing = async (path, propname) => {
  let res = await r2(`http://api.com${path}`).json
  return res[propname]
}

## npm-prerelease.md

      
              1 file
            
          
              13 forks
            
          
                4 comments
              
            
              76 stars
            
          
                schmich
                / npm-prerelease.md
            
            
              Last active
              June 26, 2024 13:20
            
              
                Publish a prerelease package to NPM
              
          
Update package.json, set version to a prerelease version, e.g. 2.0.0-rc1, 3.1.5-rc4, ...
Run npm pack to create package
Run npm publish <package>.tgz --tag next to publish the package under the next tag
Run npm install --save package@next to install prerelease package


## convert-range.js
 /**
   * Convert value from one range to another
   * @param {Number} value value to convert
   * @param {Object} oldRange min, max of values range
   * @param {Object} newRange min, max of desired range
   * @return {Number} value converted to other range
   */
  function convertRange(value, oldRange, newRange) {
    return ((value - oldRange.min) * (newRange.max - newRange.min)) / (oldRange.max - oldRange.min) + newRange.min;
  }

## 0-Simple counter: different implementations...
different implementations of the simple counter app... code verbosity vs expressiveness
	<!-- Line by line explanation: https://www.matuzo.at/blog/html-boilerplate/ -->
	<!DOCTYPE html>
	<html lang="en" class="no-js">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<title>Unique page title - My Site</title>

	<script type="module">
	// 1. Open the browser developper console on the network tab
	// 2. Start the video
	// 3. In the dev tab, locate the load of the "master.json" file, copy its full URL
	// 4. Run: node vimeo-downloader.js "<URL>"
	// (done automatically now) 5. Combine the m4v and m4a files with mkvmerge

	const fs = require('fs');
	const url = require('url');
	const https = require('https');
	const { exec } = require('child_process');
	export const h=(t,p,...c)=>({t,p,c,k:p&&p.key})
	export const render=(e,d,t=d.t\|\|(d.t={}),p,r,c,m,y)=>
	// arrays
	e.map?e.map((e,p)=>render(e,d,t.o&&t.o[p])):
	// components
	e.t.call?(e.i=render((render.c=e).t(Object.assign({children:e.c},e.p),e.s=t.s\|\|{},t=>
	render(Object.assign(e.s,t)&&e,d,e)),t.i\|\|d,t&&t.i\|\|{}),d.t=t=e):(
	// create notes
	m=t.d\|\|(e.t?document.createElement(e.t):new Text(e.p)),
	// diff props
	<html>
	<head>
	<meta name="mobile-web-app-capable" content="yes" />
	<meta name="apple-touch-fullscreen" content="yes" />
	<meta name="apple-mobile-web-app-title" content="Expo" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="default" />
	<link
	rel="apple-touch-icon"
	sizes="180x180"
	const r2 = require('r2')

	let doJsonThing = async (path, propname) => {
	let res = await r2(`http://api.com${path}`).json
	return res[propname]
	}
	/**
	* Convert value from one range to another
	* @param {Number} value value to convert
	* @param {Object} oldRange min, max of values range
	* @param {Object} newRange min, max of desired range
	* @return {Number} value converted to other range
	*/
	function convertRange(value, oldRange, newRange) {
	return ((value - oldRange.min) * (newRange.max - newRange.min)) / (oldRange.max - oldRange.min) + newRange.min;
	}