@hkdigital/lib-core 0.3.13 → 0.3.15

package/dist/logging/internal/adapters/pino.js

@@ -31,10 +31,9 @@ export class PinoAdapter {
             const serialized = {
               name: current.name,
               message: current.message,
-              ...(isFirst &&
-                this.pino.level === 'debug' && {
-                  stack: this.#cleanStackTrace(current.stack)
-                })
+              ...(isFirst && {
+                stack: this.#cleanStackTrace(current.stack)
+              })
             };
 
             // Include HttpError-specific properties
@@ -89,7 +88,7 @@ export class PinoAdapter {
   }
 
   /**
-   * Clean stack trace by removing project root path
+   * Clean stack trace by removing project root path and simplifying node_modules
    *
    * @param {string} stack - Original stack trace
    * @returns {string} Cleaned stack trace
@@ -99,15 +98,26 @@ export class PinoAdapter {
       return stack;
     }
 
+    let cleaned = stack;
+
     // Escape special regex characters in the project root path
     const escapedRoot = this.#projectRoot.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
     
-    // Replace project root path with relative path, but only after "at " to avoid 
-    // accidental replacements in error messages or other parts of the stack
-    // Match the project root followed by a path separator
-    const regex = new RegExp(`(\\s+at\\s+.*\\()${escapedRoot}[\\/\\\\]`, 'g');
-    
-    return stack.replace(regex, '$1');
+    // Replace project root path with relative path, handling file:// protocol
+    // Match both regular paths and file:// URLs
+    const rootRegex = new RegExp(`(\\s+at\\s+.*\\()(file://)?${escapedRoot}[\\/\\\\]`, 'g');
+    cleaned = cleaned.replace(rootRegex, '$1');
+
+    // Simplify pnpm paths: node_modules/.pnpm/package@version_deps/node_modules/package
+    // becomes: node_modules/package
+    const pnpmRegex = /node_modules\/\.pnpm\/([^@\/]+)@[^\/]+\/node_modules\/\1/g;
+    cleaned = cleaned.replace(pnpmRegex, 'node_modules/$1');
+
+    // Also handle cases where the package name might be different in the final path
+    const pnpmRegex2 = /node_modules\/\.pnpm\/[^\/]+\/node_modules\/([^\/]+)/g;
+    cleaned = cleaned.replace(pnpmRegex2, 'node_modules/$1');
+
+    return cleaned;
   }
 
   /**

package/dist/logging/internal/factories/client.js

@@ -1,6 +1,6 @@
 import { Logger } from '../logger/index.js';
 import { ConsoleAdapter } from '../adapters/console.js';
-import { INFO } from '../constants.js';
+import { INFO } from '../../constants.js';
 
 /**
  * Create a client-side logger with console adapter

package/dist/logging/internal/factories/server.js

@@ -1,7 +1,7 @@
 import { Logger } from '../logger/index.js';
 
 import { PinoAdapter } from '../adapters/pino.js';
-import { INFO } from '../constants.js';
+import { INFO } from '../../constants.js';
 
 /**
  * Create a server-side logger with pino adapter

package/dist/logging/internal/logger/Logger.d.ts

@@ -70,9 +70,9 @@ export default class Logger extends EventEmitter {
      * forwarded to this logger.
      *
      * @param {string} eventName
-     * @param {import('../typedef.js').LogEventData} eventData
+     * @param {import('../../typedef.js').LogEventData} eventData
      */
-    logFromEvent(eventName: string, eventData: import("../typedef.js").LogEventData): boolean;
+    logFromEvent(eventName: string, eventData: import("../../typedef.js").LogEventData): boolean;
     #private;
 }
 import { EventEmitter } from '../../../classes/event-emitter';

package/dist/logging/internal/logger/Logger.js

