@remotion/google-fonts 4.0.384 → 4.0.385

package/dist/esm/Sekuya.mjs

@@ -0,0 +1,137 @@
+// src/base.ts
+import { continueRender, delayRender } from "remotion";
+import { NoReactInternals } from "remotion/no-react";
+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 subsets = options?.subsets ?? Object.keys(meta.fonts[style2][weight]);
+      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) {
+      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/Sekuya.ts
+var getInfo = () => ({
+  fontFamily: "Sekuya",
+  importName: "Sekuya",
+  version: "v1",
+  url: "https://fonts.googleapis.com/css2?family=Sekuya: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/sekuya/v1/fdN_9suEu39Dg3wU0yBerF8.woff2",
+        latin: "https://fonts.gstatic.com/s/sekuya/v1/fdN_9suEu39Dg3wU3SBe.woff2"
+      }
+    }
+  },
+  subsets: ["latin", "latin-ext"]
+});
+var fontFamily = "Sekuya";
+var loadFont = (style, options) => {
+  return loadFonts(getInfo(), style, options);
+};
+export {
+  loadFont,
+  getInfo,
+  fontFamily
+};

package/dist/esm/index.mjs

@@ -299,6 +299,11 @@ export const getAvailableFonts = () => [
 		importName: 'Amaranth',
 		load: () => import('./Amaranth.mjs'),
 	},
