umetsu/blog

Next.jsで作るブログ

blog's Issues

コンポーネントのテストを追加

relayに依存するようになってコンポーネントのテストがしづらくなった
下記のリンクを参考にテストできるようにする

• https://relay.dev/docs/en/testing-relay-components

一覧画面のUI変更

• タイトル
• 日にち
• カバーイメージ(表示するか悩む)
• タグ
• excerpt

Action Required: Fix Renovate Configuration

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Error type: Cannot find preset's package (github>whitesource/merge-confidence:beta)

fragmentでcoverImageを所得しようをするとエラーになる

fragment ArticleDetailFragment on Article {
    id
    title
    date
    coverImage {
      url
      width
      height
    }
    tags
    excerpt
    content
  }

SerializableError: Error serializing `.article.__fragmentOwner.node.operation.select
ions[0].selections[3].selections[3]` returned from `getStaticProps` in "/[slug]".
Reason: Circular references cannot be expressed in JSON (references: `.article.__fra
gmentOwner.node.operation.selections[0].selections[0]`).

独自ドメインの設定

og-image.now.shで作った画像が文字化けする

themeの追加

Draftのプレビュー機能

Relayをはがす

1. relay v10になってから自動生成されたファイル内でビルドエラーが出る
2. fragmentを使うようになってからコンポーネントのテストがかなりしづらくなった
3. fragmentで特定の要素をとってこようとするとビルドエラーになってしまう
4. query名やfragment名がファイル名に縛られるのがつらい
5. デフォルトではrelay関連がrenovateのmonorepoになっていないので、１つ１つマージしてくのがめんどい

2, 3はrelayだけの影響ではないが、とにかく開発体験がだいぶ落ちてきていて辛い。
もとのgraphql-codegen + fetchの構成に戻す。

Renovateの設定

詳細画面のUI変更

取得したものはまるっと表示。UIを整えたい

マークダウンをHTMLに変換

詳細画面で content をうまく表示できるようにしたい

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Warning

These dependencies are deprecated:

Datasource	Name	Replacement PR?
npm	@material-ui/core
npm	@types/highlight.js
npm	@types/marked
npm	@types/testing-library__react

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

• Update dependency @types/react to v16.14.60
• Update dependency @testing-library/jest-dom to v5.17.0
• Update dependency eslint-plugin-react to v7.35.0
• Update dependency graphql to v15.9.0
• Update dependency prettier to v2.8.8
• Update dependency typescript to v4.9.5
• Update dependency @types/highlight.js to v10
• Update dependency @types/marked to v6
• Update dependency @types/node to v20
• Update dependency eslint to v9
• Update dependency eslint-config-prettier to v9
• Update dependency husky to v9
• Update dependency jest-watch-typeahead to v2
• Update dependency lint-staged to v15
• Update dependency prettier to v3
• Update dependency typescript to v5
• Update testing-library monorepo (major) (@testing-library/jest-dom, @testing-library/react)
• 🔐 Create all rate-limited PRs at once 🔐

Edited/Blocked

These updates have been manually edited so Renovate will no longer make changes. To discard all commits and start over, click on a checkbox.

• Update dependency marked to v4 [SECURITY]
• Update dependency sanitize-html to v2 [SECURITY]

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• Update dependency next to v13 [SECURITY]
• Replace dependency @material-ui/core with @mui/material
• Update dependency @material-ui/core to v4.12.4
• Update dependency @types/sanitize-html to v2
• Update dependency graphql to v16
• Update dependency highlight.js to v11
• Update graphqlcodegenerator monorepo (major) (@graphql-codegen/cli, @graphql-codegen/fragment-matcher, @graphql-codegen/typescript, @graphql-codegen/typescript-operations)
• Update jest monorepo to v29 (major) (@types/jest, babel-jest, jest)
• Update react monorepo to v18 (major) (@types/react, react, react-dom)
• Update typescript-eslint monorepo to v7 (major) (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

npm

package.json

• @material-ui/core 4.12.3
• graphql 15.8.0
• graphql-tag 2.12.6
• highlight.js 10.7.3
• marked 1.2.9
• next 9.5.5
• react 16.14.0
• react-dom 16.14.0
• sanitize-html 1.27.5
• @graphql-codegen/cli 1.21.8
• @graphql-codegen/fragment-matcher 1.17.8
• @graphql-codegen/typescript 1.23.0
• @graphql-codegen/typescript-operations 1.18.4
• @testing-library/jest-dom 5.16.1
• @testing-library/react 11.2.7
• @types/highlight.js 9.12.4
• @types/jest 26.0.24
• @types/marked 1.2.2
• @types/node 13.13.52
• @types/react 16.14.21
• @types/sanitize-html 1.27.2
• @types/testing-library__react 10.2.0
• @typescript-eslint/eslint-plugin 4.33.0
• @typescript-eslint/parser 4.33.0
• babel-jest 26.6.3
• eslint 7.32.0
• eslint-config-prettier 6.15.0
• eslint-plugin-react 7.27.1
• husky 4.3.8
• is-ci-cli 2.2.0
• jest 26.6.3
• jest-watch-typeahead 0.6.5
• lint-staged 10.5.4
• prettier 2.5.1
• typescript 4.5.2

---

• Check this box to trigger a request for Renovate to run again on this repository

Layout追加

Auto mergeの設定

タグによる記事のフィルタリング

test実行スクリプトの統一

is-ci-cliを使って npm run test だけで良いようにしたい

meta descriptionの追加

Storybook導入

Relayへの以降

CMSとのつなぎこみ