@webstudio-is/fonts 0.57.0 → 0.58.0

package/lib/types/constants.d.ts

@@ -0,0 +1,5 @@
+import type { FontFormat } from "./schema";
+export declare const SYSTEM_FONTS: Map<string, string[]>;
+export declare const DEFAULT_FONT_FALLBACK = "sans-serif";
+export declare const FONT_FORMATS: Map<FontFormat, string>;
+export declare const FONT_MIME_TYPES: string;

package/lib/types/font-data.d.ts

@@ -0,0 +1,29 @@
+import type { FontFormat, VariationAxes } from "./schema";
+declare module "fontkit" {
+    interface Font {
+        type: string;
+        getName: (name: string) => string;
+        variationAxes: VariationAxes;
+    }
+}
+export declare const styles: readonly ["normal", "italic", "oblique"];
+type Style = (typeof styles)[number];
+export declare const parseSubfamily: (subfamily: string) => {
+    style: "normal" | "italic" | "oblique";
+    weight: number;
+};
+export declare const normalizeFamily: (family: string, subfamily: string) => string;
+type FontDataStatic = {
+    format: FontFormat;
+    family: string;
+    style: Style;
+    weight: number;
+};
+type FontDataVariable = {
+    format: FontFormat;
+    family: string;
+    variationAxes: VariationAxes;
+};
+type FontData = FontDataStatic | FontDataVariable;
+export declare const getFontData: (data: Uint8Array) => FontData;
+export {};

package/lib/types/font-data.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/font-weights.d.ts

@@ -0,0 +1,49 @@
+export declare const fontWeights: {
+    readonly "100": {
+        readonly label: "Thin";
+        readonly name: "thin";
+        readonly alt: "hairline";
+    };
+    readonly "200": {
+        readonly label: "Extra Light";
+        readonly name: "extra light";
+        readonly alt: "ultra light";
+    };
+    readonly "300": {
+        readonly label: "Light";
+        readonly name: "light";
+        readonly alt: "light";
+    };
+    readonly "400": {
+        readonly label: "Normal";
+        readonly name: "normal";
+        readonly alt: "normal";
+    };
+    readonly "500": {
+        readonly label: "Medium";
+        readonly name: "medium";
+        readonly alt: "medium";
+    };
+    readonly "600": {
+        readonly label: "Semi Bold";
+        readonly name: "semi bold";
+        readonly alt: "demi bold";
+    };
+    readonly "700": {
+        readonly label: "Bold";
+        readonly name: "bold";
+        readonly alt: "bold";
+    };
+    readonly "800": {
+        readonly label: "Extra Bold";
+        readonly name: "extra bold";
+        readonly alt: "ultra bold";
+    };
+    readonly "900": {
+        readonly label: "Black";
+        readonly name: "black";
+        readonly alt: "heavy";
+    };
+};
+export type FontWeight = keyof typeof fontWeights;
+export type FontWeightKeyword = (typeof fontWeights)[FontWeight]["name"] | (typeof fontWeights)[FontWeight]["alt"];

package/lib/types/get-font-faces.d.ts

@@ -0,0 +1,17 @@
+import type { FontMeta, FontFormat, FontMetaStatic } from "./schema";
+export type PartialFontAsset = {
+    format: FontFormat;
+    meta: FontMeta;
+    name: string;
+};
+export type FontFace = {
+    fontFamily: string;
+    fontDisplay: "swap" | "auto" | "block" | "fallback" | "optional";
+    src: string;
+    fontStyle?: FontMetaStatic["style"];
+    fontWeight?: number | string;
+    fontStretch?: string;
+};
+export declare const getFontFaces: (assets: Array<PartialFontAsset>, options: {
+    assetBaseUrl: string;
+}) => Array<FontFace>;

package/lib/types/get-font-faces.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./constants";
+export * from "./get-font-faces";
+export * from "./schema";
+export * from "./font-weights";

package/lib/types/index.server.d.ts

@@ -0,0 +1 @@
+export { getFontData } from "./font-data";

package/lib/types/schema.d.ts

