@remotion/google-fonts 4.0.484 → 4.0.486

package/dist/esm/YuyuShort.mjs

@@ -0,0 +1,167 @@
+// src/base.ts
+import { continueRender, delayRender } from "remotion";
+import { NoReactInternals } from "remotion/no-react";
+
+// src/resolve-font-subsets.ts
+var isChunkSubset = (subset) => /^\[\d+\]$/.test(subset);
+var compareChunkSubsets = (a, b) => {
+  return Number(a.slice(1, -1)) - Number(b.slice(1, -1));
+};
+var resolveFontSubsetKeys = ({
+  availableSubsetKeys,
+  metaSubsets,
+  requestedSubset
+}) => {
+  if (availableSubsetKeys.includes(requestedSubset)) {
+    return [requestedSubset];
+  }
+  if (!metaSubsets.includes(requestedSubset)) {
+    return [requestedSubset];
+  }
+  const chunkSubsets = availableSubsetKeys.filter(isChunkSubset).sort(compareChunkSubsets);
+  return chunkSubsets.length === 0 ? [requestedSubset] : chunkSubsets;
+};
+
+// src/base.ts
+var loadedFonts = {};
+var withResolvers = function() {
+  let resolve;
+  let reject;
+  const promise = new Promise((res, rej) => {
+    resolve = res;
+    reject = rej;
+  });
+  return { promise, resolve, reject };
+};
+var loadFontFaceOrTimeoutAfter20Seconds = (fontFace) => {
+  const timeout = withResolvers();
+  const int = setTimeout(() => {
+    timeout.reject(new Error("Timed out loading Google Font"));
+  }, 18000);
+  return Promise.race([
+    fontFace.load().then(() => {
+      clearTimeout(int);
+    }),
+    timeout.promise
+  ]);
+};
+var loadFonts = (meta, style, options) => {
+  const weightsAndSubsetsAreSpecified = Array.isArray(options?.weights) && Array.isArray(options?.subsets) && options.weights.length > 0 && options.subsets.length > 0;
+  if (NoReactInternals.ENABLE_V5_BREAKING_CHANGES && !weightsAndSubsetsAreSpecified) {
+    throw new Error("Loading Google Fonts without specifying weights and subsets is not supported in Remotion v5. Please specify the weights and subsets you need.");
+  }
+  const promises = [];
+  const styles = style ? [style] : Object.keys(meta.fonts);
+  let fontsLoaded = 0;
+  for (const style2 of styles) {
+    if (typeof FontFace === "undefined") {
+      continue;
+    }
+    if (!meta.fonts[style2]) {
+      throw new Error(`The font ${meta.fontFamily} does not have a style ${style2}`);
+    }
+    const weights = options?.weights ?? Object.keys(meta.fonts[style2]);
+    for (const weight of weights) {
+      if (!meta.fonts[style2][weight]) {
+        throw new Error(`The font ${meta.fontFamily} does not  have a weight ${weight} in style ${style2}`);
+      }
+      const requestedSubsets = options?.subsets ?? Object.keys(meta.fonts[style2][weight]);
+      const availableSubsetKeys = Object.keys(meta.fonts[style2][weight]);
+      const subsets = [
+        ...new Set(requestedSubsets.flatMap((requestedSubset) => resolveFontSubsetKeys({
+          availableSubsetKeys,
+          metaSubsets: meta.subsets,
+          requestedSubset
+        })))
+      ];
+      for (const subset of subsets) {
+        let font = meta.fonts[style2]?.[weight]?.[subset];
+        if (!font) {
+          throw new Error(`weight: ${weight} subset: ${subset} is not available for '${meta.fontFamily}'`);
+        }
+        let fontKey = `${meta.fontFamily}-${style2}-${weight}-${subset}`;
+        const previousPromise = loadedFonts[fontKey];
+        if (previousPromise) {
+          promises.push(previousPromise);
+          continue;
+        }
+        const baseLabel = `Fetching ${meta.fontFamily} font ${JSON.stringify({
+          style: style2,
+          weight,
+          subset
+        })}`;
+        const label = weightsAndSubsetsAreSpecified ? baseLabel : `${baseLabel}. This might be caused by loading too many font variations. Read more: https://www.remotion.dev/docs/troubleshooting/font-loading-errors#render-timeout-when-loading-google-fonts`;
+        const handle = delayRender(label, { timeoutInMilliseconds: 60000 });
+        fontsLoaded++;
+        const fontFace = new FontFace(meta.fontFamily, `url(${font}) format('woff2')`, {
+          weight,
+          style: style2,
+          unicodeRange: meta.unicodeRanges[subset]
+        });
+        let attempts = 2;
+        const tryToLoad = () => {
+          if (fontFace.status === "loaded") {
+            continueRender(handle);
+            return;
+          }
+          const promise = loadFontFaceOrTimeoutAfter20Seconds(fontFace).then(() => {
+            (options?.document ?? document).fonts.add(fontFace);
+            continueRender(handle);
+          }).catch((err) => {
+            loadedFonts[fontKey] = undefined;
+            if (attempts === 0) {
+              throw err;
+            } else {
+              attempts--;
+              tryToLoad();
+            }
+          });
+          loadedFonts[fontKey] = promise;
+          promises.push(promise);
+        };
+        tryToLoad();
+      }
+    }
+    if (fontsLoaded > 20 && !options?.ignoreTooManyRequestsWarning) {
+      console.warn(`Made ${fontsLoaded} network requests to load fonts for ${meta.fontFamily}. Consider loading fewer weights and subsets by passing options to loadFont(). Disable this warning by passing "ignoreTooManyRequestsWarning: true" to "options".`);
+    }
+  }
+  return {
+    fontFamily: meta.fontFamily,
+    fonts: meta.fonts,
+    unicodeRanges: meta.unicodeRanges,
+    waitUntilDone: () => Promise.all(promises).then(() => {
+      return;
+    })
+  };
+};
+
+// src/YuyuShort.ts
+var getInfo = () => ({
+  fontFamily: "Yuyu Short",
+  importName: "YuyuShort",
+  version: "v1",
+  url: "https://fonts.googleapis.com/css2?family=Yuyu+Short:ital,wght@0,400",
+  unicodeRanges: {
+    "latin-ext": "U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF",
+    latin: "U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD"
+  },
+  fonts: {
+    normal: {
+      "400": {
+        "latin-ext": "https://fonts.gstatic.com/s/yuyushort/v1/LDI3apKZLAsqA9YV6Px0A-qMXNrP.woff2",
+        latin: "https://fonts.gstatic.com/s/yuyushort/v1/LDI3apKZLAsqA9YV6Px0A-SMXA.woff2"
+      }
+    }
+  },
+  subsets: ["latin", "latin-ext"]
+});
+var fontFamily = "Yuyu Short";
+var loadFont = (style, options) => {
+  return loadFonts(getInfo(), style, options);
+};
+export {
+  loadFont,
+  getInfo,
+  fontFamily
+};

