@hkdigital/lib-core 0.5.94 → 0.5.96

package/README.md

@@ -204,19 +204,26 @@ This library includes a complete design system with Tailwind CSS integration. Ba
    import heroResponsive from '$lib/assets/hero.jpg?preset=photo&responsive';
    ```
 
-6. **(meta) folder setup** - Copy and configure PWA/favicon generation:
+6. **Meta setup** - Configure SEO, PWA, and favicons:
 
-   The library includes a complete `(meta)` folder with PWA configuration,
-   favicon generation, manifest.json, sitemap.xml, and robots.txt endpoints.
+   The library includes templates for PWA configuration, SEO metadata,
+   favicon generation, manifest.json, sitemap.xml, and robots.txt.
 
-   **Copy the folder to your project:**
+   **Copy template files to your project:**
    ```bash
-   cp -r node_modules/@hkdigital/lib-core/src/routes/\(meta\) src/routes/
+   # Copy configuration and assets to src/lib/
+   cp -r node_modules/@hkdigital/lib-core/meta/templates/lib/* src/lib/
+
+   # Copy route endpoints to src/routes/
+   cp -r node_modules/@hkdigital/lib-core/meta/templates/routes/* src/routes/
    ```
 
    **Customize for your app:**
-   - Replace `src/routes/(meta)/favicon.png` with your 512×512px image
-   - Edit `src/routes/(meta)/config.js`:
+   - Replace images in `src/lib/assets/meta/` with your own:
+     - `favicon.png` (512×512px)
+     - `preview-landscape.png` (1200×630px for social media)
+     - `preview-square.png` (1200×1200px for social media)
+   - Edit `src/lib/config/meta.js`:
      ```javascript
      export const name = 'Your App Name';
      export const shortName = 'App';
@@ -226,11 +233,12 @@ This library includes a complete design system with Tailwind CSS integration. Ba
      // Add your site routes for sitemap
      export const siteRoutes = ['/', '/about', '/contact'];
 
-     // Configure robots.txt (prevent test sites from being indexed)
+     // Configure robots.txt
      export const robotsConfig = {
-       allowedHosts: ['mysite.com', 'www.mysite.com'],
-       disallowedPaths: ['/admin/*'],
-       includeSitemap: true
+       allowedHosts: '*',  // '*' allows all hosts
+       disallowedPaths: [],
+       allowAiTraining: true,
+       allowAiReading: true
      };
      ```
 
@@ -238,11 +246,14 @@ This library includes a complete design system with Tailwind CSS integration. Ba
    ```svelte
    <!-- src/routes/+layout.svelte -->
    <script>
-     import { Favicons, PWA } from './(meta)/index.js';
+     import { Favicons, PWA, SEO, config } from '$lib/meta.js';
+
+     let { children, data } = $props();
    </script>
 
-   <Favicons />
-   <PWA />
+   <Favicons {config} />
+   <PWA {config} />
+   <SEO {config} locale={data?.locale} />
 
    {@render children()}
    ```
@@ -250,11 +261,14 @@ This library includes a complete design system with Tailwind CSS integration. Ba
    **What you get:**
    - Automatic favicon generation (16, 32, 192, 512px)
    - Apple touch icons (120, 152, 167, 180px)
+   - SEO meta tags and Open Graph support
+   - Social media preview images
+   - Multi-language support with auto-detection
    - Dynamic `/manifest.json` endpoint
    - Dynamic `/sitemap.xml` endpoint
-   - Dynamic `/robots.txt` with host filtering
+   - Dynamic `/robots.txt` with AI bot control
 
-   See [src/routes/(meta)/README.md](./src/routes/(meta)/README.md) for
+   See the [meta template README](./src/lib/meta/templates/README.md) for
    complete documentation.
 
 ### Logging System

package/dist/config/meta.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Meta data configuration
+ */
+export const name: "HKdigital Lib Core Test";
+export const shortName: "HKlib Core";
+export const description: "Base library that powers up Sveltekit projects";
+/**
+ * Language and locale configuration
+ *
+ * Configure supported languages with their locale mappings.
+ * Short codes (e.g., 'en') are defaults, explicit variants optional.
+ *
+ * @type {Record<string, {lang: string, locale: string}>}
+ */
+export const languages: Record<string, {
+    lang: string;
+    locale: string;
+}>;
+/**
+ * Default language code (fallback)
+ *
+ * @type {string}
+ */
+export const defaultLanguage: string;
+/**
+ * Default locale (derived from defaultLanguage)
+ *
+ * @type {string}
+ */
+export const defaultLocale: string;
+export const backgroundAndThemeColor: "#082962";
+export const themeColor: "#082962";
+export const backgroundColor: "#082962";
+export const statusBarStyle: "black-translucent";
+export const orientation: "any";
+export const disablePageZoom: true;
+export const SeoImageLandscape: string;
+export const SeoImageSquare: string;
+export const faviconImages: import("./typedef").ImageSource;
+export const appleTouchIcons: import("./typedef").ImageSource;
+/**
+ * Site routes for sitemap.xml
+ *
+ * @type {import('../meta/typedef.js').SitemapRoute[]}
+ *
+ * @see hkdigital/lib-core/meta/README.md for detailed configuration options
+ */
+export const siteRoutes: import("../meta/typedef.js").SitemapRoute[];
+/**
+ * Robots.txt configuration
+ *
+ * @type {import('../meta/typedef.js').RobotsConfig}
+ *
+ * @see hkdigital/lib-core/meta/README.md for detailed configuration options
+ */
+export const robotsConfig: import("../meta/typedef.js").RobotsConfig;

