The Node.js® Website

fix: hotfixes for storybook themes and eslint

Changed files
+7 -30
.storybook
public
static
styles
+2 -2
.eslintrc.json
··· 2 2 "extends": ["prettier"], 3 3 "overrides": [ 4 4 { 5 - "files": ["**/*.{mjs,ts,tsx}"], 5 + "files": ["**/*.{js,mjs,ts,tsx}"], 6 6 "extends": ["eslint:recommended"], 7 - "env": { "jest": true, "es6": true } 7 + "env": { "jest": true, "es6": true, "browser": true } 8 8 }, 9 9 { 10 10 "files": ["**/*.{mjs,ts,tsx,mdx}"],
+3 -6
.storybook/preview.tsx
··· 1 1 import NextImage from 'next/image'; 2 2 import { withThemeByDataAttribute } from '@storybook/addon-themes'; 3 3 import { SiteProvider } from '../providers/siteProvider'; 4 - import { ThemeProvider } from '../providers/themeProvider'; 5 4 import { LocaleProvider } from '../providers/localeProvider'; 6 5 import { OPEN_SANS_FONT, STORYBOOK_MODES, STORYBOOK_SIZES } from './constants'; 7 6 import type { Preview, ReactRenderer } from '@storybook/react'; ··· 21 20 Story => ( 22 21 <SiteProvider> 23 22 <LocaleProvider> 24 - <ThemeProvider> 25 - <div className={`${OPEN_SANS_FONT.variable}`}> 26 - <Story /> 27 - </div> 28 - </ThemeProvider> 23 + <div className={`${OPEN_SANS_FONT.variable}`}> 24 + <Story /> 25 + </div> 29 26 </LocaleProvider> 30 27 </SiteProvider> 31 28 ),
-13
public/static/js/legacyMain.js
··· 2 2 3 3 const setTheme = theme => { 4 4 document.querySelector('html').setAttribute(themeAttr, theme); 5 - document.body.className = theme; 6 5 window.localStorage.setItem('theme', theme); 7 6 }; 8 7 9 8 const preferredColorScheme = window.matchMedia('(prefers-color-scheme: dark)'); 10 9 11 10 const getTheme = () => window.localStorage.getItem('theme'); 12 - 13 - const versionIntoHref = (nodeList, filename) => { 14 - const linkEls = Array.prototype.slice.call(nodeList); 15 - let version; 16 - let el; 17 - 18 - for (let i = 0; i < linkEls.length; i++) { 19 - version = linkEls[i].getAttribute('data-version'); 20 - el = linkEls[i]; 21 - el.href += filename.replace('%version%', version); 22 - } 23 - }; 24 11 25 12 const listenLanguagePickerButton = () => { 26 13 const langPickerTogglerElement = document.querySelector(
+1 -1
styles/old/base.css
··· 1 - body { 1 + html { 2 2 background-color: $white; 3 3 box-sizing: border-box; 4 4 color: $node-gray;
+1 -8
styles/old/layout/dark-theme.css
··· 1 - [data-theme='dark'] body, 2 - body.dark { 1 + html[data-theme='dark'] { 3 2 background-color: $dark-black; 4 3 color: $white; 5 - } 6 - 7 - [data-theme='dark'] body, 8 - .dark { 9 4 color-scheme: dark; 10 5 11 6 .dark-theme-switcher { ··· 23 18 } 24 19 25 20 #main { 26 - background-color: $dark-black; 27 - 28 21 p, 29 22 h1, 30 23 h2,