azu

#!/usr/bin/env node --experimental-strip-types

// # npm/yarn を pnpm に移行するスクリプト
// ## 制限
// Node.jsのコアパッケージのみを利用する
// - fsのglob
//   https://nodejs.org/api/fs.html#fspromisesglobpattern-options
// - util.parseArgv
//   https://nodejs.org/api/util.html#utilparseargsconfig
// ## 変更箇所

azu

tj-actions organizationのリポジトリをチェック

次のコマンドで、tj-actionsのリポジトリの一覧を取得できる。

$ gh repo list tj-actions --json "name,owner"
[
  {
    "name": "glob",
    "owner": {

azu

import * as ts from "typescript";

const getLineTextFromFilePosition = (
  file: ts.SourceFile,
  { line, character }: ts.LineAndCharacter,
): string => {
  const lines = file.getFullText().split("\n");
  return lines[line]?.slice(character) ?? "";
};

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