@@ -41,7 +41,7 @@ import {
   ERROR,
   LEVELS,
   LOG
-} from '../constants.js';
+} from '../../constants.js';
 
 /**
  * Logger class for consistent logging
@@ -157,7 +157,7 @@ export default class Logger extends EventEmitter {
    * forwarded to this logger.
    *
    * @param {string} eventName
-   * @param {import('../typedef.js').LogEventData} eventData
+   * @param {import('../../typedef.js').LogEventData} eventData
    */
   logFromEvent(eventName, eventData) {
     const level = eventData.level;
@@ -205,7 +205,7 @@ export default class Logger extends EventEmitter {
   /**
    * Internal event loggin method
    *
-   * @param {import('../typedef.js').LogEvent} logEvent
+   * @param {import('../../typedef.js').LogEvent} logEvent
    */
   #logEvent(logEvent) {
     // Emit as both specific level event and generic 'log' event

package/dist/services/index.d.ts

@@ -2,5 +2,3 @@ export { default as ServiceBase } from "./service-base/ServiceBase.js";
 export { default as ServiceManager } from "./service-manager/ServiceManager.js";
 export * from "./service-base/constants.js";
 export * from "./service-manager/constants.js";
-export * from "./service-base/typedef.js";
-export * from "./service-manager/typedef.js";

package/dist/services/index.js

@@ -3,6 +3,3 @@ export { default as ServiceManager } from './service-manager/ServiceManager.js';
 
 export * from './service-base/constants.js';
 export * from './service-manager/constants.js';
-
-export * from './service-base/typedef.js';
-export * from './service-manager/typedef.js';

package/dist/services/typedef.d.ts

@@ -0,0 +1,2 @@
+export * from "./service-base/typedef.js";
+export * from "./service-manager/typedef.js";

package/dist/services/typedef.js

@@ -0,0 +1,2 @@
+export * from './service-base/typedef.js';
+export * from './service-manager/typedef.js';

package/dist/typedef/index.d.ts

@@ -1,4 +1,3 @@
 export * from "./context.js";
 export * from "./drag.js";
 export * from "./drop.js";
-export * from "../network/typedef.js";

package/dist/typedef/index.js

@@ -1,4 +1,3 @@
 export * from './context.js';
 export * from './drag.js';
 export * from './drop.js';
-export * from '../network/typedef.js';

package/dist/ui/components/game-box/GameBox.svelte

@@ -7,7 +7,7 @@
   } from './gamebox.util.js';
 
   import { enableContainerScaling } from '../../../design/index.js';
-  // import { enableContainerScaling } from '@hkdigital/lib-sveltekit/util/design-system/index.js';
+  // import { enableContainerScaling } from '@hkdigital/lib-core/design/index.js';
 
   /**
    * @typedef {{

package/dist/ui/primitives/buttons/button-text/TextButton.svelte

@@ -16,6 +16,6 @@
   } = $props();
 </script>
 
-<Button type="text" {...attrs}>
+<Button type="text" data-type="text" {...attrs}>
   {@render children()}
 </Button>

package/dist/ui/primitives/debug/debug-panel-design-scaling/DebugPanelDesignScaling.svelte

@@ -1,7 +1,7 @@
 <script>
   import { onMount } from 'svelte';
-  import { DESIGN, CLAMPING } from '../../../../design/config/design-config.js';
   import {
+    designTokens,
     enableScalingUI,
     getAllRootScalingVars
   } from '../../../../design/index.js';
@@ -44,7 +44,7 @@
   onMount(() => {
     // Initialize the design scaling system
     //const cleanup = () => {};
-    const cleanup = enableScalingUI(DESIGN, CLAMPING);
+    const cleanup = enableScalingUI(designTokens.DESIGN, designTokens.CLAMPING);
 
     // Update debug values initially
     updateDebugValues();
@@ -92,10 +92,10 @@
     </div>
     <div class="grid grid-cols-2 gap-x-2 gap-y-0.5">
       <div class="text-gray-400">Design Width:</div>
-      <div>{DESIGN.width}px</div>
+      <div>{designTokens.DESIGN.width}px</div>
 
       <div class="text-gray-400">Design Height:</div>
-      <div>{DESIGN.height}px</div>
+      <div>{designTokens.DESIGN.height}px</div>
 
       <div class="text-gray-400">Window:</div>
       <div id="window-size">...</div>
@@ -125,12 +125,12 @@
     <div class="mt-1 pt-1 border-t border-gray-600 text-gray-400">
       <div>Clamping:</div>
       <div class="grid grid-cols-3 text-2xs">
-        <div>UI: {CLAMPING.ui.min} - {CLAMPING.ui.max}</div>
+        <div>UI: {designTokens.CLAMPING.ui.min} - {designTokens.CLAMPING.ui.max}</div>
         <div>
-          Content: {CLAMPING.textBase.min} - {CLAMPING.textBase.max}
+          Content: {designTokens.CLAMPING.textBase.min} - {designTokens.CLAMPING.textBase.max}
         </div>
         <div>
-          Heading: {CLAMPING.textHeading.min} - {CLAMPING.textHeading.max}
+          Heading: {designTokens.CLAMPING.textHeading.min} - {designTokens.CLAMPING.textHeading.max}
         </div>
       </div>
     </div>

package/dist/ui/primitives/index.d.ts

@@ -0,0 +1 @@
+export * from "./buttons/index.js";

package/dist/ui/primitives/index.js

@@ -1,2 +1 @@
-// export * as area from "./area/index.js";
-// export * as icon from "./icon/index.js";
+export * from './buttons/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@hkdigital/lib-core",
-	"version": "0.3.13",
+	"version": "0.3.15",
 	"author": {
 		"name": "HKdigital",
 		"url": "https://hkdigital.nl"
@@ -8,7 +8,7 @@
 	"license": "ISC",
 	"repository": {
 		"type": "git",
-		"url": "git+https://github.com/HKdigital/hkdigital--lib-sveltekit.git"
+		"url": "git+https://github.com/HKdigital/hkdigital--lib-core.git"
 	},
 	"keywords": [
 		"component-library",

package/dist/design/config/design-config.js

@@ -1,73 +0,0 @@
-/* == Design dimensions == */
-
-export const DESIGN = {
-  width: 1024,
-  height: 768
-};
-
-/* == Scaling-clamping behaviour == */
-
-export const CLAMPING = {
-  ui: { min: 0.3, max: 2 },
-  textBase: { min: 0.75, max: 1.5 },
-  textHeading: { min: 0.75, max: 2.25 },
-  textUi: { min: 0.5, max: 1.25 }
-};
-
-/* == Text == */
-
-export const TEXT_POINT_SIZES = [
-  1, 2, 4, 6, 8, 10, 11, 12, 16, 20, 24, 28, 32, 36, 50
-];
-
-export const VIEWPORT_POINT_SIZES = [
-  1, 2, 4, 5, 6, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 120, 140, 160, 180,
-  200
-];
-
-export const TEXT_BASE_SIZES = {
-  sm: { size: 14, lineHeight: 1.25 },
-  md: { size: 16, lineHeight: 1.25 },
-  lg: { size: 18, lineHeight: 1.25 }
-};
-
-export const TEXT_HEADING_SIZES = {
-  h1: { size: 32, lineHeight: 1.25 },
-  h2: { size: 28, lineHeight: 1.25 },
-  h3: { size: 24, lineHeight: 1.25 },
-  h4: { size: 20, lineHeight: 1.25 },
-  h5: { size: 16, lineHeight: 1.25 }
-};
-
-export const TEXT_UI_SIZES = {
-  sm: { size: 14, lineHeight: 1 },
-  md: { size: 16, lineHeight: 1 },
-  lg: { size: 18, lineHeight: 1 }
-};
-
-/* == Border radius == */
-
-export const RADIUS_SIZES = {
-  none: '0px',
-  xs: { size: 5 },
-  sm: { size: 10 },
-  md: { size: 25 },
-  lg: { size: 35 },
-  full: '9999px'
-};
-
-/* == Border width == */
-
-export const BORDER_WIDTH_SIZES = {
-  thin: { size: 1 },
-  normal: { size: 2 },
-  thick: { size: 4 }
-};
-
-/* == Stroke width == */
-
-export const STROKE_WIDTH_SIZES = {
-  thin: { size: 1 },
-  normal: { size: 2 },
-  thick: { size: 4 }
-};

package/dist/design/tailwind-theme-extend.d.ts

@@ -1,23 +0,0 @@
-export const spacing: {
-    [x: string]: string;
-};
-export const fontSize: {
-    [x: string]: string | [string, {
-        lineHeight: number;
-    }];
-};
-export const borderRadius: {
-    [x: string]: string;
-};
-export const borderWidth: {
-    [key: string]: string;
-};
-export const strokeWidth: {
-    [key: string]: string;
-};
-export const outlineWidth: {
-    [key: string]: string;
-};
-export const outlineOffset: {
-    [key: string]: string;
-};

package/dist/design/tailwind-theme-extend.js

@@ -1,158 +0,0 @@
-/**
- * Design System Configuration
- * Using CSS Custom Properties (variables) for consistent scaling
- *
- * @note
- * The tailwind theme extensions require CSS custom
- * properties (variables) to be set at the root level
- * of your application to function properly.
- *
- * @example Implementation in SvelteKit +layout.svelte
- * <script>
- *   import { onMount } from 'svelte';
- *
- *   import '../app.css';
- *
- *   let { children } = $props();
- *
- *   import { DESIGN, CLAMPING }
- *     from './config/design-config.js';
- *
- *   import { rootDesignVarsHTML }
- *     from '@hkdigital/lib-core/design/utils/root-vars.js';
- * </script>
- *
- * <svelte:head>
- *   {@html rootDesignVarsHTML(DESIGN, CLAMPING)}
- * </svelte:head>
- *
- * Base units:
- * --scale-w: 0.052vw  (Viewport Width Point)
- * --scale-h: 0.09259vh (Viewport Height Point)
- * --scale-viewport: min(var(--scale-w), var(--scale-h)) (Viewport Point)
- * --scale-ui: clamp(0.3, var(--scale-viewport), 2) (UI Point)
- * --scale-text-base: clamp(0.75, var(--scale-viewport), 1.5) (Base Text)
- * --scale-text-heading: clamp(0.75, var(--scale-viewport), 2.25) (Heading Text)
- * --scale-text-ui: clamp(0.5, var(--scale-viewport), 1.25) (UI Text)
- *
- * --
- *
- * UI Points (up) - Clamped scaling values
- * Based on viewport scaling with minimum and maximum bounds
- * to ensure usability across all screen sizes
- *
- * > PREFERRED METHOD FOR UI ELEMENT SCALING
- *
- * Examples:
- * 5up  = 5px  at design size (clamps between 1.5px and 10px)
- * 10up = 10px at design size (clamps between 3px and 20px)
- * 20up = 20px at design size (clamps between 6px and 40px)
- *
- * Used for:
- * - Component padding and margins
- * - Interface element sizing
- * - Any UI element that needs responsive scaling with guardrails
- *
- * --
- *
- * Text-Based Spacing Units (ut, bt, ht)
- * Scaled by their respective text scaling variables
- *
- * > PREFERRED METHOD FOR TEXT-RELATED SPACING
- *
- * Examples:
- * 4ut = calc(4px * var(--scale-text-ui))       // UI text spacing
- * 4bt = calc(4px * var(--scale-text-base))  // Base text spacing
- * 4ht = calc(4px * var(--scale-text-heading))  // Heading text spacing
- *
- * Used for:
- * - ut: Button padding, form spacing, UI component margins
- * - bt: Paragraph margins, list spacing, base gaps
- * - ht: Heading margins, title spacing
- *
- * --
- *
- * Viewport Points (wp, hp) - Responsive scaling values
- * wp: Uses width-based scaling (1920px reference)
- * hp: Uses height-based scaling (1080px reference)
- *
- * > ALTERNATIVE SCALING METHODS
- *
- * Examples:
- * 10wp = calc(10px * var(--scale-w))
- * 10hp = calc(10px * var(--scale-h))
- *
- * Used for:
- * - Interface scaling that needs to fit both width and height
- * - Maintaining aspect ratio of design
- * - Preventing overflow in either direction
- */
-import {
-  generateTextBasedSpacing,
-  generateViewportBasedSpacing,
-  generateTextStyles,
-  generateBorderRadiusStyles,
-  generateWidthStyles
-} from './generators/index.js';
-
-import {
-  TEXT_POINT_SIZES,
-  VIEWPORT_POINT_SIZES,
-  TEXT_BASE_SIZES,
-  TEXT_HEADING_SIZES,
-  TEXT_UI_SIZES,
-  RADIUS_SIZES,
-  BORDER_WIDTH_SIZES,
-  STROKE_WIDTH_SIZES
-} from './config/design-config.js';
-
-/* == Internals */
-
-const TEXT_BASED_SPACING = generateTextBasedSpacing(TEXT_POINT_SIZES);
-const VIEWPORT_BASED_SPACING =
-  generateViewportBasedSpacing(VIEWPORT_POINT_SIZES);
-
-/* == Exports */
-
-export const spacing = {
-  ...VIEWPORT_BASED_SPACING,
-  ...TEXT_BASED_SPACING
-};
-
-export const fontSize = {
-  ...TEXT_BASED_SPACING,
-
-  // Named styles
-  ...generateTextStyles(TEXT_BASE_SIZES, 'base'),
-  ...generateTextStyles(TEXT_HEADING_SIZES, 'heading'),
-  ...generateTextStyles(TEXT_UI_SIZES, 'ui')
-};
-
-export const borderRadius = {
-  // Named styles
-  ...generateBorderRadiusStyles(RADIUS_SIZES)
-};
-
-export const borderWidth = {
-  // Named styles
-  ...generateWidthStyles(BORDER_WIDTH_SIZES, 'width')
-};
-
-export const strokeWidth = {
-  // Named styles
-  ...generateWidthStyles(STROKE_WIDTH_SIZES, 'width')
-};
-
-export const outlineWidth = {
-  // Named styles
-  ...generateWidthStyles(STROKE_WIDTH_SIZES, '')
-};
-
-export const outlineOffset = {
-  // Named styles
-  ...generateWidthStyles(STROKE_WIDTH_SIZES, '')
-};
-
-// console.log('borderWidth', borderWidth);
-// console.log('outlineWidth', outlineWidth);
-// console.log('outlineOffset', outlineOffset);

package/dist/logging/internal/factories/universal.d.ts

@@ -1,9 +0,0 @@
-/**
- * Create a logger that works in both server and client environments
- *
- * @param {string} serviceName - Name of the service
- * @param {string} [level] - Initial log level
- * @param {Object} [options] - Additional options
- * @returns {import('../logger').Logger} Configured logger instance
- */
-export function createLogger(serviceName: string, level?: string, options?: any): import("../logger").Logger;

package/dist/logging/internal/factories/universal.js

@@ -1,22 +0,0 @@
-/**
- * Universal logger factory that auto-detects environment
- */
-import { browser } from '$app/environment';
-import { createServerLogger } from './server.js';
-import { createClientLogger } from './client.js';
-
-/**
- * Create a logger that works in both server and client environments
- *
- * @param {string} serviceName - Name of the service
- * @param {string} [level] - Initial log level
- * @param {Object} [options] - Additional options
- * @returns {import('../logger').Logger} Configured logger instance
- */
-export function createLogger(serviceName, level, options = {}) {
-  if (browser) {
-    return createClientLogger(serviceName, level, options);
-  } else {
-    return createServerLogger(serviceName, level, options);
-  }
-}