@hkdigital/lib-core 0.5.95 → 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/lib/meta.d.ts

@@ -4,4 +4,5 @@ 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/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.95",
+	"version": "0.5.96",
 	"author": {
 		"name": "HKdigital",
 		"url": "https://hkdigital.nl"