package/dist/config/meta.js

@@ -0,0 +1,121 @@
+/**
+ * Meta data configuration
+ */
+
+export const name = 'HKdigital Lib Core Test';
+export const shortName = 'HKlib Core';  // max 12 characters
+
+export const description = 'Base library that powers up Sveltekit projects';
+
+/**
+ * Language and locale configuration
+ *
+ * Configure supported languages with their locale mappings.
+ * Short codes (e.g., 'en') are defaults, explicit variants optional.
+ *
+ * @type {Record<string, {lang: string, locale: string}>}
+ */
+export const languages = {
+  // Short codes (defaults)
+  'en': { lang: 'en-GB', locale: 'en_GB' },
+  'nl': { lang: 'nl-NL', locale: 'nl_NL' },
+
+  // Explicit variants (add as needed)
+  // 'en-us': { lang: 'en-US', locale: 'en_US' },
+  // 'es': { lang: 'es-ES', locale: 'es_ES' },
+  // 'es-mx': { lang: 'es-MX', locale: 'es_MX' }
+};
+
+/**
+ * Default language code (fallback)
+ *
+ * @type {string}
+ */
+export const defaultLanguage = 'en';
+
+/**
+ * Default locale (derived from defaultLanguage)
+ *
+ * @type {string}
+ */
+export const defaultLocale = languages[defaultLanguage].locale;
+
+export const backgroundAndThemeColor = '#082962';
+
+export const themeColor = backgroundAndThemeColor;
+export const backgroundColor = backgroundAndThemeColor;
+
+export const statusBarStyle = 'black-translucent';
+
+export const orientation = 'any'; // "landscape"
+
+//
+// Only disable zoom if:
+// - You're building a game
+// - Canvas-based app where zoom breaks functionality
+// - You have a very specific (technical) reason...
+//
+export const disablePageZoom = true;
+
+/**
+ * SEO social media preview images
+ *
+ * To enable: Import the image and export it
+ * To disable: Comment out the import and export null instead
+ *
+ * Processed dimensions:
+ * - Landscape: 1200×630 (Facebook, LinkedIn, Discord)
+ * - Square: 1200×1200 (various platforms)
+ */
+
+// Import and export processed images
+import SeoLandscapeImg from '../assets/meta/preview-landscape.png?seo-landscape';
+import SeoSquareImg from '../assets/meta/preview-square.png?seo-square';
+
+export const SeoImageLandscape = SeoLandscapeImg;
+export const SeoImageSquare = SeoSquareImg;
+
+// To disable, comment out imports above and uncomment below:
+// export const SeoImageLandscape = null;
+// export const SeoImageSquare = null;
+
+/**
+ * Favicon images (processed by Vite imagetools)
+ */
+import FaviconImgs from '../assets/meta/favicon.png?favicons';
+import AppleTouchImgs from '../assets/meta/favicon.png?apple-touch-icons';
+
+export const faviconImages = FaviconImgs;
+export const appleTouchIcons = AppleTouchImgs;
+
+/**
+ * Site routes for sitemap.xml
+ *
+ * @type {import('../meta/typedef.js').SitemapRoute[]}
+ *
+ * @see hkdigital/lib-core/meta/README.md for detailed configuration options
+ */
+export const siteRoutes = [
+  '/'
+  // Add your routes:
+  // '/about',
+  // '/contact',
+  // { path: '/blog', priority: 0.9, changefreq: 'daily' }
+];
+
+/**
+ * Robots.txt configuration
+ *
+ * @type {import('../meta/typedef.js').RobotsConfig}
+ *
+ * @see hkdigital/lib-core/meta/README.md for detailed configuration options
+ */
+export const robotsConfig = {
+  allowedHosts: '*',       // '*' allows all hosts
+  disallowedPaths: [],     // e.g., ['/admin', '/api']
+
+  // AI bot control (site-wide via robots.txt)
+  allowAiTraining: true,   // GPTBot, Google-Extended, CCBot, anthropic-ai
+  allowAiReading: true     // ChatGPT-User, Claude-Web, cohere-ai
+};
+

