6ab52ed41b
Currently the return type is the same when you declare a variable and
when you don't.
```tsx
const inter1 = Inter()
const inter2 = Inter({ variable: "--inter-font" })
inter1.variable // string | undefined
inter2.variable // string | undefined
```
With this change you get a type error if you try to access `.variable`
without providing a variable name.
```tsx
const inter1 = Inter()
const inter2 = Inter({ variable: "--inter-font" })
inter1.variable // Property 'variable' does not exist on type 'NextFont'.ts(2339)
inter2.variable // string
```
## Bug
- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Errors have a helpful link attached, see `contributing.md`
## Feature
- [ ] Implements an existing feature request or RFC. Make sure the
feature request has been accepted for implementation before opening a
PR.
- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Documentation added
- [ ] Telemetry added. In case of a feature if it's used or not.
- [ ] Errors have a helpful link attached, see `contributing.md`
## Documentation / Examples
- [ ] Make sure the linting passes by running `pnpm build && pnpm lint`
- [ ] The "examples guidelines" are followed from [our contributing
doc](https://github.com/vercel/next.js/blob/canary/contributing/examples/adding-examples.md)
92 lines
2.5 KiB
JavaScript
92 lines
2.5 KiB
JavaScript
const fs = require('fs/promises')
|
|
const path = require('path')
|
|
const fetch = require('node-fetch')
|
|
|
|
;(async () => {
|
|
const { familyMetadataList } = await fetch(
|
|
'https://fonts.google.com/metadata/fonts'
|
|
).then((r) => r.json())
|
|
|
|
let fontFunctions = `/**
|
|
* This is an autogenerated file by scripts/update-google-fonts.js
|
|
*/
|
|
import type { CssVariable, NextFont, NextFontWithVariable, Display } from '../types'
|
|
`
|
|
const fontData = {}
|
|
for (let { family, fonts, axes, subsets } of familyMetadataList) {
|
|
subsets = subsets.filter((subset) => subset !== 'menu')
|
|
const weights = new Set()
|
|
const styles = new Set()
|
|
|
|
for (const variant of Object.keys(fonts)) {
|
|
if (variant.endsWith('i')) {
|
|
styles.add('italic')
|
|
weights.add(variant.slice(0, -1))
|
|
continue
|
|
} else {
|
|
styles.add('normal')
|
|
weights.add(variant)
|
|
}
|
|
}
|
|
|
|
const hasVariableFont = axes.length > 0
|
|
|
|
let optionalAxes
|
|
if (hasVariableFont) {
|
|
weights.add('variable')
|
|
|
|
const nonWeightAxes = axes.filter(({ tag }) => tag !== 'wght')
|
|
if (nonWeightAxes.length > 0) {
|
|
optionalAxes = nonWeightAxes
|
|
}
|
|
}
|
|
|
|
fontData[family] = {
|
|
weights: [...weights],
|
|
styles: [...styles],
|
|
axes: hasVariableFont ? axes : undefined,
|
|
}
|
|
const optionalIfVariableFont = hasVariableFont ? '?' : ''
|
|
|
|
const formatUnion = (values) =>
|
|
values.map((value) => `"${value}"`).join('|')
|
|
|
|
const weightTypes = [...weights]
|
|
const styleTypes = [...styles]
|
|
|
|
fontFunctions += `export declare function ${family.replaceAll(
|
|
' ',
|
|
'_'
|
|
)}<T extends CssVariable | undefined = undefined>(options${optionalIfVariableFont}: {
|
|
weight${optionalIfVariableFont}:${formatUnion(
|
|
weightTypes
|
|
)} | Array<${formatUnion(
|
|
weightTypes.filter((weight) => weight !== 'variable')
|
|
)}>
|
|
style?: ${formatUnion(styleTypes)} | Array<${formatUnion(styleTypes)}>
|
|
display?:Display
|
|
variable?: T
|
|
preload?:boolean
|
|
fallback?: string[]
|
|
adjustFontFallback?: boolean
|
|
subsets?: Array<${formatUnion(subsets)}>
|
|
${
|
|
optionalAxes
|
|
? `axes?:(${formatUnion(optionalAxes.map(({ tag }) => tag))})[]`
|
|
: ''
|
|
}
|
|
}): T extends undefined ? NextFont : NextFontWithVariable
|
|
`
|
|
}
|
|
|
|
await Promise.all([
|
|
fs.writeFile(
|
|
path.join(__dirname, '../packages/font/src/google/index.ts'),
|
|
fontFunctions
|
|
),
|
|
fs.writeFile(
|
|
path.join(__dirname, '../packages/font/src/google/font-data.json'),
|
|
JSON.stringify(fontData, null, 2)
|
|
),
|
|
])
|
|
})()
|