令人惊讶的是：员工与高管之间在AI信任度上存在惊人的52个百分点差距。这种巨大的信任鸿沟揭示了决策层与执行层对AI技术价值的认知差异，可能导致技术投资与实际需求严重脱节。

for - SRG Corporation2CO-OPeration program - worker-owned cooperatives - Apis & Heritage - inequality reduction - via worker-owned cooperatives

summary - Apis & Heritage is a unique US private equity firm that has established an investment fund called "The Legacy Fund" which is used to facilitate Employee-Led BuyOut (ELBO). Studies show the enormous potential for reducing inequality and it is an issue that receives rare bipartisan political support in the US. The "Silver Tsunami" describes 3 million small business owners likely to retire in 2035. Together, their businesses account for $10 trillion in assets. Apis & Heritage helps faciliate a smooth transition for owners to sell to their employees, increasing their net worth by as much as 10x by the time they retire.

.> for - quote - worker-owned cooperatives - Michael Brownrigg

for - Apis & Heritage - champions of worker-owned cooperative movement

for - worker-owned cooperatives - rare bipartisan support

for - stats - 2022 - US worker-owned cooperative potential - about 140,000 firms - employing around 33 million workers - would have been suitable candidates for ESOP employee buyouts, - nearly 1.1 million firms - employing over 25 million workers - [are] suitable candidates for cooperative employee buyouts. - Collectively, these firms accounted for roughly $25 trillion in total revenues. - Aspen Institute

for - worker-owned cooperative - opportunities

for - worker-owned cooperative - attitude shift - from paycheck - to investment in future

for - worker-owned cooperatives - attitude shift - more responsibility

for - stats - comparison - savings - worker-owned cooperative employee vs non - Rutgers - average median-earnings household - 17K - worker-owned cooperative - 165K

for - stats - small businesses - USA - 3 million - 10 trillion in assets - 11 million baby boomers retiring by 2035 - US - worker-owned cooperatives - potential

for - quote / critique - it is upon us, beyond our power to alter, and therefore to be accepted and made the best of. It is a waste of time to criticize the inevitable. - Andrew Carnegie - The Gospel of Wealth - alternatives - to - mainstream companies - cooperatives - Peer to Peer - Decentralized Autonomous Organization (DAO) - Fair Share Commons - B Corporations - Worker owned companies

quote / critique - it is upon us, beyond our power to alter, and therefore to be accepted and made the best of. It is a waste of time to criticize the inevitable. - Andrew Carnegie - The Gospel of Wealth - This is a defeatist attitude that does not look for a condition where both enormous inequality AND universal squalor can both eliminated - Today, there are a growing number of alternative ideas which can challenge this claim such as: - Cooperatives - example - Mondragon corporation with 70,000 employees - B Corporations - Fair Share Commons - Peer to Peer - Worker owned companies - Cosmolocal organizations - Decentralized Autonomous Organization (DAO)

js const rs = new ReadableStream({ start(controller) { controller.enqueue('hello'); } }); const w = new Worker('worker.js'); w.postMessage(rs, [rs]);