package/dist/meta/templates/README.md

@@ -0,0 +1,150 @@
+# Meta Configuration Template
+
+This template provides a complete setup for SEO, PWA, and favicon configuration in your SvelteKit project.
+
+## Quick Start
+
+### 1. Copy template files to your project
+
+```bash
+# From your project root
+cp -r node_modules/@hkdigital/lib-core/meta/templates/lib/* src/lib/
+cp -r node_modules/@hkdigital/lib-core/meta/templates/routes/* src/routes/
+```
+
+This copies:
+- `src/lib/config/meta.js` - Your configuration file
+- `src/lib/assets/meta/*.png` - Placeholder images
+- `src/lib/meta.js` - Glue file connecting library and config
+- `src/routes/(meta)/*.json/+server.js` - Route endpoints
+
+### 2. Customize your configuration
+
+Edit `src/lib/config/meta.js` with your app's information:
+
+```javascript
+export const name = 'Your App Name';
+export const shortName = 'YourApp';
+export const description = 'Your app description';
+export const backgroundAndThemeColor = '#your-color';
+// ... etc
+```
+
+### 3. Replace placeholder images
+
+Replace these files in `src/lib/assets/meta/` with your own:
+- `favicon.png` - 512×512px or larger (PNG with transparency)
+- `preview-landscape.png` - 1200×630px landscape preview (JPG or PNG)
+- `preview-square.png` - 1200×1200px square preview (JPG or PNG)
+
+### 4. Add to your root layout
+
+In `src/routes/+layout.svelte`:
+
+```svelte
+<script>
+  import { Favicons, PWA, SEO, config } from '$lib/meta.js';
+
+  let { children, data } = $props();
+</script>
+
+<Favicons {config} />
+<PWA {config} />
+<SEO {config} locale={data?.locale} />
+
+{@render children()}
+```
+
+### 5. Update app.html
+
+Add placeholders to `src/app.html`:
+
+```html
+<!doctype html>
+<html lang="%lang%">
+  <head>
+    <meta charset="utf-8" />
+    <title>%title%</title>
+    <meta name="description" content="%description%">
+    %sveltekit.head%
+  </head>
+  <body>
+    %sveltekit.body%
+  </body>
+</html>
+```
+
+### 6. Configure hooks (optional)
+
+For language detection, add to `src/hooks.server.js`:
+
+```javascript
+import { handleLang } from '$lib/meta.js';
+
+export async function handle({ event, resolve }) {
+  return handleLang(event, resolve);
+}
+```
+
+## File Structure
+
+After copying the template, your project will have:
+
+```
+src/
+  lib/
+    config/
+      meta.js           # Your configuration (customize this)
+    assets/
+      meta/
+        favicon.png     # Your favicon image
+        preview-landscape.png
+        preview-square.png
+    meta.js             # Glue file (imports library + config)
+  routes/
+    (meta)/             # Route group (not in URL)
+      manifest.json/
+        +server.js      # PWA manifest endpoint
+      robots.txt/
+        +server.js      # Robots.txt endpoint
+      sitemap.xml/
+        +server.js      # Sitemap endpoint
+    +layout.svelte      # Import from $lib/meta.js
+  hooks.server.js       # Optional: language detection
+  app.html              # Add %lang%, %title%, %description%
+```
+
+## How It Works
+
+**Library code** (automatically updated):
+- Components imported from `@hkdigital/lib-core/meta/components`
+- Utilities imported from `@hkdigital/lib-core/meta/utils`
+- When you update the library, components get bug fixes automatically
+
+**Your code** (you customize):
+- `src/lib/config/meta.js` - Your app's configuration
+- `src/lib/assets/meta/*.png` - Your images
+- `src/lib/meta.js` - Connects library components with your config
+- `src/routes/(meta)/` - Route endpoints that use your config
+
+## Configuration Not in Routes
+
+Note that `config/meta.js` is in `src/lib/`, NOT in `src/routes/`. This is intentional:
+
+- Files in `src/routes/` can be served via HTTP
+- Route groups like `(meta)` only affect layout grouping, not HTTP access
+- Keeping config in `src/lib/` prevents accidental HTTP exposure
+- Images in `src/lib/assets/` are processed by Vite imagetools at build time
+
+## Updating
+
+When you update `@hkdigital/lib-core`:
+1. Library components are automatically updated
+2. Your config and images remain untouched
+3. Check changelog for breaking config changes
+
+## Documentation
+
+For complete documentation, see:
+- Main docs: `node_modules/@hkdigital/lib-core/meta/README.md`
+- Component API: Check library source in `node_modules/@hkdigital/lib-core/meta/`