package/dist/esm/index.mjs

@@ -2794,6 +2794,11 @@ export const getAvailableFonts = () => [
 		importName: 'GeistMono',
 		load: () => import('./GeistMono.mjs'),
 	},
+	{
+		fontFamily: 'Geist Pixel',
+		importName: 'GeistPixel',
+		load: () => import('./GeistPixel.mjs'),
+	},
 	{
 		fontFamily: 'Gelasio',
 		importName: 'Gelasio',
@@ -4904,6 +4909,11 @@ export const getAvailableFonts = () => [
 		importName: 'MonteCarlo',
 		load: () => import('./MonteCarlo.mjs'),
 	},
+	{
+		fontFamily: 'Montenegrin Gothic One',
+		importName: 'MontenegrinGothicOne',
+		load: () => import('./MontenegrinGothicOne.mjs'),
+	},
 	{
 		fontFamily: 'Montez',
 		importName: 'Montez',
@@ -9010,6 +9020,16 @@ export const getAvailableFonts = () => [
 		importName: 'YuseiMagic',
 		load: () => import('./YuseiMagic.mjs'),
 	},
+	{
+		fontFamily: 'Yuyu',
+		importName: 'Yuyu',
+		load: () => import('./Yuyu.mjs'),
+	},
+	{
+		fontFamily: 'Yuyu Short',
+		importName: 'YuyuShort',
+		load: () => import('./YuyuShort.mjs'),
+	},
 	{
 		fontFamily: 'ZCOOL KuaiLe',
 		importName: 'ZCOOLKuaiLe',

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/google-fonts"
 	},
 	"name": "@remotion/google-fonts",
-	"version": "4.0.484",
+	"version": "4.0.486",
 	"description": "Use Google Fonts in Remotion",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.mjs",
@@ -16,7 +16,7 @@
 	},
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"remotion": "4.0.484"
+		"remotion": "4.0.486"
 	},
 	"devDependencies": {
 		"@types/css-font-loading-module": "0.0.14",
@@ -1704,6 +1704,9 @@
 			"GeistMono": [
 				"dist/cjs/GeistMono.d.ts"
 			],
+			"GeistPixel": [
+				"dist/cjs/GeistPixel.d.ts"
+			],
 			"Gelasio": [
 				"dist/cjs/Gelasio.d.ts"
 			],
@@ -2970,6 +2973,9 @@
 			"MonteCarlo": [
 				"dist/cjs/MonteCarlo.d.ts"
 			],
+			"MontenegrinGothicOne": [
+				"dist/cjs/MontenegrinGothicOne.d.ts"
+			],
 			"Montez": [
 				"dist/cjs/Montez.d.ts"
 			],
@@ -5433,6 +5439,12 @@
 			"YuseiMagic": [
 				"dist/cjs/YuseiMagic.d.ts"
 			],
+			"Yuyu": [
+				"dist/cjs/Yuyu.d.ts"
+			],
+			"YuyuShort": [
+				"dist/cjs/YuyuShort.d.ts"
+			],
 			"ZCOOLKuaiLe": [
 				"dist/cjs/ZCOOLKuaiLe.d.ts"
 			],