0.22.8 - cleaning up config factory, bump bun + typescript version, enable noUncheckedIndexedAccess

Author: jalexw

.github/workflows/build-test-and-publish.yml

@@ -18,7 +18,7 @@ jobs:
       - name: Setup Bun
         uses: oven-sh/setup-bun@v2
         with:
-          bun-version: 1.2.11
+          bun-version: 1.2.21
       - name: Install dependencies with Bun
         run: bun install
       - name: Build package with Bun

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@schemavaults/theme",
   "description": "TailwindCSS theme shared by different SchemaVaults applications",
-  "version": "0.22.7",
+  "version": "0.22.8",
   "private": false,
   "license": "UNLICENSED",
   "repository": {
@@ -19,8 +19,8 @@
     "@types/react": "19.0.0",
     "@types/react-dom": "19.0.0",
     "tsc-alias": "1.8.16",
-    "bun-types": "1.2.11",
-    "typescript": "5.8.3",
+    "bun-types": "1.2.21",
+    "typescript": "5.9.2",
     "ignore-loader": "0.1.2",
     "tailwindcss": "3.4.17"
   },
@@ -69,5 +69,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "packageManager": "bun@1.2.11"
+  "packageManager": "bun@1.2.21"
 }

src/TailwindConfigFactory.ts

@@ -1,19 +1,21 @@
 import type { Config as TailwindConfig } from "tailwindcss";
-import * as tailwindAnimatePlugin from "tailwindcss-animate";
 import { componentColors } from "./component_colors";
 import { brandColors } from "./brand_colors";
 import DefaultOrgScope from "./DefaultOrgScope"; // @schemavaults organization is default
 import {
   getScreenBreakpoint,
   listScreenBreakpoints,
-  ScreenBreakpointID,
+  type ScreenBreakpointID,
 } from "./ScreenBreakpoints";
 import type { TailwindTheme } from "./TailwindTheme";
 type OsJoinFn = (
   path_segment: string,
   ...remaining_path_segments: string[]
 ) => string;
 
+// TailwindCSS Plugins:
+import tailwindAnimatePlugin from "@/plugins/tailwindcss-animate";
+
 export interface ISchemaVaultsTailwindConfigFactoryInitOptions {
   debug?: boolean;
   join: OsJoinFn;
@@ -95,6 +97,11 @@ export class SchemaVaultsTailwindConfigFactory
     }
   }
 
+  /**
+   * @description Load TailwindCSS plugins to use in theme configuration
+   * @returns Array of TailwindCSS plugins
+   * @see /plugins directory
+   */
   protected get plugins(): TailwindConfig["plugins"] {
     return [tailwindAnimatePlugin];
   }
@@ -167,6 +174,15 @@ export class SchemaVaultsTailwindConfigFactory
 
     const pkg_blob_parts = pkg_blob_string.split("/");
 
+    if (
+      pkg_blob_parts.length < 2 ||
+      !pkg_blob_parts[1] ||
+      typeof pkg_blob_parts[1] !== "string"
+    ) {
+      throw new TypeError(
+        "Failed to resolve package name from package blob string",
+      );
+    }
     const package_name: string = pkg_blob_parts[1];
 
     const join: OsJoinFn = this.join;

src/plugins/tailwindcss-animate.ts

@@ -0,0 +1,2 @@
+import * as tailwindAnimatePlugin from "tailwindcss-animate";
+export default tailwindAnimatePlugin;

tsconfig.json

@@ -21,7 +21,8 @@
     "paths": {
       "@/*": ["./src/*"]
     },
-    "strictNullChecks": true
+    "strictNullChecks": true,
+    "noUncheckedIndexedAccess": true
   },
   "include": ["./src/**/*"],
   "exclude": ["node_modules"]