package/dist/meta/templates/lib/config/meta.d.ts

@@ -0,0 +1,63 @@
+/**
+ * Meta configuration
+ *
+ * Customize this file with your app's information.
+ * After copying to your project, update all values below.
+ */
+/**
+ * App identity
+ */
+export const name: "Your App Name";
+export const shortName: "YourApp";
+export const description: "Your app description for search engines";
+/**
+ * Language and locale configuration
+ *
+ * @type {Record<string, {lang: string, locale: string}>}
+ */
+export const languages: Record<string, {
+    lang: string;
+    locale: string;
+}>;
+export const defaultLanguage: "en";
+export const defaultLocale: string;
+/**
+ * PWA theme and colors
+ */
+export const backgroundAndThemeColor: "#082962";
+export const themeColor: "#082962";
+export const backgroundColor: "#082962";
+/**
+ * iOS PWA configuration
+ */
+export const statusBarStyle: "black-translucent";
+/**
+ * Screen orientation
+ */
+export const orientation: "any";
+/**
+ * Disable pinch-to-zoom
+ *
+ * Only enable for games or canvas apps where zoom breaks functionality
+ */
+export const disablePageZoom: false;
+export const SeoImageLandscape: string;
+export const SeoImageSquare: string;
+export const faviconImages: import("../../../../config/typedef").ImageSource;
+export const appleTouchIcons: import("../../../../config/typedef").ImageSource;
+/**
+ * Site routes for sitemap.xml
+ *
+ * @type {import('../../../typedef.js').SitemapRoute[]}
+ *
+ * @see @hkdigital/lib-core/meta/README.md for configuration options
+ */
+export const siteRoutes: import("../../../typedef.js").SitemapRoute[];
+/**
+ * Robots.txt configuration
+ *
+ * @type {import('../../../typedef.js').RobotsConfig}
+ *
+ * @see @hkdigital/lib-core/meta/README.md for configuration options
+ */
+export const robotsConfig: import("../../../typedef.js").RobotsConfig;

package/dist/meta/templates/lib/config/meta.js