+	{
+		fontFamily: 'Amarna',
+		importName: 'Amarna',
+		load: () => import('./Amarna.mjs'),
+	},
 	{
 		fontFamily: 'Amatic SC',
 		importName: 'AmaticSC',
@@ -704,6 +709,21 @@ export const getAvailableFonts = () => [
 		importName: 'B612Mono',
 		load: () => import('./B612Mono.mjs'),
 	},
+	{
+		fontFamily: 'BBH Bartle',
+		importName: 'BBHBartle',
+		load: () => import('./BBHBartle.mjs'),
+	},
+	{
+		fontFamily: 'BBH Bogle',
+		importName: 'BBHBogle',
+		load: () => import('./BBHBogle.mjs'),
+	},
+	{
+		fontFamily: 'BBH Hegarty',
+		importName: 'BBHHegarty',
+		load: () => import('./BBHHegarty.mjs'),
+	},
 	{
 		fontFamily: 'BIZ UDGothic',
 		importName: 'BIZUDGothic',
@@ -1479,6 +1499,11 @@ export const getAvailableFonts = () => [
 		importName: 'Caudex',
 		load: () => import('./Caudex.mjs'),
 	},
+	{
+		fontFamily: 'Cause',
+		importName: 'Cause',
+		load: () => import('./Cause.mjs'),
+	},
 	{
 		fontFamily: 'Caveat',
 		importName: 'Caveat',
@@ -2749,6 +2774,11 @@ export const getAvailableFonts = () => [
 		importName: 'Geologica',
 		load: () => import('./Geologica.mjs'),
 	},
+	{
+		fontFamily: 'Geom',
+		importName: 'Geom',
+		load: () => import('./Geom.mjs'),
+	},
 	{
 		fontFamily: 'Georama',
 		importName: 'Georama',
@@ -2849,6 +2879,11 @@ export const getAvailableFonts = () => [
 		importName: 'GolosText',
 		load: () => import('./GolosText.mjs'),
 	},
+	{
+		fontFamily: 'Google Sans',
+		importName: 'GoogleSans',
+		load: () => import('./GoogleSans.mjs'),
+	},
 	{
 		fontFamily: 'Google Sans Code',
 		importName: 'GoogleSansCode',
@@ -4159,6 +4194,11 @@ export const getAvailableFonts = () => [
 		importName: 'LifeSavers',
 		load: () => import('./LifeSavers.mjs'),
 	},
+	{
+		fontFamily: 'Lilex',
+		importName: 'Lilex',
+		load: () => import('./Lilex.mjs'),
+	},
 	{
 		fontFamily: 'Lilita One',
 		importName: 'LilitaOne',
@@ -7555,6 +7595,11 @@ export const getAvailableFonts = () => [
 		importName: 'SedgwickAveDisplay',
 		load: () => import('./SedgwickAveDisplay.mjs'),
 	},
+	{
+		fontFamily: 'Sekuya',
+		importName: 'Sekuya',
+		load: () => import('./Sekuya.mjs'),
+	},
 	{
 		fontFamily: 'Sen',
 		importName: 'Sen',

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.384",
+	"version": "4.0.385",
 	"description": "Use Google Fonts in Remotion",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.mjs",
@@ -14,7 +14,7 @@
 	},
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"remotion": "4.0.384"
+		"remotion": "4.0.385"
 	},
 	"devDependencies": {
 		"@types/css-font-loading-module": "0.0.14",
@@ -25,9 +25,6 @@
 	"types": "dist/cjs/index.d.ts",
 	"typesVersions": {
 		">=1.0": {
-			"from-info": [
-				"./dist/cjs/from-info.d.ts"
-			],
 			"ABeeZee": [
 				"dist/cjs/ABeeZee.d.ts"
 			],
@@ -208,6 +205,9 @@
 			"Amaranth": [
 				"dist/cjs/Amaranth.d.ts"
 			],
+			"Amarna": [
+				"dist/cjs/Amarna.d.ts"
+			],
 			"AmaticSC": [
 				"dist/cjs/AmaticSC.d.ts"
 			],
@@ -451,6 +451,15 @@
 			"B612Mono": [
 				"dist/cjs/B612Mono.d.ts"
 			],
+			"BBHBartle": [
+				"dist/cjs/BBHBartle.d.ts"
+			],
+			"BBHBogle": [
+				"dist/cjs/BBHBogle.d.ts"
+			],
+			"BBHHegarty": [
+				"dist/cjs/BBHHegarty.d.ts"
+			],
 			"BIZUDGothic": [
 				"dist/cjs/BIZUDGothic.d.ts"
 			],
@@ -916,6 +925,9 @@
 			"Caudex": [
 				"dist/cjs/Caudex.d.ts"
 			],
+			"Cause": [
+				"dist/cjs/Cause.d.ts"
+			],
 			"Caveat": [
 				"dist/cjs/Caveat.d.ts"
 			],
@@ -1678,6 +1690,9 @@
 			"Geologica": [
 				"dist/cjs/Geologica.d.ts"
 			],
+			"Geom": [
+				"dist/cjs/Geom.d.ts"
+			],
 			"Georama": [
 				"dist/cjs/Georama.d.ts"
 			],
@@ -1738,6 +1753,9 @@
 			"GolosText": [
 				"dist/cjs/GolosText.d.ts"
 			],
+			"GoogleSans": [
+				"dist/cjs/GoogleSans.d.ts"
+			],
 			"GoogleSansCode": [
 				"dist/cjs/GoogleSansCode.d.ts"
 			],
@@ -2524,6 +2542,9 @@
 			"LifeSavers": [
 				"dist/cjs/LifeSavers.d.ts"
 			],
+			"Lilex": [
+				"dist/cjs/Lilex.d.ts"
+			],
 			"LilitaOne": [
 				"dist/cjs/LilitaOne.d.ts"
 			],
@@ -4561,6 +4582,9 @@
 			"SedgwickAveDisplay": [
 				"dist/cjs/SedgwickAveDisplay.d.ts"
 			],
+			"Sekuya": [
+				"dist/cjs/Sekuya.d.ts"
+			],
 			"Sen": [
 				"dist/cjs/Sen.d.ts"
 			],
@@ -5409,6 +5433,9 @@
 			],
 			"ZillaSlabHighlight": [
 				"dist/cjs/ZillaSlabHighlight.d.ts"
+			],
+			"from-info": [
+				"./dist/cjs/from-info.d.ts"
 			]
 		}
 	},