hi-ogawa

// @ts-ignore
function Debug(props: { data: any } & JSX.IntrinsicElements["details"]) {
  const { data, ...rest } = props;
  return (
    <details {...rest}>
      <summary onClick={() => console.log("debug", data)}>debug</summary>
      <pre>{JSON.stringify(data, null, 2)}</pre>
    </details>
  );
}

hi-ogawa

import type { API, FileInfo } from "jscodeshift";

//
// usage:
//   npx jscodeshift --parser tsx --transform match-and-replace-object-literal.ts <files>
//
// { act: "SELL", prc: 0, dt?: null, ... } => { act: "LOSS", prc: 0, dt?: null, ... }
//

export default function transformer(file: FileInfo, api: API): string {

hi-ogawa

• investigate by debug printing around https://github.com/yt-dlp/yt-dlp/blob/a71b812f53a5f678e4c9467858e721dcd4953a16/yt_dlp/extractor/youtube.py#L516-L532

• example script

// test.js

// api_key, params, etc... don't seem to be necessary
async function main() {
  const url = "https://www.youtube.com/youtubei/v1/player";

hi-ogawa

import sys
import re


# found in https://en.wikipedia.org/wiki/SQL_reserved_words
#   console.log(JSON.stringify(Array.from(document.querySelectorAll("table > tbody > tr > th")).map(node => node.textContent.trim())))
KEYWORDS = ["ABORT","ABORTSESSION","ABS","ABSENT","ABSOLUTE","ACCESS","ACCESSIBLE","ACCESS_LOCK","ACCOUNT","ACOS","ACOSH","ACTION","ADD","ADD_MONTHS","ADMIN","AFTER","AGGREGATE","ALIAS","ALL","ALLOCATE","ALLOW","ALTER","ALTERAND","AMP","ANALYSE","ANALYZE","AND","ANSIDATE","ANY","ARE","ARRAY","ARRAY_AGG","ARRAY_EXISTS","ARRAY_MAX_CARDINALITY","AS","ASC","ASENSITIVE","ASIN","ASINH","ASSERTION","ASSOCIATE","ASUTIME","ASYMMETRIC","AT","ATAN","ATAN2","ATANH","ATOMIC","AUDIT","AUTHORIZATION","AUX","AUXILIARY","AVE","AVERAGE","AVG","BACKUP","BEFORE","BEGIN","BEGIN_FRAME","BEGIN_PARTITION","BETWEEN","BIGINT","BINARY","BIT","BLOB","BOOLEAN","BOTH","BREADTH","BREAK","BROWSE","BT","BUFFERPOOL","BULK","BUT","BY","BYTE","BYTEINT","BYTES","CALL","CALLED","CAPTURE","CARDINALITY","CASCADE","CASCADED","CASE","CA

hi-ogawa

// const ref = useIntersectionObserverEntry(entry => console.log(entry))
// return <div ref={ref}>...</div>

function useIntersectionObserverEntry(
  callback: (value?: IntersectionObserverEntry) => void
): React.RefCallback<Element> {
  const observerRef = React.useRef<IntersectionObserver>();
  const callbackRef = React.useRef<typeof callback>(callback);
  callbackRef.current = callback;

hi-ogawa

function useResizeObserverCallback(callback: ResizeObserverCallback) {
  const observerRef = React.useRef<ResizeObserver>();

  const callbackStable = React.useRef(callback);
  callbackStable.current = callback;

  // return ref callback to setup/teardown the effect
  return function refCallback(el: Element | null) {
    let observer = observerRef.current;

hi-ogawa

reading vite

• default plugins packages/vite/src/node/plugins/index.ts
  • aliasPlugin (e.g. @vite/client (packages/vite/src/node/config.ts))
  • resolvePlugin
  • esbuildPlugin
  • buildHtmlPlugin
  • importAnalysisPlugin
    • update module node metadata by statically analyzing import statements and import.meta.hot
    • transform import "some-dep" to import "some-dep?t=${lastHMRTimestamp}" when some-dep is modified before

hi-ogawa

const PREFIX = "xxx";

for (const node of document.querySelectorAll('div[data-targets="diff-file-filter.diffEntries"]')) {
  const file = node.getAttribute("data-tagsearch-path");
  const button = node.querySelector("button.load-diff-button");
  if (button && file.startsWith(PREFIX)) {
    button.click();
  }
}

hi-ogawa

reading-chromium

todo

• building
• testing
  • unit tests
    • blink
    • content
• web tests

hi-ogawa

/* eslint-disable no-console */

import * as fs from "fs";
import * as process from "process";
import * as ts from "typescript";

//
// analyze statements of the following forms:
//
//   const someVariable = someFunction(someObjectLiteral)