@@ -0,0 +1,112 @@
+/**
+ * Meta configuration
+ *
+ * Customize this file with your app's information.
+ * After copying to your project, update all values below.
+ */
+
+/**
+ * App identity
+ */
+export const name = 'Your App Name';
+export const shortName = 'YourApp';  // max 12 characters
+export const description = 'Your app description for search engines';
+
+/**
+ * Language and locale configuration
+ *
+ * @type {Record<string, {lang: string, locale: string}>}
+ */
+export const languages = {
+  'en': { lang: 'en-GB', locale: 'en_GB' },
+  'nl': { lang: 'nl-NL', locale: 'nl_NL' }
+
+  // Add more languages as needed:
+  // 'es': { lang: 'es-ES', locale: 'es_ES' },
+  // 'en-us': { lang: 'en-US', locale: 'en_US' }
+};
+
+export const defaultLanguage = 'en';
+export const defaultLocale = languages[defaultLanguage].locale;
+
+/**
+ * PWA theme and colors
+ */
+export const backgroundAndThemeColor = '#082962';
+export const themeColor = backgroundAndThemeColor;
+export const backgroundColor = backgroundAndThemeColor;
+
+/**
+ * iOS PWA configuration
+ */
+export const statusBarStyle = 'black-translucent';  // 'default' | 'black' | 'black-translucent'
+
+/**
+ * Screen orientation
+ */
+export const orientation = 'any';  // 'any' | 'landscape' | 'portrait'
+
+/**
+ * Disable pinch-to-zoom
+ *
+ * Only enable for games or canvas apps where zoom breaks functionality
+ */
+export const disablePageZoom = false;
+
+/**
+ * SEO social media preview images
+ *
+ * Replace the image files with your own designs.
+ * The images are processed by Vite imagetools to correct dimensions.
+ *
+ * To disable: comment out imports and set to null
+ */
+import SeoLandscapeImg from '../../../../assets/meta/preview-landscape.png?seo-landscape';
+import SeoSquareImg from '../../../../assets/meta/preview-square.png?seo-square';
+
+export const SeoImageLandscape = SeoLandscapeImg;  // 1200×630
+export const SeoImageSquare = SeoSquareImg;        // 1200×1200
+
+// To disable SEO images:
+// export const SeoImageLandscape = null;
+// export const SeoImageSquare = null;
+
+/**
+ * Favicon images (processed by Vite imagetools)
+ */
+import FaviconImgs from '../../../../assets/meta/favicon.png?favicons';
+import AppleTouchImgs from '../../../../assets/meta/favicon.png?apple-touch-icons';
+
+export const faviconImages = FaviconImgs;
+export const appleTouchIcons = AppleTouchImgs;
+
+/**
+ * Site routes for sitemap.xml
+ *
+ * @type {import('../../../typedef.js').SitemapRoute[]}
+ *
+ * @see @hkdigital/lib-core/meta/README.md for configuration options
+ */
+export const siteRoutes = [
+  '/'
+  // Add your routes:
+  // '/about',
+  // '/contact',
+  // { path: '/blog', priority: 0.9, changefreq: 'daily' }
+];
+
+/**
+ * Robots.txt configuration
+ *
+ * @type {import('../../../typedef.js').RobotsConfig}
+ *
+ * @see @hkdigital/lib-core/meta/README.md for configuration options
+ */
+export const robotsConfig = {
+  allowedHosts: '*',       // '*' allows all hosts
+  disallowedPaths: [],     // e.g., ['/admin', '/api']
+
+  // AI bot control (site-wide via robots.txt)
+  allowAiTraining: true,   // GPTBot, Google-Extended, CCBot, anthropic-ai
+  allowAiReading: true     // ChatGPT-User, Claude-Web, cohere-ai
+};

package/dist/meta/templates/lib/meta.d.ts

@@ -0,0 +1,8 @@
+import { Favicons } from '../../components.js';
+import { PWA } from '../../components.js';
+import { SEO } from '../../components.js';
+export const getLangFromPath: Function;
+export const injectLang: Function;
+export const handleLang: Function;
+import * as config from '../../../config/meta.js';
+export { Favicons, PWA, SEO, config };

package/dist/meta/templates/lib/meta.js

@@ -0,0 +1,23 @@
+/**
+ * Meta components configured for your app
+ *
+ * This file imports the library components and configures them with your
+ * app's config. Components are automatically updated when you update the
+ * @hkdigital/lib-core library.
+ */
+
+import { Favicons, PWA, SEO } from '../../components.js';
+import { createLangUtils } from '../../utils.js';
+import * as config from '../../../config/meta.js';
+
+// Create configured language utilities
+const { getLangFromPath, injectLang, handleLang } = createLangUtils(config);
+
+// Re-export components (they'll receive config as a prop in your layout)
+export { Favicons, PWA, SEO };
+
+// Export language utilities
+export { getLangFromPath, injectLang, handleLang };
+
+// Export config for convenience
+export { config };

package/dist/meta/templates/routes/(meta)/manifest.json/+server.d.ts

@@ -0,0 +1,2 @@
+/** @type {import('@sveltejs/kit').RequestHandler} */
+export const GET: import("@sveltejs/kit").RequestHandler;

package/dist/meta/templates/routes/(meta)/manifest.json/+server.js

