Hatem Hosny hatemhosny

V8

V8 is Google’s open source high-performance JavaScript and WebAssembly engine, written in C++. It is used in Chrome and in Node.js, among others. It implements ECMAScript and WebAssembly, and runs on Windows 7 or later, macOS 10.12+, and Linux systems that use x64, IA-32, ARM, or MIPS processors. V8 can run standalone, or can be embedded into any C++ application.

SpiderMonkey

SpiderMonkey is Mozilla’s JavaScript and WebAssembly Engine, used in Firefox, Servo and various other projects. It is written in C++, Rust and JavaScript. You can embed it into C++ and Rust projects, and it can be run as a stand-alone shell. It can also be [compiled](https://bytecodealliance.org/articles/making-javascript-run-fast-on

	/* eslint-disable @typescript-eslint/no-explicit-any */
	import type { Component } from "vue";
	import {
	memo,
	useEffect,
	useLayoutEffect,
	useMemo,
	useRef,
	useState,
	useCallback,

	# Project Policy

	This policy provides a single, authoritative, and machine-readable source of truth for AI coding agents and humans, ensuring that all work is governed by clear, unambiguous rules and workflows. It aims to eliminate ambiguity, reduce supervision needs, and facilitate automation while maintaining accountability and compliance with best practices.

	# 1. Introduction

	> Rationale: Sets the context, actors, and compliance requirements for the policy, ensuring all participants understand their roles and responsibilities.

	## 1.1 Actors

	// Types for the result object with discriminated union
	type Success<T> = {
	data: T;
	error: null;
	};

	type Failure<E> = {
	data: null;
	error: E;
	};

	// 3D Dom viewer, copy-paste this into your console to visualise the DOM as a stack of solid blocks.
	// You can also minify and save it as a bookmarklet (https://www.freecodecamp.org/news/what-are-bookmarklets/)
	(() => {
	const SHOW_SIDES = false; // color sides of DOM nodes?
	const COLOR_SURFACE = true; // color tops of DOM nodes?
	const COLOR_RANDOM = false; // randomise color?
	const COLOR_HUE = 190; // hue in HSL (https://hslpicker.com)
	const MAX_ROTATION = 180; // set to 360 to rotate all the way round
	const THICKNESS = 20; // thickness of layers
	const DISTANCE = 10000; // ¯\\_(ツ)_/¯

	<script lang="ts">
	const iframes = new Map<string, { iframe: HTMLIFrameElement, src: string }>()
	</script>

	<script lang="ts" setup>
	import { useAttrs, ref, shallowRef, watchEffect, onMounted, onBeforeUnmount } from 'vue'
	import { useElementBounding } from '@vueuse/core'

	defineOptions({
	inheritAttrs: false,

	// Credit Ryan Carniato https://frontendmasters.com/courses/reactivity-solidjs/

	let context = [];

	export function untrack(fn) {
	const prevContext = context;
	context = [];
	const res = fn();
	context = prevContext;
	return res;

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Screen recorder</title>
	</head>
	<body>
	<button id="recording-toggle">Start recording</button>
	<script defer>

	// Core assets
	let coreAssets = [];

	// On install, cache core assets
	self.addEventListener('install', function (event) {

	// Cache core assets
	event.waitUntil(caches.open('app').then(function (cache) {
	for (let asset of coreAssets) {
	cache.add(new Request(asset));

	const hash = require("crypto-js/sha256");
	class Block {
	constructor(previousHash, data) {
	this.data = data;
	this.hash = this.calculateHash();
	this.previousHash = previousHash;
	this.timeStamp = new Date();
	this.proofOfWork = 0;
	}