feat: add typography package

packages/typography/.eslintrc.cjs

@@ -0,0 +1,7 @@
+module.exports = {
+    root: true,
+    extends: [require.resolve('@nzyme/eslint/typescript')],
+    parserOptions: {
+        project: `${__dirname}/tsconfig.json`,
+    },
+};

packages/typography/package.json

@@ -0,0 +1,20 @@
+{
+    "name": "@nzyme/typography",
+    "version": "1.0.0",
+    "type": "module",
+    "main": "./dist/index.js",
+    "module": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "sideEffects": false,
+    "repository": "https://github.com/nzymejs/nzyme.git",
+    "author": "Michał Kędrzyński <m.kedrzynski@gmail.com>",
+    "private": true,
+    "scripts": {
+        "eslint": "eslint . --fix --cache",
+        "build": "tsc --build"
+    },
+    "dependencies": {
+        "@nzyme/types": "*",
+        "@nzyme/utils": "*"
+    }
+}

packages/typography/src/fixOrphans.ts

@@ -0,0 +1,25 @@
+const spaceAfterShortWordRegex = /([\s(]|^)(\w{1,2})\s/gmu;
+const longWordRegex = /\s([^\s]{12,})/gmu;
+
+/**
+ * Search for any word, that is 3 or less characters long
+ * Such short words should not end up on the end of the line.
+ * We add non-breakable space at the end of the word.
+ * Source: https://boanastudio.com/blog/text-in-responsive-web-design
+ * @param text Text to fix
+ */
+export function fixOrphans(text: string) {
+    // use [^\s] to match anything but whitespace characters
+    return (
+        text
+            .replace(spaceAfterShortWordRegex, (search, whitespace: string, word: string) => {
+                // replace spaces between short words with a non-breakable space
+                // do not swap it with any other character!
+                return whitespace + word + '\xa0';
+            })
+            // roll back the operation if following word has 12 or more letters
+            .replace(longWordRegex, (search, group: string) => {
+                return ' ' + group;
+            })
+    );
+}

packages/typography/src/index.ts

@@ -0,0 +1 @@
+export * from './fixOrphans.js';

packages/typography/tsconfig.json

@@ -0,0 +1,17 @@
+{
+    "extends": "../../tsconfig.base.json",
+    "compilerOptions": {
+        "outDir": "./dist",
+        "tsBuildInfoFile": "./dist/.tsbuildinfo",
+        "rootDir": "./src"
+    },
+    "include": ["src/**/*.ts", "src/**/*.json"],
+    "references": [
+        {
+            "path": "../types/tsconfig.json"
+        },
+        {
+            "path": "../utils/tsconfig.json"
+        }
+    ]
+}