@@ -0,0 +1,42 @@
+// @see https://developer.mozilla.org/en-US/docs/
+//        Web/Progressive_web_apps/Manifest/Reference
+
+import {
+  name,
+  shortName,
+  description,
+  backgroundAndThemeColor,
+  orientation
+} from '../../../../../config/meta.js';
+
+import faviconImages from '../../../../../assets/meta/favicon.png?favicons';
+
+/* Generate manifest data */
+
+const manifest = {
+  name,
+  short_name: shortName,
+  description,
+
+  start_url: '/',
+  scope: '/',
+
+  icons: faviconImages.map((item) => {
+    return {
+      src: item.src,
+      sizes: `${item.width}x${item.width}`,
+      type: 'image/png'
+    };
+  }),
+
+  theme_color: backgroundAndThemeColor,
+  background_color: backgroundAndThemeColor,
+
+  display: 'fullscreen',
+  orientation
+};
+
+/** @type {import('@sveltejs/kit').RequestHandler} */
+export const GET = async () => {
+  return new Response(JSON.stringify(manifest));
+};

package/dist/meta/templates/routes/(meta)/robots.txt/+server.d.ts

@@ -0,0 +1,2 @@
+/** @type {import('@sveltejs/kit').RequestHandler} */
+export const GET: import("@sveltejs/kit").RequestHandler;

package/dist/meta/templates/routes/(meta)/robots.txt/+server.js

@@ -0,0 +1,9 @@
+import { text } from '@sveltejs/kit';
+import { generateRobotsTxt } from '../../../../utils.js';
+import { robotsConfig } from '../../../../../config/meta.js';
+
+/** @type {import('@sveltejs/kit').RequestHandler} */
+export const GET = async ({ url }) => {
+  const robotsTxt = generateRobotsTxt(url, robotsConfig);
+  return text(robotsTxt);
+};

package/dist/meta/templates/routes/(meta)/sitemap.xml/+server.d.ts

@@ -0,0 +1,2 @@
+/** @type {import('@sveltejs/kit').RequestHandler} */
+export const GET: import("@sveltejs/kit").RequestHandler;

package/dist/meta/templates/routes/(meta)/sitemap.xml/+server.js

@@ -0,0 +1,14 @@
+import { generateSitemap } from '../../../../utils.js';
+import { siteRoutes } from '../../../../../config/meta.js';
+
+/** @type {import('@sveltejs/kit').RequestHandler} */
+export const GET = async ({ url }) => {
+  const sitemap = generateSitemap(url.origin, siteRoutes);
+
+  return new Response(sitemap, {
+    headers: {
+      'Content-Type': 'application/xml',
+      'Cache-Control': 'max-age=0, s-maxage=3600'
+    }
+  });
+};

package/dist/meta/utils/sitemap/typedef.d.ts

@@ -12,7 +12,7 @@ export type SitemapRouteObject = {
     /**
      * - Change frequency
      */
-    changefreq?: "hourly" | "daily" | "weekly" | "always" | "monthly" | "yearly" | "never" | undefined;
+    changefreq?: "always" | "hourly" | "daily" | "weekly" | "monthly" | "yearly" | "never" | undefined;
 };
 /**
  * Route can be a simple string path or an object with details

package/dist/meta.d.ts

@@ -0,0 +1,8 @@
+import { Favicons } from './meta/components.js';
+import { PWA } from './meta/components.js';
+import { SEO } from './meta/components.js';
+export const getLangFromPath: Function;
+export const injectLang: Function;
+export const handleLang: Function;
+import * as config from './config/meta.js';
+export { Favicons, PWA, SEO, config };

package/dist/meta.js

@@ -0,0 +1,23 @@
+/**
+ * Meta components configured for your app
+ *
+ * This file imports the library components and configures them with your
+ * app's config. Components are automatically updated when you update the
+ * @hkdigital/lib-core library.
+ */
+
+import { Favicons, PWA, SEO } from './meta/components.js';
+import { createLangUtils } from './meta/utils.js';
+import * as config from './config/meta.js';
+
+// Create configured language utilities
+const { getLangFromPath, injectLang, handleLang } = createLangUtils(config);
+
+// Re-export components (they'll receive config as a prop in your layout)
+export { Favicons, PWA, SEO };
+
+// Export language utilities
+export { getLangFromPath, injectLang, handleLang };
+
+// Export config for convenience
+export { config };

package/dist/ui/primitives/buttons/button/Button.svelte.d.ts

