Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

主にwebの依存関係dependenciesのマイナーバージョンを上げた #24

Merged
merged 5 commits into from
May 31, 2024
Merged

主にwebの依存関係dependenciesのマイナーバージョンを上げた #24

merged 5 commits into from
May 31, 2024

Conversation

renovate[bot]
Copy link
Contributor

@renovate renovate bot commented May 25, 2024 •
edited
Loading

Mend Renovate

This PR contains the following updates:

Package Change Age Adoption Passing Confidence
@next/eslint-plugin-next (source) 14.1.0 -> 14.2.3 age adoption passing confidence
@pandacss/dev (source) 0.31.0 -> 0.40.1 age adoption passing confidence
@​pandacss/eslint-plugin 0.0.17 -> 0.1.5 age adoption passing confidence
@t3-oss/env-nextjs (source) 0.8.0 -> 0.10.1 age adoption passing confidence
@types/node (source) 20.12.12 -> 20.12.13 age adoption passing confidence
@types/react (source) 18.2.52 -> 18.3.3 age adoption passing confidence
@types/react-dom (source) 18.2.18 -> 18.3.0 age adoption passing confidence
@typescript-eslint/eslint-plugin (source) 7.0.1 -> 7.11.0 age adoption passing confidence
@typescript-eslint/parser (source) 7.0.1 -> 7.11.0 age adoption passing confidence
@vercel/analytics (source) 1.1.2 -> 1.3.1 age adoption passing confidence
eslint-config-next (source) 14.1.0 -> 14.2.3 age adoption passing confidence
eslint-plugin-react 7.33.2 -> 7.34.2 age adoption passing confidence
eslint-plugin-react-hooks (source) 4.6.0 -> 4.6.2 age adoption passing confidence
eslint-plugin-storybook 0.6.15 -> 0.8.0 age adoption passing confidence
lucide-react (source) 0.321.0 -> 0.381.0 age adoption passing confidence
next (source) 14.1.0 -> 14.2.3 age adoption passing confidence
next-themes 0.2.1 -> 0.3.0 age adoption passing confidence
pnpm (source) 8.15.1 -> 8.15.8 age adoption passing confidence
react (source) 18.2.0 -> 18.3.1 age adoption passing confidence
react-dom (source) 18.2.0 -> 18.3.1 age adoption passing confidence
zod (source) 3.22.4 -> 3.23.8 age adoption passing confidence

Release Notes

vercel/next.js (@​next/eslint-plugin-next)

v14.2.3

Compare Source

v14.2.2

Compare Source

v14.2.1

Compare Source

v14.2.0

Compare Source

v14.1.4

Compare Source

[!NOTE]
This release is backporting bug fixes. It does not include all pending features/changes on canary.

Core Changes
Test Changes

v14.1.3

Compare Source

v14.1.2

Compare Source

Note: this is a backport release for critical bug fixes -- this does not include all pending features/changes on canary

