nichoth nichoth

## Makefile
# Hello, and welcome to makefile basics.
#
# You will learn why `make` is so great, and why, despite its "weird" syntax,
# it is actually a highly expressive, efficient, and powerful way to build
# programs.
#
# Once you're done here, go to
# http://www.gnu.org/software/make/manual/make.html
# to learn SOOOO much more.

## htm-ssr.js
const express = require('express');
const { html, Component } = require('htm/preact');
const renderToString = require('preact-render-to-string');

class App extends Component {
  render(props) {
    return html`
      <div class="app">
        <h1>This is an app</h1>
        <p>Current server time: ${new Date + ''}</p>

## README.md

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                nichoth
                / README.md
            
            
              Created
              February 15, 2023 18:09
                — forked from saulshanabrook/README.md
            
              
                Saving Web Crypto Keys using indexedDB
              
          
    This is a working example on how to store CryptoKeys locally in your browser. We are able to save the objects, without serializing them. This means we can keep them not exportable (which might be more secure?? not sure what attack vectors this prevents).
To try out this example, first make sure you are in a browser that has support for async...await and indexedDB (latest chrome canary with chrome://flags "Enable Experimental Javascript" works). Load some page and copy and paste this code into the console. Then call encryptDataSaveKey(). This will create a private/public key pair and encrypted some random data with the private key. Then save both of them. Now reload the page, copy in the code, and run loadKeyDecryptData(). It will load the keys and encrypted data and decrypt it. You should see the same data logged both times.

  
## sw.js
(function () {
  "use strict";

  var cacheNameStatic = 'cloudinary-pwa-react-v2';

  var currentCacheNames = [ cacheNameStatic ];

  var cachedUrls = [
    // 3rd party CDN
    'https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/css/materialize.min.css',

## evented-p2p.js
import { Peer } from 'socket:peer'
import process from 'socket:process'
import Buffer from 'socket:buffer'
import fs from 'socket:fs'

window.onload = async () => {
  const clusterId = '14ecd42...' // truncated, make your own clusterId
  const publicKeyHex = 'c43c1ddd...' // truncated, make your own hex encoded key
  const privateKeyHex = '46adc2f8e9077c72...' // truncated, make your own hex encoded key

## index.html
<!DOCTYPE html>
<html>
  <head>
    <title>Service-worker demo</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <script>
    if ( "serviceWorker" in navigator ) {

## persisted-signal.ts
import { signal, effect } from "@preact/signals-core";

interface CustomStorage {
  getItem(key: string): void;
  setItem(key: string, value: string | null): void;
}

/**
 * A version of signal() that persists and recalls its value in localStorage.
 *

## signal-utils.js
import { useSignal, signal, effect } from '@preact/signals';
import { useLayoutEffect, useMemo, useRef } from 'preact/hooks';

/** @template T @typedef {T extends (infer U)[] ? U : never} Items */

/** @param {{ v, k?, f }} props */
const Item = ({ v, k, f }) => f(v, k);

/**
 * Like signal.value.map(fn), but doesn't re-render.

## components__ServiceWorkers.tsx
'use client'

import { useEffect } from 'react'

export function ServiceWorkers(): JSX.Element {
  useEffect(() => {
    if (typeof window === 'undefined') {
      return
    }
    if ('serviceWorker' in navigator) {

## How to setup a practically free CDN using Backblaze B2 and Cloudflare.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                nichoth
                / How to setup a practically free CDN using Backblaze B2 and Cloudflare.md
            
            
              Created
              January 6, 2024 23:17
                — forked from charlesroper/How to setup a practically free CDN using Backblaze B2 and Cloudflare.md
            
              
                How to setup a practically free CDN
              
          
    How to setup a practically free CDN using Backblaze B2 and Cloudflare


⚠️ Note 2023-01-21

Some things have changed since I originally wrote this in 2016. I have updated a few minor details, and the advice is still broadly the same, but there are some new Cloudflare features you can (and should) take advantage of. In particular, pay attention to Trevor Stevens' comment here from 22 January 2022, and Matt Stenson's useful caching advice. In addition, Backblaze, with whom Cloudflare are a Bandwidth Alliance partner, have published their own guide detailing how to use Cloudflare's Web Workers to cache content from B2 private buckets. That is worth reading,
	# Hello, and welcome to makefile basics.
	#
	# You will learn why `make` is so great, and why, despite its "weird" syntax,
	# it is actually a highly expressive, efficient, and powerful way to build
	# programs.
	#
	# Once you're done here, go to
	# http://www.gnu.org/software/make/manual/make.html
	# to learn SOOOO much more.
	const express = require('express');
	const { html, Component } = require('htm/preact');
	const renderToString = require('preact-render-to-string');

	class App extends Component {
	render(props) {
	return html`
	<div class="app">
	<h1>This is an app</h1>
	<p>Current server time: ${new Date + ''}</p>
	(function () {
	"use strict";

	var cacheNameStatic = 'cloudinary-pwa-react-v2';

	var currentCacheNames = [ cacheNameStatic ];

	var cachedUrls = [
	// 3rd party CDN
	'https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/css/materialize.min.css',
	import { Peer } from 'socket:peer'
	import process from 'socket:process'
	import Buffer from 'socket:buffer'
	import fs from 'socket:fs'

	window.onload = async () => {
	const clusterId = '14ecd42...' // truncated, make your own clusterId
	const publicKeyHex = 'c43c1ddd...' // truncated, make your own hex encoded key
	const privateKeyHex = '46adc2f8e9077c72...' // truncated, make your own hex encoded key
	<!DOCTYPE html>
	<html>
	<head>
	<title>Service-worker demo</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">


	<script>
	if ( "serviceWorker" in navigator ) {
	import { signal, effect } from "@preact/signals-core";

	interface CustomStorage {
	getItem(key: string): void;
	setItem(key: string, value: string \| null): void;
	}

	/**
	* A version of signal() that persists and recalls its value in localStorage.
	*
	import { useSignal, signal, effect } from '@preact/signals';
	import { useLayoutEffect, useMemo, useRef } from 'preact/hooks';

	/** @template T @typedef {T extends (infer U)[] ? U : never} Items */

	/** @param {{ v, k?, f }} props */
	const Item = ({ v, k, f }) => f(v, k);

	/**
	* Like signal.value.map(fn), but doesn't re-render.
	'use client'

	import { useEffect } from 'react'

	export function ServiceWorkers(): JSX.Element {
	useEffect(() => {
	if (typeof window === 'undefined') {
	return
	}
	if ('serviceWorker' in navigator) {