@@ -12,7 +12,7 @@ type Button = {
         size?: "sm" | "md" | "lg" | undefined;
         variant?: string | undefined;
         mode?: "light" | "dark" | undefined;
-        buttonType?: "reset" | "submit" | "button" | undefined;
+        buttonType?: "button" | "reset" | "submit" | undefined;
         active?: boolean | undefined;
         selected?: boolean | undefined;
         loading?: boolean | undefined;

package/dist/ui/primitives/inputs/text-input/TextInput.svelte.d.ts

@@ -12,7 +12,7 @@ type TextInput = {
         iconClasses?: string | undefined;
         initialValue?: string | undefined;
         value?: string | undefined;
-        type?: "number" | "email" | "url" | "text" | undefined;
+        type?: "number" | "url" | "email" | "text" | undefined;
         pattern?: string | undefined;
         required?: boolean | undefined;
         title?: string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@hkdigital/lib-core",
-	"version": "0.5.94",
+	"version": "0.5.96",
 	"author": {
 		"name": "HKdigital",
 		"url": "https://hkdigital.nl"
@@ -41,13 +41,13 @@
 		"cache:clear": "rm -rf node_modules/.cache/imagetools",
 		"lint:prettier": "prettier --check .",
 		"lint:eslint": "eslint .",
-		"lint:imports": "node scripts/validate-imports.mjs",
+		"lint:imports": "node scripts/validate-imports.mjs --exclude src/lib/meta/templates",
 		"test:unit": "vitest",
 		"test:unit-run": "pnpm run test:unit -- --run",
 		"prepack:sync": "svelte-kit sync",
 		"prepack:build": "svelte-package",
 		"prepack:lint": "publint",
-		"prepack:imports": "node scripts/validate-imports.mjs",
+		"prepack:imports": "node scripts/validate-imports.mjs --exclude src/lib/meta/templates",
 		"publish:npm:version": "npm version patch",
 		"publish:npm:publish": "npm publish --access public",
 		"upgrade:hk:update": "ncu --dep dev,optional,peer,prod '@hkdigital/*' -u",

package/scripts/validate-imports.mjs

@@ -9,6 +9,27 @@ const SRC_DIR = join(PROJECT_ROOT, 'src');
 const SCRIPT_DIR = dirname(fileURLToPath(import.meta.url));
 const LIB_ROOT = dirname(SCRIPT_DIR);
 
+/**
+ * Parse command line arguments for exclusion patterns
+ *
+ * @returns {string[]} Array of path patterns to exclude
+ */
+function parseExclusionArgs() {
+  const args = process.argv.slice(2);
+  const exclusions = [];
+
+  for (let i = 0; i < args.length; i++) {
+    if (args[i] === '--exclude' && i + 1 < args.length) {
+      exclusions.push(args[i + 1]);
+      i++; // Skip next arg since we consumed it
+    }
+  }
+
+  return exclusions;
+}
+
+const EXCLUSION_PATTERNS = parseExclusionArgs();
+
 /**
  * Scopes to validate for barrel exports
  * Any package under these scopes will be checked
@@ -555,6 +576,25 @@ async function findAliasBarrelExport(importPath, targetName) {
   return null;
 }
 
+/**
+ * Check if file path matches any exclusion pattern
+ *
+ * @param {string} filePath - Path to check
+ *
+ * @returns {boolean} True if file should be excluded
+ */
+function isExcluded(filePath) {
+  const relativePath = relative(PROJECT_ROOT, filePath);
+
+  for (const pattern of EXCLUSION_PATTERNS) {
+    if (relativePath.includes(pattern)) {
+      return true;
+    }
+  }
+
+  return false;
+}
+
 /**
  * Validate import paths in a file
  *
@@ -563,6 +603,11 @@ async function findAliasBarrelExport(importPath, targetName) {
  * @returns {Promise<string[]>} Array of error messages
  */
 async function validateFile(filePath) {
+  // Skip excluded files
+  if (isExcluded(filePath)) {
+    return [];
+  }
+
   const content = await readFile(filePath, 'utf-8');
   const errors = [];
   const relativePath = relative(PROJECT_ROOT, filePath);
@@ -1234,6 +1279,12 @@ async function main() {
   console.log(`Using script from @hkdigital/lib-core v${pkgJson.version}`);
   console.log(`Validating import paths...`);
 
+  if (EXCLUSION_PATTERNS.length > 0) {
+    console.log('Excluding patterns:');
+    EXCLUSION_PATTERNS.forEach(pattern => console.log(`  ${pattern}`));
+    console.log();
+  }
+
   // Load project aliases from svelte.config.js
   PROJECT_ALIASES = await loadAliases();