@css-hooks/core 1.0.1 → 1.1.0

package/README.md

@@ -7,7 +7,7 @@
 
 <p align="center">
   <a href="https://github.com/css-hooks/css-hooks/actions/workflows/ci.yml"><img src="https://img.shields.io/github/actions/workflow/status/css-hooks/css-hooks/ci.yml?branch=master" alt="Build Status"></a>
-  <a href="https://github.com/css-hooks/css-hooks/releases"><img src="https://img.shields.io/npm/v/@css-hooks%2Fcore.svg" alt="Latest Release"></a>
+  <a href="https://www.npmjs.com/org/css-hooks"><img src="https://img.shields.io/npm/v/@css-hooks%2Fcore.svg" alt="Latest Release"></a>
   <a href="https://github.com/css-hooks/css-hooks/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/css-hooks.svg" alt="License"></a>
 </p>
 
@@ -50,7 +50,7 @@ Please visit [css-hooks.com](https://css-hooks.com) to get started.
 - [@css-hooks/react](packages/react): React framework integration
 - [@css-hooks/solid](packages/solid): Solid framework integration
 - [@css-hooks/preact](packages/preact): Preact framework integration
-- [@css-hooks/core](packages/core): Core package (internal use only)
+- [@css-hooks/core](packages/core): Core package (internal / advanced use cases)
 
 ## Contributing
 

package/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.recommended = exports.buildHooksSystem = void 0;
+exports.recommended = exports.buildHooksSystem = exports.genericStringify = void 0;
 function isHookSpec(x) {
     if (!x) {
         return false;
@@ -18,7 +18,18 @@ function isHookSpec(x) {
     }
     return false;
 }
-function buildHooksSystem(stringify) {
+/** @internal */
+function genericStringify(_, value) {
+    if (typeof value === "string") {
+        return value;
+    }
+    if (typeof value === "number") {
+        return `${value}`;
+    }
+    return null;
+}
+exports.genericStringify = genericStringify;
+function buildHooksSystem(stringify = genericStringify) {
     return function createHooks(config) {
         const stringifyImpl = (propertyName, value) => {
             return typeof value === "string" && value.startsWith("var(")
@@ -97,7 +108,7 @@ function buildHooksSystem(stringify) {
                 }),
             ].join(""),
             function hooks(properties) {
-                return hooksImpl(properties);
+                return hooksImpl(JSON.parse(JSON.stringify(properties)));
             },
         ];
     };

package/esm/index.js

@@ -15,7 +15,17 @@ function isHookSpec(x) {
     }
     return false;
 }
-export function buildHooksSystem(stringify) {
+/** @internal */
+export function genericStringify(_, value) {
+    if (typeof value === "string") {
+        return value;
+    }
+    if (typeof value === "number") {
+        return `${value}`;
+    }
+    return null;
+}
+export function buildHooksSystem(stringify = genericStringify) {
     return function createHooks(config) {
         const stringifyImpl = (propertyName, value) => {
             return typeof value === "string" && value.startsWith("var(")
@@ -94,7 +104,7 @@ export function buildHooksSystem(stringify) {
                 }),
             ].join(""),
             function hooks(properties) {
-                return hooksImpl(properties);
+                return hooksImpl(JSON.parse(JSON.stringify(properties)));
             },
         ];
     };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@css-hooks/core",
   "description": "CSS Hooks core library",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "author": "Nick Saunders",
   "devDependencies": {
     "@tsconfig/node-lts": "^18.12.3",

package/types/index.d.ts

@@ -6,7 +6,9 @@ export type WithHooks<HookProperties, Properties> = WithHooksImpl<Properties, Ho
 type WithHooksImpl<Properties, HookProperties, HookPropertiesSub extends HookProperties = HookProperties> = Properties & Partial<UnionToIntersection<HookPropertiesSub extends string ? {
     [K in HookPropertiesSub]: WithHooksImpl<Properties, Exclude<HookProperties, HookPropertiesSub>>;
 } : never>>;
-export declare function buildHooksSystem<Properties>(stringify: (propertyName: keyof Properties, value: unknown) => string | null): <HookProperties extends string | number | symbol>(config: Record<HookProperties, HookSpec>) => readonly [string, (properties: WithHooks<HookProperties, Properties>) => Properties];
+/** @internal */
+export declare function genericStringify(_: unknown, value: unknown): string | null;
+export declare function buildHooksSystem<Properties = Record<string, unknown>>(stringify?: (propertyName: keyof Properties, value: unknown) => string | null): <HookProperties extends string | number | symbol>(config: Record<HookProperties, HookSpec>) => readonly [string, (properties: WithHooks<HookProperties, Properties>) => Properties];
 /**
  * A list of hooks offered as a "sensible default" to solve the most common use cases.
  */