@@ -0,0 +1,83 @@
+import { z } from "zod";
+export declare const FontFormat: z.ZodUnion<[z.ZodLiteral<"ttf">, z.ZodLiteral<"woff">, z.ZodLiteral<"woff2">, z.ZodLiteral<"otf">]>;
+export type FontFormat = z.infer<typeof FontFormat>;
+declare const VariationAxes: z.ZodRecord<z.ZodEnum<["wght", "wdth", "slnt", "opsz", "ital", "GRAD", "XTRA", "XOPQ", "YOPQ", "YTLC", "YTUC", "YTAS", "YTDE", "YTFI"]>, z.ZodObject<{
+    name: z.ZodString;
+    min: z.ZodNumber;
+    default: z.ZodNumber;
+    max: z.ZodNumber;
+}, "strip", z.ZodTypeAny, {
+    name: string;
+    min: number;
+    default: number;
+    max: number;
+}, {
+    name: string;
+    min: number;
+    default: number;
+    max: number;
+}>>;
+export type VariationAxes = z.infer<typeof VariationAxes>;
+export declare const FontMetaStatic: z.ZodObject<{
+    family: z.ZodString;
+    style: z.ZodEnum<["normal", "italic", "oblique"]>;
+    weight: z.ZodNumber;
+}, "strip", z.ZodTypeAny, {
+    style: "normal" | "italic" | "oblique";
+    weight: number;
+    family: string;
+}, {
+    style: "normal" | "italic" | "oblique";
+    weight: number;
+    family: string;
+}>;
+export type FontMetaStatic = z.infer<typeof FontMetaStatic>;
+export declare const FontMeta: z.ZodUnion<[z.ZodObject<{
+    family: z.ZodString;
+    style: z.ZodEnum<["normal", "italic", "oblique"]>;
+    weight: z.ZodNumber;
+}, "strip", z.ZodTypeAny, {
+    style: "normal" | "italic" | "oblique";
+    weight: number;
+    family: string;
+}, {
+    style: "normal" | "italic" | "oblique";
+    weight: number;
+    family: string;
+}>, z.ZodObject<{
+    family: z.ZodString;
+    variationAxes: z.ZodRecord<z.ZodEnum<["wght", "wdth", "slnt", "opsz", "ital", "GRAD", "XTRA", "XOPQ", "YOPQ", "YTLC", "YTUC", "YTAS", "YTDE", "YTFI"]>, z.ZodObject<{
+        name: z.ZodString;
+        min: z.ZodNumber;
+        default: z.ZodNumber;
+        max: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        name: string;
+        min: number;
+        default: number;
+        max: number;
+    }, {
+        name: string;
+        min: number;
+        default: number;
+        max: number;
+    }>>;
+}, "strip", z.ZodTypeAny, {
+    variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
+        name: string;
+        min: number;
+        default: number;
+        max: number;
+    }>>;
+    family: string;
+}, {
+    variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
+        name: string;
+        min: number;
+        default: number;
+        max: number;
+    }>>;
+    family: string;
+}>]>;
+export type FontMeta = z.infer<typeof FontMeta>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/fonts",
-  "version": "0.57.0",
+  "version": "0.58.0",
   "description": "Fonts utils",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -14,10 +14,10 @@
     "jest": "^29.3.1",
     "typescript": "5.0.3",
     "zod": "^3.19.1",
-    "@webstudio-is/design-system": "^0.57.0",
-    "@webstudio-is/jest-config": "^1.0.4",
+    "@webstudio-is/design-system": "^0.58.0",
+    "@webstudio-is/jest-config": "^1.0.5",
     "@webstudio-is/scripts": "^0.0.0",
-    "@webstudio-is/tsconfig": "^1.0.4"
+    "@webstudio-is/tsconfig": "^1.0.5"
   },
   "peerDependencies": {
     "zod": "^3.19.1"
@@ -49,7 +49,7 @@
     "checks": "pnpm typecheck && pnpm lint && pnpm test",
     "dev": "build-package --watch",
     "build": "build-package",
-    "dts": "tsc",
+    "dts": "tsc --declarationDir lib/types",
     "lint": "eslint ./src --ext .ts,.tsx --max-warnings 0"
   }
 }