2021/11/01
VSCodeCon JP プレイベント
{
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"eslint.lintTask.enable": true,
"peacock.color": "#007acc",
"workbench.colorCustomizations": {
"activityBar.activeBackground": "#007acc",
"activityBar.activeBorder": "#ee90bb",
"activityBar.background": "#007acc",
"activityBar.foreground": "#e7e7e7",
"activityBar.inactiveForeground": "#e7e7e799",
"activityBarBadge.background": "#ee90bb",
"activityBarBadge.foreground": "#15202b",
"editorGroup.border": "#007acc",
"panel.border": "#007acc",
"sash.hoverBorder": "#007acc",
"sideBar.border": "#0065a9",
"statusBar.background": "#0098ff",
"statusBar.foreground": "#e7e7e7",
"statusBarItem.hoverBackground": "#007acc",
"statusBarItem.remoteBackground": "#0065a9",
"statusBarItem.remoteForeground": "#e7e7e7",
"titleBar.activeBackground": "#0065a9",
"titleBar.activeForeground": "#e7e7e7",
"titleBar.inactiveBackground": "#1857a499",
"titleBar.inactiveForeground": "#e7e7e799"
}
}
jobs:
build-deploy:
runs-on: ubuntu-latest
strategy:
matrix:
node-version: [12.x]
steps:
- uses: actions/checkout@master
- name: Use Node.js
uses: actions/setup-node@master
with:
node-version: '12.x'
- name: Transpile
run: |
npm install
npm run build
env:
CI: true
URL_PREFIX: conf2021
GITHUB_PAGES: true
- name: Export
run: |
npm run export
touch out/.nojekyll
- name: Deploy
uses: peaceiris/actions-gh-pages@v2.8.0
env:
ACTIONS_DEPLOY_KEY: ${{ secrets.ACTIONS_DEPLOY_KEY }}
PUBLISH_BRANCH: gh-pages
PUBLISH_DIR: ./out
export async function getStaticPaths() {
return {
paths: languages.map((lang) => {
return { params: { lang: lang } }
}),
fallback: false,
}
}
export async function getStaticProps({ params }) {
return {
props: {
language: languages.includes(params.lang) ? params.lang : defaultLanguage,
},
}
}
import React from 'react'
import { useRouter } from 'next/router'
import i18next from 'i18next'
export default function Home() {
const router = useRouter()
React.useEffect(() => {
const { pathname } = router
if (pathname == '/') {
router.push('/' + i18next.language.substring(0, 2))
}
})
return null
}
type ColorTheme = {
colorMode: 'light' | 'dark'
changeColorMode: (cm: 'light' | 'dark') => void
}
export const ColorThemeContext = createContext<ColorTheme>(null)
export const ColorThemeProvider: FC = ({ children }) => {
const [colorMode, setColorMode] = useState(undefined)
useEffect(() => {
const root = window.document.documentElement
const initialColorValue = root.style.getPropertyValue('--initial-color-mode')
setColorMode(initialColorValue)
}, [])
const changeColorMode = (mode: string) => {
setColorMode(mode)
window.localStorage.setItem('color-mode', mode)
const root = window.document.documentElement
root.style.setProperty('--initial-color-mode', mode)
root.style.setProperty(
'--color-text',
mode === 'light' ? themeColors.light.textColor : themeColors.dark.textColor,
)
root.style.setProperty(
'--color-background',
mode === 'light' ? themeColors.light.backgroundColor : themeColors.dark.backgroundColor,
)
}
return (
<ColorThemeContext.Provider value={{ colorMode, changeColorMode }}>
{children}
</ColorThemeContext.Provider>
)
}