js onmessage = async (evt) => { const rs = evt.data; const reader = rs.getReader(); const {value, done} = await reader.read(); console.log(value); // logs 'hello'. };

html <meta http-equiv="Accept-CH" content="DPR, Viewport-Width, Width"> ... <picture> <!-- serve WebP to Chrome and Opera --> <source media="(min-width: 50em)" sizes="50vw" srcset="/image/thing-200.webp 200w, /image/thing-400.webp 400w, /image/thing-800.webp 800w, /image/thing-1200.webp 1200w, /image/thing-1600.webp 1600w, /image/thing-2000.webp 2000w" type="image/webp"> <source sizes="(min-width: 30em) 100vw" srcset="/image/thing-crop-200.webp 200w, /image/thing-crop-400.webp 400w, /image/thing-crop-800.webp 800w, /image/thing-crop-1200.webp 1200w, /image/thing-crop-1600.webp 1600w, /image/thing-crop-2000.webp 2000w" type="image/webp"> <!-- serve JPEGXR to Edge --> <source media="(min-width: 50em)" sizes="50vw" srcset="/image/thing-200.jpgxr 200w, /image/thing-400.jpgxr 400w, /image/thing-800.jpgxr 800w, /image/thing-1200.jpgxr 1200w, /image/thing-1600.jpgxr 1600w, /image/thing-2000.jpgxr 2000w" type="image/vnd.ms-photo"> <source sizes="(min-width: 30em) 100vw" srcset="/image/thing-crop-200.jpgxr 200w, /image/thing-crop-400.jpgxr 400w, /image/thing-crop-800.jpgxr 800w, /image/thing-crop-1200.jpgxr 1200w, /image/thing-crop-1600.jpgxr 1600w, /image/thing-crop-2000.jpgxr 2000w" type="image/vnd.ms-photo"> <!-- serve JPEG to others --> <source media="(min-width: 50em)" sizes="50vw" srcset="/image/thing-200.jpg 200w, /image/thing-400.jpg 400w, /image/thing-800.jpg 800w, /image/thing-1200.jpg 1200w, /image/thing-1600.jpg 1600w, /image/thing-2000.jpg 2000w"> <source sizes="(min-width: 30em) 100vw" srcset="/image/thing-crop-200.jpg 200w, /image/thing-crop-400.jpg 400w, /image/thing-crop-800.jpg 800w, /image/thing-crop-1200.jpg 1200w, /image/thing-crop-1600.jpg 1600w, /image/thing-crop-2000.jpg 2000w"> <!-- fallback for browsers that don't support picture --> <img src="/image/thing.jpg" width="50%"> </picture>

```js /* * Response from cache / self.addEventListener('fetch', event => { const response = self.caches.open('example') .then(caches => caches.match(event.request)) .then(response => response || fetch(event.request));

event.respondWith(response); });

/* * Response to SSE by text / self.addEventListener('fetch', event => { const { headers } = event.request; const isSSERequest = headers.get('Accept') === 'text/event-stream';

if (!isSSERequest) { return; }

event.respondWith(new Response('Hello!')); });

/* * Response to SSE by stream / self.addEventListener('fetch', event => { const { headers } = event.request; const isSSERequest = headers.get('Accept') === 'text/event-stream';

if (!isSSERequest) { return; }

const responseText = 'Hello!'; const responseData = Uint8Array.from(responseText, x => x.charCodeAt(0)); const stream = new ReadableStream({ start: controller => controller.enqueue(responseData) }); const response = new Response(stream);

event.respondWith(response); });

/* * SSE chunk data / const sseChunkData = (data, event, retry, id) => Object.entries({ event, id, data, retry }) .filter(([, value]) => ![undefined, null].includes(value)) .map(([key, value]) => ${key}: ${value}) .join('\n') + '\n\n';

/* * Success response to SSE from SW / self.addEventListener('fetch', event => { const { headers } = event.request; const isSSERequest = headers.get('Accept') === 'text/event-stream';

if (!isSSERequest) { return; }

const sseChunkData = (data, event, retry, id) => Object.entries({ event, id, data, retry }) .filter(([, value]) => ![undefined, null].includes(value)) .map(([key, value]) => ${key}: ${value}) .join('\n') + '\n\n';

const sseHeaders = { 'content-type': 'text/event-stream', 'Transfer-Encoding': 'chunked', 'Connection': 'keep-alive', };

const responseText = sseChunkData('Hello!'); const responseData = Uint8Array.from(responseText, x => x.charCodeAt(0)); const stream = new ReadableStream({ start: controller => controller.enqueue(responseData) }); const response = new Response(stream, { headers: sseHeaders });

event.respondWith(response); });

/* * Result / self.addEventListener('fetch', event => { const { headers, url } = event.request; const isSSERequest = headers.get('Accept') === 'text/event-stream';

// Process only SSE connections if (!isSSERequest) { return; }

// Headers for SSE response const sseHeaders = { 'content-type': 'text/event-stream', 'Transfer-Encoding': 'chunked', 'Connection': 'keep-alive', }; // Function for formatting message to SSE response const sseChunkData = (data, event, retry, id) => Object.entries({ event, id, data, retry }) .filter(([, value]) => ![undefined, null].includes(value)) .map(([key, value]) => ${key}: ${value}) .join('\n') + '\n\n';

// Map with server connections, where key - url, value - EventSource const serverConnections = {}; // For each request opens only one server connection and use it for next requests with the same url const getServerConnection = url => { if (!serverConnections[url]) { serverConnections[url] = new EventSource(url); }

return serverConnections[url];

}; // On message from server forward it to browser const onServerMessage = (controller, { data, type, retry, lastEventId }) => { const responseText = sseChunkData(data, type, retry, lastEventId); const responseData = Uint8Array.from(responseText, x => x.charCodeAt(0)); controller.enqueue(responseData); }; const stream = new ReadableStream({ start: controller => getServerConnection(url).onmessage = onServerMessage.bind(null, controller) }); const response = new Response(stream, { headers: sseHeaders });

event.respondWith(response); }); ```

```js self.addEventListener('fetch', event => { const { headers, url } = event.request; const isSSERequest = headers.get('Accept') === 'text/event-stream';

// We process only SSE connections if (!isSSERequest) { return; }

// Response Headers for SSE const sseHeaders = { 'content-type': 'text/event-stream', 'Transfer-Encoding': 'chunked', 'Connection': 'keep-alive', }; // Function formatting data for SSE const sseChunkData = (data, event, retry, id) => Object.entries({ event, id, data, retry }) .filter(([, value]) => ![undefined, null].includes(value)) .map(([key, value]) => ${key}: ${value}) .join('\n') + '\n\n'; // Table with server connections, where key is url, value is EventSource const serverConnections = {}; // For each url, we open only one connection to the server and use it for subsequent requests const getServerConnection = url => { if (!serverConnections[url]) serverConnections[url] = new EventSource(url);

return serverConnections[url];

}; // When we receive a message from the server, we forward it to the browser const onServerMessage = (controller, { data, type, retry, lastEventId }) => { const responseText = sseChunkData(data, type, retry, lastEventId); const responseData = Uint8Array.from(responseText, x => x.charCodeAt(0)); controller.enqueue(responseData); }; const stream = new ReadableStream({ start: controller => getServerConnection(url).onmessage = onServerMessage.bind(null, controller) }); const response = new Response(stream, { headers: sseHeaders });

event.respondWith(response); }); ```

js function handleRequest(event: FetchEvent) { return new HTMLResponse(pageLayout('Hello World!', html` <h1>Hello World!</h1> ${async () => { const timeStamp = new Date( await fetch('https://time.api/now').then(r => r.text()) ); return html`<p>The current time is ${timeEl(timeStamp)}.</p>` }} `)); }

```js import { ReadableStream } from 'node:stream/web'; import { Worker } from 'node:worker_threads';

const readable = new ReadableStream(getSomeSource());

const worker = new Worker('/path/to/worker.js', { workerData: readable, transferList: [readable], }); ```

```js const { workerData: stream } = require('worker_threads');

const reader = stream.getReader(); reader.read().then(console.log); ```

!- analogy : inhumanity of knowledge work - compared to a dog stuck in a cage

!- for : symbolic representation - language - the representation is closely tied to the media - a knowledge worker sits at a desk and plays with symbols in a small area all day! - This is actually inhumane when you think about it

Beaumont, P. (2021, September 16). Which countries are enforcing mandatory Covid jabs – and how? The Guardian. https://www.theguardian.com/world/2021/sep/16/which-countries-enforcing-mandatory-covid-vaccination

Summers, D. (2021, September 24). I Am So Tired. https://www.arcdigital.media/p/i-am-so-tired

Regev-Yochay, G., Gonen, T., Gilboa, M., Mandelboim, M., Indenbaum, V., Amit, S., Meltzer, L., Asraf, K., Cohen, C., Fluss, R., Biber, A., Nemet, I., Kliker, L., Joseph, G., Doolman, R., Mendelson, E., Freedman, L. S., Harats, D., Kreiss, Y., & Lustig, Y. (2022). 4th Dose COVID mRNA Vaccines’ Immunogenicity & Efficacy Against Omicron VOC (p. 2022.02.15.22270948). medRxiv. https://doi.org/10.1101/2022.02.15.22270948

Campbell, D., Sabbagh, D., & Devlin, H. (2022, January 7). Military deployed at London hospitals due to Omicron staff shortages. The Guardian. https://www.theguardian.com/world/2022/jan/07/military-deployed-at-london-hospitals-due-to-omicron-staff-shortages

ReconfigBehSci on Twitter: “RT @dgurdasani1: 3.5% of health and care workers already have long COVID- the highest across all occupations. How can we expect the NHS to…” / Twitter. (n.d.). Retrieved December 23, 2021, from https://twitter.com/SciBeh/status/1474026547753463817

Batty, M., Murcio, R., Iacopini, I., Vanhoof, M., & Milton, R. (2020). London in Lockdown: Mobility in the Pandemic City. ArXiv:2011.07165 [Physics]. http://arxiv.org/abs/2011.07165

wparmet. (2022, January 5). Major Questions about Vaccine Mandates, the Supreme Court, and the Major Questions Doctrine. Bill of Health. http://blog.petrieflom.law.harvard.edu/2022/01/05/major-questions-vaccine-mandates-supreme-court/

Hall, V. G., Ferreira, V. H., Wood, H., Ierullo, M., Majchrzak-Kita, B., Manguiat, K., Robinson, A., Kulasingam, V., Humar, A., & Kumar, D. (2022). Delayed-interval BNT162b2 mRNA COVID-19 vaccination enhances humoral immunity and induces robust T cell responses. Nature Immunology, 1–6. https://doi.org/10.1038/s41590-021-01126-6

A note on setting worker-loader’s publicPath with webpack 5

Webpack 5 introduced a mechanism to detect the publicPath that should be used automatically

[...]

Webpack 5 exposes a global variable called __webpack_public_path__ that allows you to do that.

// Updates the `publicPath` at runtime, overriding whatever was set in the
// webpack's `output` section.
__webpack_public_path__ = "/workers/";

const myWorker = new Worker(
  new URL("/workers/worker.js");
);

// Eventually, restore the `publicPath` to whatever was set in output.
__webpack_public_path__ = "https://my-static-cdn/";

Halliday, J., & correspondent, J. H. N. of E. (2022, January 17). ‘Christmas was awful’: On the Omicron frontline at the Royal Preston hospital. The Guardian. https://www.theguardian.com/world/2022/jan/17/christmas-was-awful-on-the-omicron-frontline-at-the-royal-preston-hospital

Yong, E. (2021, December 16). America Is Not Ready for Omicron. The Atlantic. https://www.theatlantic.com/health/archive/2021/12/america-omicron-variant-surge-booster/621027/

Nash, D. (n.d.). The CDC Got Lost Trying to Follow the Science. Retrieved January 14, 2022, from https://www.barrons.com/articles/cdc-guidance-covid-isolation-pandemic-51641847943

Up the line to death: Covid-19 has revealed a mortal betrayal of the world’s healthcare workers. (2021, January 29). The BMJ. https://blogs.bmj.com/bmj/2021/01/29/up-the-line-to-death-covid-19-has-revealed-a-mortal-betrayal-of-the-worlds-healthcare-workers/

Barry McAree 💙. (2022, January 6). Teachers on these islands will get FFP2(rightly so).Healthcare workers on other parts of these islands..nah!..Surgical masks/spit guards/not PPE,for working with COVID-positive patients risking other patient’s, our own & our family’s health.”Protect the NHS”🤔⁦@CMO_England⁩ https://t.co/OngrD5BBPU [Tweet]. @BarryMcAree. https://twitter.com/BarryMcAree/status/1478883258305814536

Web Workers

As of webpack 5, you can use Web Workers without worker-loader.

Syntax

new Worker(new URL('./worker.js', import.meta.url));

// main.js
const { RemoteReadableStream, RemoteWritableStream } = RemoteWebStreams;
(async () => {
  const worker = new Worker('./worker.js');
  // create a stream to send the input to the worker
  const { writable, readablePort } = new RemoteWritableStream();
  // create a stream to receive the output from the worker
  const { readable, writablePort } = new RemoteReadableStream();
  // transfer the other ends to the worker
  worker.postMessage({ readablePort, writablePort }, [readablePort, writablePort]);

  const response = await fetch('./some-data.txt');
  await response.body
    // send the downloaded data to the worker
    // and receive the results back
    .pipeThrough({ readable, writable })
    // show the results as they come in
    .pipeTo(new WritableStream({
      write(chunk) {
        const results = document.getElementById('results');
        results.appendChild(document.createTextNode(chunk)); // tadaa!
      }
    }));
})();

// worker.js
const { fromReadablePort, fromWritablePort } = RemoteWebStreams;
self.onmessage = async (event) => {
  // create the input and output streams from the transferred ports
  const { readablePort, writablePort } = event.data;
  const readable = fromReadablePort(readablePort);
  const writable = fromWritablePort(writablePort);

  // process data
  await readable
    .pipeThrough(new TransformStream({
      transform(chunk, controller) {
        controller.enqueue(process(chunk)); // do the actual work
      }
    }))
    .pipeTo(writable); // send the results back to main thread
};

What you're trying to do is known as the "Application Shell" architectural pattern.

The trick is to have your service worker's fetch handler check to see whether an incoming request is a navigation (event.request.mode === 'navigate'), and if so, respond with the cached App Shell HTML (which sounds like /index.html in your case).

A generic way of doing this would be:

self.addEventListener('fetch', (event) => {
  if (event.request.mode === 'navigate') {
    event.respondWith(caches.match('/index.html'));
  } else {
    // Your other response logic goes here.
  }
});

This will cause your service worker to behave in a similar fashion to how you're web server is already configured.

ReconfigBehSci. (2021, December 22). RT @Rebeccasmt: Exclusive: Hospitals plan for ‘mass casualty’ event with up to one-third of staff sick https://t.co/bwA1s80SgZ [Tweet]. @SciBeh. https://twitter.com/SciBeh/status/1473604922910380032

227 B.C. chiropractors threaten to sue regulatory college if vaccines ordered. (n.d.). Vancouversun. Retrieved December 17, 2021, from https://vancouversun.com/news/local-news/227-b-c-chiropractors-threaten-to-sue-regulatory-college-if-vaccines-ordered