mizchi

import * as qwikOptimizer from "@builder.io/qwik/optimizer";
const optimizer = await qwikOptimizer.createOptimizer();

const code = `
export default () => {
  return (
    <>
      <h1>Hello</h1>
    </>
  );

mizchi

import { For, Suspense, batch, createEffect, createResource, createSignal, lazy, on, onMount } from 'solid-js'

const DelayedGreeting = lazy(async () => {
  await new Promise(r => setTimeout(r, 1000));
  return {
    default: ()=> <div>Lazy Component</div>
  }
});

async function fetchUser(id: string) {

mizchi

import { useLayoutEffect, useState } from "react";

let delta = 0;

function StaticElement() {
	return (
		<span>
			<span>
				<span>.</span>
			</span>

mizchi

// Generated by scripts/genBuiltinDict.ts
export const BuiltinPureMembers: Record<string, Array<string>> = {
  AbortController: [
    "signal",
    // "abort",
  ],
  AbortSignal: [
    "aborted",
    // "onabort",
    "reason",

mizchi

type NarrowingFilter<T, U extends T> = (x: T) => x is U;
function composeFilters<A, B extends A>(f1: NarrowingFilter<A, B>): NarrowingFilter<A, B>;
function composeFilters<A, B extends A, C extends B>(
  f1: NarrowingFilter<A, B>,
  f2: NarrowingFilter<B, C>,
): NarrowingFilter<A, C>;
function composeFilters<A, B extends A, C extends B, D extends C>(
  f1: NarrowingFilter<A, B>,
  f2: NarrowingFilter<B, C>,
  f3: NarrowingFilter<C, D>,

mizchi

use std::{rc::Rc, sync::Mutex};

use rand::Rng;
use wasm_bindgen::prelude::*;

fn draw_triangle(context: &web_sys::CanvasRenderingContext2d, points: [(f64, f64); 3], color: (u8, u8, u8)) {
    let [top, left, right] = points;
    let color_str = format!("rgb({},{},{})", color.0, color.1, color.2);
    context.set_fill_style(&wasm_bindgen::JsValue::from_str(&color_str));
    context.move_to(top.0, top.1);

mizchi

marp	theme
true	gaia

https://speakerdeck.com/mizchi/server-side-javascript-notamenobandoruzui-shi-hua のスライドのMarp のソースコード。 PDF だとリンククリックできなくて不便だったので

---

mizchi

import * as ts from "typescript";
export interface Env {}

export default {
	async fetch(request: Request, env: Env, ctx: ExecutionContext): Promise<Response> {
		const num = ts.SyntaxKind.Identifier;
		// const num = 80;
		return new Response(`${num}`);
	},
};

mizchi

{
  "private": true,
  "type": "module",
  "scripts": {
    "start": "tsm --conditions react-server run-rsc.tsx"
  },
  "license": "MIT",
  "devDependencies": {
    "@types/react": "^18.0.25",
    "@types/react-dom": "^18.0.9",

mizchi

/*
Prompt1:

この topoSort関数を以下の Graph 型に対するトポロジカルソートとして実装してください。

```ts
type Graph<T> = Map<T, Set<T>>;

export function topoSort<T>(graph: Graph<T>): Array<T> {
  // wip