Cris o0101

## README.md

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                o0101
                / README.md
            
            
              Last active
              November 10, 2023 09:37
            
              
                Implementing Protected Members in JavaScript by Hacking Symbols and Private Fields
              
          
    Implementing Protected Members in JavaScript Classes

Introduction

In many object-oriented languages, the concept of protected members allows properties and methods to be accessible within the class they are defined, as well as by subclasses. JavaScript, however, does not natively support protected members. This article introduces a novel approach to simulate protected access in JavaScript classes using symbols and private fields.
The Challenge

JavaScript provides private fields, but they are not accessible to any derived classes. This limitation means that developers cannot use private fields to directly implement protected members, which are a staple in many other object-oriented languages.
One Solution

The solution involves using symbols as keys for protected properties and methods, ensuring that only the class and its subclasses have access to them. This is achieved by:

  
## base.js
{
  const $ = Symbol(`[[state]]`);

  class Base extends HTMLElement {
    static get observedAttributes() {
      return ['state'];
    }

    constructor(state) {
      super(state);

## !WITH_LOCK.md

      
              4 files
            
          
              0 forks
            
          
              1 comment
            
          
              1 star
            
          
                o0101
                / !WITH_LOCK.md
            
            
              Last active
              November 10, 2023 09:37
            
              
                with_lock: A simple Bash decorator function for concurrency control
              
          
    with_lock

Simplify Bash Locking: Your Decorator for Safe Scripting

Hey, scripter! Need to make your Bash functions play nice in the concurrency sandbox? You're in luck!
with_lock is your go-to decorator. It ensures specified functions run one at a time, even across multiple script instances. 🤖
Caveats


It's mostly FIFO (first in, first out), but occasionally things get a bit mixed. 🤷‍♀️


## win98.html
<html>
  <head>
    <title>Windows 98</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="https://unpkg.com/98.css">
    <style>

/* Disable image filtering */
img {
    image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */

## web_htop.sh
#!/bin/bash
# requirements: apt install nmap htop aha
# (aha is ANSI color to HTML converter)
ncat -k -l -p 9999 -c "echo 'HTTP/1.1 200 OK\nContent-type: text/html\nconnection: close\\n'; echo q | htop | aha --black --line-fix"

## export-sync-bookmarks.js
const fs = require("fs");
const path = require("path");

function newItem(name, url) {
  return { name, url };
}

const bookmarkPath = path.join(
    process.env.HOME,
    "/Library/Application Support/Google/Chrome/Default/Bookmarks"

## wow.js
// check this: http://jsfiddle.net/ondras/hYfN3/

## neucomponents.js
/**
So dosyhil gives good components on the server.
What about the client?
**/

// example
const components = {};
Object.assign( self, { components } );

def`

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Bookmarklet</title>
  </head>
<body style="max-width:700px; margin:0 auto;">
  <p>Here is the bookmarklet:
    <a href="javascript:(function()%7B(function()%20%7Bconst%20req%20%3D%20new%20XMLHttpRequest()%3Bconst%20key%20%3D%20'AIzaSyAUYMRSUW3BAZLhSTbB1poQuQ4xaqt2C4c'%3Breq.open('POST'%2C%20'https%3A%2F%2Fwww.googleapis.com%2Furlshortener%2Fv1%2Furl%3Fkey%3D'%2Bkey)%3Breq.setRequestHeader(%22Content-Type%22%2C%20%22application%2Fjson%22)%3Breq.responseType%3D%22json%22%3Breq.send(JSON.stringify(%7BlongUrl%3Alocation.href%7D))%3Bconst%20text%20%3D%20document.createElement('textarea')%3Blet%20result%3BsetTimeout(%20()%20%3D%3E%20(document.execCommand('copy')%2Ctext.remove())%2C%20700%20)%3Breq.onreadystatechange%20%3D%20()%20%3D%3E%20%7Bif%20(%20req.status%20%3D%3D%20200%20%26%26%20req.readyState%20%3D%3D%204%20)%20%7Bdocument.body.appendChild(text)%3Btext.value%20%3D%20req.response.id%3Btext.se

## one.js
/* 5lines - function body must be not more than 5 SLOC */

// encrypt a string, also decrypt a string
function encrypt(key, str, s = 1) {
  // clean
  s = Number.isNaN(parseInt(s)) ? 1 : parseInt(s);
  // turn key into numbers
  key = new Uint16Array([...key].map( k => k.codePointAt(0) ));
  // write generator to produce RNG
  const rng = (function*(){while(true){yield(key.reduce((K,k,i)=>(key[(i+s)%key.length]+=k, k=(k<<1||k>>15),K+k),s),key[0])}}());
	{
	const $ = Symbol(`[[state]]`);

	class Base extends HTMLElement {
	static get observedAttributes() {
	return ['state'];
	}

	constructor(state) {
	super(state);
	<html>
	<head>
	<title>Windows 98</title>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="https://unpkg.com/98.css">
	<style>

	/* Disable image filtering */
	img {
	image-rendering: optimizeSpeed; /* STOP SMOOTHING, GIVE ME SPEED */
	#!/bin/bash
	# requirements: apt install nmap htop aha
	# (aha is ANSI color to HTML converter)
	ncat -k -l -p 9999 -c "echo 'HTTP/1.1 200 OK\nContent-type: text/html\nconnection: close\\n'; echo q \| htop \| aha --black --line-fix"
	const fs = require("fs");
	const path = require("path");

	function newItem(name, url) {
	return { name, url };
	}

	const bookmarkPath = path.join(
	process.env.HOME,
	"/Library/Application Support/Google/Chrome/Default/Bookmarks"
	/**
	So dosyhil gives good components on the server.
	What about the client?
	**/

	// example
	const components = {};
	Object.assign( self, { components } );

	def`
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>Bookmarklet</title>
	</head>
	<body style="max-width:700px; margin:0 auto;">
	<p>Here is the bookmarklet:
	<a href="javascript:(function()%7B(function()%20%7Bconst%20req%20%3D%20new%20XMLHttpRequest()%3Bconst%20key%20%3D%20'AIzaSyAUYMRSUW3BAZLhSTbB1poQuQ4xaqt2C4c'%3Breq.open('POST'%2C%20'https%3A%2F%2Fwww.googleapis.com%2Furlshortener%2Fv1%2Furl%3Fkey%3D'%2Bkey)%3Breq.setRequestHeader(%22Content-Type%22%2C%20%22application%2Fjson%22)%3Breq.responseType%3D%22json%22%3Breq.send(JSON.stringify(%7BlongUrl%3Alocation.href%7D))%3Bconst%20text%20%3D%20document.createElement('textarea')%3Blet%20result%3BsetTimeout(%20()%20%3D%3E%20(document.execCommand('copy')%2Ctext.remove())%2C%20700%20)%3Breq.onreadystatechange%20%3D%20()%20%3D%3E%20%7Bif%20(%20req.status%20%3D%3D%20200%20%26%26%20req.readyState%20%3D%3D%204%20)%20%7Bdocument.body.appendChild(text)%3Btext.value%20%3D%20req.response.id%3Btext.se
	/* 5lines - function body must be not more than 5 SLOC */

	// encrypt a string, also decrypt a string
	function encrypt(key, str, s = 1) {
	// clean
	s = Number.isNaN(parseInt(s)) ? 1 : parseInt(s);
	// turn key into numbers
	key = new Uint16Array([...key].map( k => k.codePointAt(0) ));
	// write generator to produce RNG
	const rng = (function*(){while(true){yield(key.reduce((K,k,i)=>(key[(i+s)%key.length]+=k, k=(k<<1\|\|k>>15),K+k),s),key[0])}}());