fontaine 0.0.2 → 0.1.1

package/README.md

@@ -7,8 +7,8 @@
 
 > Automatic font fallback based on font metrics
 
-- [✨  Changelog](https://github.com/danielroe/nuxt-font-metrics/blob/main/CHANGELOG.md)
-- [▶️  Online playground](https://stackblitz.com/github/danielroe/nuxt-font-metrics/tree/main/playground)
+- [✨  Changelog](https://github.com/danielroe/fontaine/blob/main/CHANGELOG.md)
+- [▶️  Online playground](https://stackblitz.com/github/danielroe/fontaine/tree/main/playground)
 
 ## Features
 
@@ -71,6 +71,9 @@ export default {
 }
 ```
 
+> **Note**
+> If you are using Nuxt, check out [nuxt-font-metrics](https://github.com/danielroe/nuxt-font-metrics) which uses `fontaine` under the hood.
+
 ## How it works
 
 `fontaine` will scan your `@font-face` rules and generate fallback rules with the correct metrics. For example:
@@ -83,7 +86,7 @@ export default {
       format('woff');
   font-weight: 700;
 }
-/* This will be generated. */
+/* This additional font-face declaration will be added to your CSS. */
 @font-face {
   font-family: 'Roboto override';
   src: local('BlinkMacSystemFont'), local('Segoe UI'), local('Roboto'), local(

package/dist/index.cjs

@@ -104,11 +104,11 @@ const FontaineTransform = unplugin.createUnplugin(
     const cssContext = options.css = options.css || {};
     cssContext.value = "";
     return {
-      name: "nuxt-font-metrics-transform",
+      name: "fontaine-transform",
       enforce: "pre",
       transformInclude(id) {
         const { pathname } = ufo.parseURL(id);
-        return pathname.endsWith(".css");
+        return pathname.endsWith(".css") || id.endsWith(".css");
       },
       async transform(code, id) {
         const s = new MagicString__default(code);
@@ -170,3 +170,7 @@ const FONT_FAMILY_RE = magicRegexp.createRegExp(
 );
 
 exports.FontaineTransform = FontaineTransform;
+exports.generateFontFace = generateFontFace;
+exports.generateOverrideName = generateOverrideName;
+exports.getMetricsForFamily = getMetricsForFamily;
+exports.readMetrics = readMetrics;

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import * as unplugin from 'unplugin';
+import { Font } from '@capsizecss/unpack';
 
 interface FontaineTransformOptions {
     css?: {
@@ -10,4 +11,37 @@ interface FontaineTransformOptions {
 }
 declare const FontaineTransform: unplugin.UnpluginInstance<FontaineTransformOptions>;
 
-export { FontaineTransform };
+declare const generateOverrideName: (name: string) => string;
+interface GenerateOptions {
+    name: string;
+    fallbacks: string[];
+    [key: string]: any;
+}
+declare const generateFontFace: (metrics: Font, options: GenerateOptions) => string;
+
+declare function getMetricsForFamily(family: string): Promise<{
+    familyName: string;
+    fullName: string;
+    postscriptName: string;
+    subfamilyName: string;
+    capHeight: number;
+    ascent: number;
+    descent: number;
+    lineGap: number;
+    unitsPerEm: number;
+    xHeight: number;
+} | null>;
+declare function readMetrics(_source: URL | string): Promise<{
+    familyName: string;
+    fullName: string;
+    postscriptName: string;
+    subfamilyName: string;
+    capHeight: number;
+    ascent: number;
+    descent: number;
+    lineGap: number;
+    unitsPerEm: number;
+    xHeight: number;
+} | null>;
+
+export { FontaineTransform, generateFontFace, generateOverrideName, getMetricsForFamily, readMetrics };

package/dist/index.mjs

@@ -96,11 +96,11 @@ const FontaineTransform = createUnplugin(
     const cssContext = options.css = options.css || {};
     cssContext.value = "";
     return {
-      name: "nuxt-font-metrics-transform",
+      name: "fontaine-transform",
       enforce: "pre",
       transformInclude(id) {
         const { pathname } = parseURL(id);
-        return pathname.endsWith(".css");
+        return pathname.endsWith(".css") || id.endsWith(".css");
       },
       async transform(code, id) {
         const s = new MagicString(code);
@@ -161,4 +161,4 @@ const FONT_FAMILY_RE = createRegExp(
   ["g"]
 );
 
-export { FontaineTransform };
+export { FontaineTransform, generateFontFace, generateOverrideName, getMetricsForFamily, readMetrics };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fontaine",
-  "version": "0.0.2",
+  "version": "0.1.1",
   "description": "Automatic font fallback based on font metrics",
   "repository": "danielroe/fontaine",
   "keywords": [
@@ -83,5 +83,5 @@
   "resolutions": {
     "fontaine": "link:."
   },
-  "packageManager": "pnpm@7.5.1"
+  "packageManager": "pnpm@7.12.2"
 }