Core Changes
  • Fix sitemap generateSitemaps support for string id (#​61088)
  • Fix: generateSitemaps in production giving 404 (#​62212)
  • Fix redirect under suspense boundary with basePath (#​62597)
  • Fix: Add stricter check for "use server" exports (#​62821)
  • ensure server action errors notify rejection handlers (#​61588)
  • make router restore action resilient to a missing tree (#​62098)
  • build: remove sentry from the externals list #​61194
  • Reduce memory/cache overhead from over loader processing #​62005
Credits

Huge thanks to @​huozhi, @​shuding, @​Ethan-Arrowood, @​styfle, @​ijjk, @​ztanner, @​balazsorban44, @​kdy1, and @​williamli for helping!

v14.1.1

Compare Source

Note: this is a backport release for critical bug fixes -- this does not include all pending features/changes on canary

Core Changes
Credits

Huge thanks to @​huozhi, @​shuding, @​Ethan-Arrowood, @​styfle, @​ijjk, @​ztanner, @​balazsorban44, @​kdy1, and @​williamli for helping!

chakra-ui/panda (@​pandacss/dev)

v0.40.1

Compare Source

Patch Changes

v0.40.0

Compare Source

Minor Changes
  • 5dcdae4: Improve monorepo setup DX by exposing some cli flags
panda init
  • Added new flag --no-codegen to skip codegen during initialization
  • Added new flag --outdir to specify the output directory for generated files
panda emit-pkg
  • Added new --base flag to specify the base directory for the entrypoints in the generated package.json#exports
    field
Patch Changes

v0.39.2

Compare Source

Patch Changes

v0.39.1

Compare Source

Patch Changes

v0.39.0

Compare Source

Patch Changes

v0.38.0

Compare Source

Patch Changes

v0.37.2

Compare Source

Patch Changes

v0.37.1

Compare Source

Patch Changes

v0.37.0

Compare Source

Patch Changes

v0.36.1

Compare Source

Patch Changes

v0.36.0

Compare Source

Minor Changes

  • 2691f16: Add config.themes to easily define and apply a theme on multiple tokens at once, using data attributes and
    CSS variables.

    Can pre-generate multiple themes with token overrides as static CSS, but also dynamically import and inject a theme
    stylesheet at runtime (browser or server).

    Example:

    // panda.config.ts
import { defineConfig } from '@​pandacss/dev'

export default defineConfig({
  // ...
  // main theme
  theme: {
    extend: {
      tokens: {
        colors: {
          text: { value: 'blue' },
        },
      },
      semanticTokens: {
        colors: {
          body: {
            value: {
              base: '{colors.blue.600}',
              _osDark: '{colors.blue.400}',
            },
          },
        },
      },
    },
  },
  // alternative theme variants
  themes: {
    primary: {
      tokens: {
        colors: {
          text: { value: 'red' },
        },
      },
      semanticTokens: {
        colors: {
          muted: { value: '{colors.red.200}' },
          body: {
            value: {
              base: '{colors.red.600}',
              _osDark: '{colors.red.400}',
            },
          },
        },
      },
    },
    secondary: {
      tokens: {
        colors: {
          text: { value: 'blue' },
        },
      },
      semanticTokens: {
        colors: {
          muted: { value: '{colors.blue.200}' },
          body: {
            value: {
              base: '{colors.blue.600}',
              _osDark: '{colors.blue.400}',
            },
          },
        },
      },
    },
  },
})
Pregenerating themes

By default, no additional theme variant is generated, you need to specify the specific themes you want to generate in
staticCss.themes to include them in the CSS output.

// panda.config.ts
import { defineConfig } from '@​pandacss/dev'

export default defineConfig({
  // ...
  staticCss: {
    themes: ['primary', 'secondary'],
  },
})

This will generate the following CSS:

@​layer tokens {
  :where(:root, :host) {
    --colors-text: blue;
    --colors-body: var(--colors-blue-600);
  }

  [data-panda-theme='primary'] {
    --colors-text: red;
    --colors-muted: var(--colors-red-200);
    --colors-body: var(--colors-red-600);
  }

  @​media (prefers-color-scheme: dark) {
    :where(:root, :host) {
      --colors-body: var(--colors-blue-400);
    }

    [data-panda-theme='primary'] {
      --colors-body: var(--colors-red-400);
    }
  }
}

An alternative way of applying a theme is by using the new styled-system/themes entrypoint where you can import the
themes CSS variables and use them in your app.

ℹ️ The styled-system/themes will always contain every themes (tree-shaken if not used), staticCss.themes only
applies to the CSS output.

Each theme has a corresponding JSON file with a similar structure:

{
  "name": "primary",
  "id": "panda-themes-primary",
  "dataAttr": "primary",
  "css": "[data-panda-theme=primary] { ... }"
}

ℹ️ Note that for semantic tokens, you need to use inject the theme styles, see below

Dynamically import a theme using its name:

import { getTheme } from '../styled-system/themes'

const theme = await getTheme('red')
//    ^? {
//     name: "red";
//     id: string;
//     css: string;
// }

Inject the theme styles into the DOM:

import { injectTheme } from '../styled-system/themes'

const theme = await getTheme('red')
injectTheme(document.documentElement, theme) // this returns the injected style element

SSR example with NextJS:

// app/layout.tsx
import { Inter } from 'next/font/google'
import { cookies } from 'next/headers'
import { ThemeName, getTheme } from '../../styled-system/themes'

export default async function RootLayout({ children }: { children: React.ReactNode }) {
  const store = cookies()
  const themeName = store.get('theme')?.value as ThemeName
  const theme = themeName && (await getTheme(themeName))

  return (
    <html lang="en" data-panda-theme={themeName ? themeName : undefined}>
      {themeName && (
        <head>
          <style type="text/css" id={theme.id} dangerouslySetInnerHTML={{ __html: theme.css }} />
        </head>
      )}
      <body>{children}</body>
    </html>
  )
}

// app/page.tsx
import { getTheme, injectTheme } from '../../styled-system/themes'

export default function Home() {
  return (
    <>
      <button
        onClick={async () => {
          const current = document.documentElement.dataset.pandaTheme
          const next = current === 'primary' ? 'secondary' : 'primary'
          const theme = await getTheme(next)
          setCookie('theme', next, 7)
          injectTheme(document.documentElement, theme)
        }}
      >
        swap theme
      </button>
    </>
  )
}

// Set a Cookie
function setCookie(cName: string, cValue: any, expDays: number) {
  let date = new Date()
  date.setTime(date.getTime() + expDays * 24 * 60 * 60 * 1000)
  const expires = 'expires=' + date.toUTCString()
  document.cookie = cName + '=' + cValue + '; ' + expires + '; path=/'
}

Finally, you can create a theme contract to ensure that all themes have the same structure:

import { defineThemeContract } from '@&#8203;pandacss/dev'

const defineTheme = defineThemeContract({
  tokens: {
    colors: {
      red: { value: '' }, // theme implementations must have a red color
    },
  },
})

defineTheme({
  selector: '.theme-secondary',
  tokens: {
    colors: {
      // ^^^^   Property 'red' is missing in type '{}' but required in type '{ red: { value: string; }; }'
      //
      // fixed with
      // red: { value: 'red' },
    },
  },
})
Patch Changes

v0.35.0

Compare Source

Patch Changes

v0.34.3

Compare Source

Patch Changes

v0.34.2

Compare Source

Patch Changes

v0.34.1

Compare Source

Patch Changes

v0.34.0

Compare Source

Patch Changes

v0.33.0

Compare Source

Patch Changes

v0.32.1

Compare Source

Patch Changes

Configuration

📅 Schedule: Branch creation - "after 10pm every weekend,before 5am every weekend" in timezone Asia/Tokyo, Automerge - At any time (no schedule defined).

🚦 Automerge: Enabled.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

👻 Immortal: This PR will be recreated if closed unmerged. Get config help if that's undesired.

  • If you want to rebase/retry this PR, check this box

This PR has been generated by Mend Renovate. View repository job log here.

@renovate renovate bot added the 📦️ build ビルドシステムや依存関係の変更 label May 25, 2024
@vercel Vercel
Copy link

vercel bot commented May 25, 2024 •
edited
Loading

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
simple-resas-app-web ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 31, 2024 4:27pm

@renovate renovate bot force-pushed the renovate/minor-dependencies branch from 2650b6f to c9814ce Compare May 25, 2024 15:21
@renovate renovate bot force-pushed the renovate/minor-dependencies branch from c9814ce to 844f135 Compare May 25, 2024 22:23
@renovate renovate bot force-pushed the renovate/minor-dependencies branch from 844f135 to 1dca181 Compare May 26, 2024 04:31
@renovate renovate bot force-pushed the renovate/minor-dependencies branch from 1dca181 to 8526c7c Compare May 26, 2024 11:09
@renovate renovate bot force-pushed the renovate/minor-dependencies branch from 8526c7c to e130bcf Compare May 26, 2024 11:54
@renovate renovate bot force-pushed the renovate/minor-dependencies branch from e130bcf to 42bbf6b Compare May 26, 2024 13:34
@renovate renovate bot force-pushed the renovate/minor-dependencies branch from 42bbf6b to 61203fc Compare May 26, 2024 16:26
@renovate renovate bot force-pushed the renovate/minor-dependencies branch from 61203fc to 0658da8 Compare May 26, 2024 19:28
@renovate renovate bot force-pushed the renovate/minor-dependencies branch from 0658da8 to 7880f7c Compare May 27, 2024 03:08
@renovate renovate bot force-pushed the renovate/minor-dependencies branch from 7880f7c to fec4b40 Compare May 27, 2024 04:06
@renovate renovate bot force-pushed the renovate/minor-dependencies branch from fec4b40 to 2cc0c42 Compare May 27, 2024 06:04
@renovate renovate bot force-pushed the renovate/minor-dependencies branch from 2cc0c42 to 3ef4bff Compare May 27, 2024 06:16
@renovate renovate bot force-pushed the renovate/minor-dependencies branch from 3ef4bff to f439cbf Compare May 27, 2024 06:20
@renovate renovate bot force-pushed the renovate/minor-dependencies branch from f439cbf to ab6f9de Compare May 27, 2024 22:54
@renovate renovate bot force-pushed the renovate/minor-dependencies branch from 25bb2b6 to d2c8786 Compare May 28, 2024 15:16
@renovate renovate bot force-pushed the renovate/minor-dependencies branch from d2c8786 to 85fd576 Compare May 29, 2024 16:50
@renovate renovate bot force-pushed the renovate/minor-dependencies branch from 85fd576 to eef86c3 Compare May 29, 2024 19:18
@renovate renovate bot force-pushed the renovate/minor-dependencies branch from eef86c3 to ce61be2 Compare May 30, 2024 06:08
@renovate renovate bot force-pushed the renovate/minor-dependencies branch from ce61be2 to 65864a0 Compare May 30, 2024 11:07
@renovate renovate bot force-pushed the renovate/minor-dependencies branch from 65864a0 to a1b58d6 Compare May 30, 2024 14:26
@renovate renovate bot force-pushed the renovate/minor-dependencies branch from a1b58d6 to cf4c63c Compare May 31, 2024 10:26
@ReoHakase ReoHakase self-assigned this May 31, 2024
@renovate renovate bot force-pushed the renovate/minor-dependencies branch from cf4c63c to fd5d0fc Compare May 31, 2024 15:59
@renovate renovate bot force-pushed the renovate/minor-dependencies branch from fd5d0fc to 696578d Compare May 31, 2024 16:15
@ReoHakase
Copy link
Owner

ビルドがPanda CSSのコンフィグファイルの型エラーで失敗する

> web@0.0.0 build /home/runner/work/simple-resas-app/simple-resas-app/apps/web
> next build

⚠ No build cache found. Please configure build caching for faster rebuilds. Read more: https://nextjs.org/docs/messages/no-cache
Attention: Next.js now collects completely anonymous telemetry regarding usage.
This information is used to shape Next.js' roadmap and prioritize features.
You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
https://nextjs.org/telemetry

  ▲ Next.js 14.2.3
  - Experiments (use with caution):
    · optimizeCss
    · scrollRestoration

   Creating an optimized production build ...
🐼 info [hrtime] Extracted in (164.[10](https://github.com/ReoHakase/simple-resas-app/actions/runs/9321166136/job/25659562309?pr=24#step:8:11)ms)
 ✓ Compiled successfully
   Linting and checking validity of types ...
Failed to compile.

./panda.config.ts:13:16
Type error: Expression produces a union type that is too complex to represent.

  [11](https://github.com/ReoHakase/simple-resas-app/actions/runs/9321166136/job/25659562309?pr=24#step:8:12) | pandaPreset.theme.tokens.colors = {} as typeof pandaPreset.theme.tokens.colors;
  [12](https://github.com/ReoHakase/simple-resas-app/actions/runs/9321166136/job/25659562309?pr=24#step:8:13) |
> 13 | export default defineConfig({
     |                ^
  14 |   // CSSリセットを適用するかどうか
  15 |   preflight: true,
  16 |
/home/runner/work/simple-resas-app/simple-resas-app/apps/web:
 ERR_PNPM_RECURSIVE_RUN_FIRST_FAIL  web@0.0.0 build: `next build`
Exit status 1

@renovate Renovate
Copy link
Contributor Author

renovate bot commented May 31, 2024

Edited/Blocked Notification

Renovate will not automatically rebase this PR, because it does not recognize the last commit author and assumes somebody else may have edited the PR.

You can manually request rebase by checking the rebase/retry box above.

⚠️ Warning: custom changes will be lost.

@ReoHakase ReoHakase changed the title fix(eslint-config-custom-next): update minor dependencies 主にwebの依存関係dependenciesのマイナーバージョンを上げた May 31, 2024
@ReoHakase ReoHakase merged commit bab2ff9 into main May 31, 2024
7 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees

@ReoHakase ReoHakase

Labels
📦️ build ビルドシステムや依存関係の変更
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
1 participant
@ReoHakase