azu

export const requireComment = {
  meta: {
    type: "suggestion",
    docs: {
      description: "useEffectにはコメントでの説明が必須です。",
    },
    schema: [],
    messages: {
      requireCommentOnUseEffect: `useEffectにはコメントでの説明が必須です。

azu

# Update pnpm catalog with interactive
# pnpm catalog: https://pnpm.io/ja/catalogs
# fzf: https://github.com/junegunn/fzf
# yq: https://github.com/kislyuk/yq
selected_cataglogs=$(pnpm outdated --recursive --json | jq -r 'to_entries[] | .key + ": " + .value.current + " → " + .value.latest' | fzf --multi)
echo $selected_cataglogs | while read line ; do
  pkg_name=$(echo "$line" | cut -d: -f1)
  pkg_version=$(echo "$line" | cut -d' ' -f4)
  echo "Update $pkg_name to $pkg_version"
  yq -i ".catalog += {\"$pkg_name\": \"$pkg_version\"}" pnpm-workspace.yaml

azu

https://github.com/microsoft/playwright/releases/tag/v1.46.0

• --only-changed 変更したテストだけ実行できる
  • 結構便利そう。けどテストじゃなくて関連するソースの変更を検知したい
• https://playwright.dev/docs/api/class-testconfig#test-config-respect-git-ignore
  • gitiginoreサポートだ。自前でパースしてた
  • https://github.com/microsoft/playwright/blob/06ffdd61c9bc2e45e682011e09efeb4c658e2036/packages/playwright/src/runner/projectUtils.ts#L205-L222

https://github.com/microsoft/playwright/releases/tag/v1.45.0

azu

next/fontの実装

https://github.com/vercel/next.js/blob/037783445324a85d04675524c941df21b3f4fbb5/packages/font/src/google

1. next/fontの関数からパラメータを組み立てて https://fonts.googleapis.com/css2?family=xxx に対してリクエスト

• https://github.com/vercel/next.js/blob/abe8b1e0a8c4db297d9a05b66d7aa59e8d7afca4/packages/font/src/google/loader.ts#L57-L87

2. ダウンロードしたCSSの src: url(...) を抜き出してwebfontファイルを保存

• https://github.com/vercel/next.js/blob/abe8b1e0a8c4db297d9a05b66d7aa59e8d7afca4/packages/font/src/google/loader.ts#L110-L133

3. ダウンロードしたCSSの src: url(...) を保存したファイルパスへ書き換え

• https://github.com/vercel/next.js/blob/abe8b1e0a8c4db297d9a05b66d7aa59e8d7afca4/packages/font/src/google/loader.ts#L151-L157

azu

Node.jsのTypeScriptサポートについて

• Created: 2024-07-28
• Updated: https://gist.github.com/azu/ac5dafbf211ef8b5ecf386930ac75250/revisions

Node.jsのTypeScriptサポートに関する議論を時系列でまとめたものです。

Start

• Issue: Support typescript with --experimental-strip-types · Issue #208 · nodejs/loaders

azu

export type BaseEnvRecord = Record<
  string,
  {
    value: string | undefined;
    required: boolean;
    defaultValue?: string;
  }
>;
export type ReturnTypeOfCreateEnv<T extends BaseEnvRecord> = {
  // If the value is required, it should be a string, otherwise it should be a string or undefined

azu

{
  // ベースのtsconfigは決められたカテゴリのみを設定する
  // それ以外は、プロジェクトごとに設定する
  // https://www.typescriptlang.org/tsconfig/#compilerOptions
  "compilerOptions": {
    // incrementalビルドは特別にデフォルトで有効にする
    "incremental": true,
    // # JavaScript Support
    "allowJs": false,
    // # Type Checking

azu

import React, { useActionState } from "react";
const validate = _ => {};
const isValidationError = _ => {};
const isNetworkError = _ => {};
const DisplayError = ({
  error,
}: {
  error: ReturnType<typeof usePage>["error"];
}) => {
  if(isValidationError(error)) {

azu

const draw = (output) => console.log(output);
const getWeather = async (city) => {
  await new Promise((resolve) => setTimeout(resolve, 1000));
  return "sunny";
};

const render = async function* ({ city }) {
  yield `<Spinner />`;
  const weather = await getWeather(city);
  return `<Weather info=${weather} />`;

azu

api.mapkey("g", "Kagi to Google", function () {
  const isKagi = location.href.startsWith("https://kagi.com/search?");
  if (isKagi) {
    location.href = `https://www.google.com/search?q=${(new URL(location.href)).searchParams.get("q")}`;
  }
});