ds-one 0.2.0-alpha.3 → 0.2.5-alpha.2

package/DS1/2-core/ds-viewtoggle.ts

@@ -1,83 +0,0 @@
-import { LitElement, html } from "lit";
-import { getText } from "../utils/language";
-import { getViewMode, setViewMode } from "../utils/viewMode";
-
-/**
- * A component for toggling between text and image view modes
- *
- * @element ds-viewtoggle
- */
-export class ViewToggle extends LitElement {
-  static properties = {
-    _mode: { type: String, state: true },
-  };
-
-  declare _mode: "text" | "image";
-
-  private boundHandlers: {
-    viewModeChanged: EventListener;
-    languageChanged: EventListener;
-  };
-
-  constructor() {
-    super();
-    this._mode = getViewMode();
-    this.boundHandlers = {
-      viewModeChanged: ((e: CustomEvent) => {
-        const mode = e.detail === "image" ? "image" : "text";
-        if (this._mode !== mode) {
-          this._mode = mode;
-        }
-      }) as EventListener,
-      languageChanged: (() => {
-        this.requestUpdate();
-      }) as EventListener,
-    };
-  }
-
-  connectedCallback() {
-    super.connectedCallback();
-    window.addEventListener(
-      "view-mode-changed",
-      this.boundHandlers.viewModeChanged
-    );
-    window.addEventListener(
-      "language-changed",
-      this.boundHandlers.languageChanged
-    );
-  }
-
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    window.removeEventListener(
-      "view-mode-changed",
-      this.boundHandlers.viewModeChanged
-    );
-    window.removeEventListener(
-      "language-changed",
-      this.boundHandlers.languageChanged
-    );
-  }
-
-  private _toggle = () => {
-    const next = this._mode === "image" ? "text" : "image";
-    setViewMode(next);
-  };
-
-  render() {
-    const label =
-      this._mode === "image" ? getText("hideImage") : getText("viewImage");
-    return html`
-      <ds-button variant="primary" @click=${this._toggle}>${label}</ds-button>
-    `;
-  }
-}
-
-customElements.define("ds-viewtoggle", ViewToggle);
-
-declare global {
-  interface HTMLElementTagNameMap {
-    "ds-viewtoggle": ViewToggle;
-  }
-}
-

package/DS1/utils/cdn-loader.ts

@@ -1,208 +0,0 @@
-/**
- * CDN Loader Utility
- * Automatically detects and loads translation JSON files from the same directory as the HTML file
- * for CDN users who want to use external translations
- */
-
-type TranslationData = Record<string, string>;
-type TranslationMap = Record<string, TranslationData>;
-
-declare global {
-  interface Window {
-    DS_ONE_TRANSLATIONS?: TranslationMap;
-    DS_ONE_TRANSLATIONS_FILE?: string;
-  }
-}
-
-// Track if we've already attempted to load
-let loadAttempted = false;
-
-const DEFAULT_TRANSLATION_FILE = "./translations.json";
-
-function normalizeCandidate(path: string): string | null {
-  if (!path) {
-    return null;
-  }
-  const trimmed = path.trim();
-  if (!trimmed) {
-    return null;
-  }
-
-  if (
-    trimmed.startsWith("./") ||
-    trimmed.startsWith("../") ||
-    trimmed.startsWith("/") ||
-    /^https?:\/\//i.test(trimmed)
-  ) {
-    return trimmed;
-  }
-
-  return `./${trimmed}`;
-}
-
-function findAttributeCandidate(): string | null {
-  if (typeof document === "undefined") {
-    return null;
-  }
-
-  const scriptWithAttribute = document.querySelector(
-    "script[data-ds-one-translations]"
-  );
-  const scriptCandidate = scriptWithAttribute?.getAttribute(
-    "data-ds-one-translations"
-  );
-  if (scriptCandidate) {
-    return scriptCandidate;
-  }
-
-  const metaCandidate = document
-    .querySelector('meta[name="ds-one:translations"]')
-    ?.getAttribute("content");
-  if (metaCandidate) {
-    return metaCandidate;
-  }
-
-  const linkCandidate = document
-    .querySelector('link[rel="ds-one-translations"]')
-    ?.getAttribute("href");
-  if (linkCandidate) {
-    return linkCandidate;
-  }
-
-  return null;
-}
-
-function resolveTranslationSources(): string[] {
-  const candidates: string[] = [];
-
-  const windowCandidate =
-    typeof window !== "undefined" ? window.DS_ONE_TRANSLATIONS_FILE : null;
-  const attributeCandidate = findAttributeCandidate();
-
-  // Only use explicitly configured paths, or the single default
-  const windowNormalized = normalizeCandidate(windowCandidate ?? "");
-  if (windowNormalized) {
-    candidates.push(windowNormalized);
-  }
-
-  const attrNormalized = normalizeCandidate(attributeCandidate ?? "");
-  if (attrNormalized && !candidates.includes(attrNormalized)) {
-    candidates.push(attrNormalized);
-  }
-
-  // Only try default if no explicit path was configured
-  if (candidates.length === 0) {
-    candidates.push(DEFAULT_TRANSLATION_FILE);
-  }
-
-  return candidates;
-}
-
-function validateTranslationMap(
-  candidate: unknown
-): candidate is TranslationMap {
-  if (!candidate || typeof candidate !== "object") {
-    return false;
-  }
-
-  return Object.values(candidate).every(
-    (entry) => entry && typeof entry === "object"
-  );
-}
-
-async function fetchTranslationFile(
-  source: string
-): Promise<TranslationMap | null> {
-  try {
-    const response = await fetch(source);
-
-    if (!response.ok) {
-      // 404 is expected if no translations file exists - don't log as error
-      return null;
-    }
-
-    const translations = await response.json();
-
-    if (!validateTranslationMap(translations)) {
-      console.warn(
-        `[DS one] Invalid translation format in ${source}. Expected object with language codes as keys.`
-      );
-      return null;
-    }
-
-    const languages = Object.keys(translations);
-    if (languages.length === 0) {
-      console.warn(`[DS one] No languages found in ${source}`);
-      return null;
-    }
-
-    return translations;
-  } catch {
-    // Silently fail - file likely doesn't exist or isn't valid JSON
-    return null;
-  }
-}
-
-/**
- * Attempts to load translations from a JSON file in the same directory
- */
-export async function loadExternalTranslations(): Promise<boolean> {
-  // Only attempt once
-  if (loadAttempted) {
-    return false;
-  }
-  loadAttempted = true;
-
-  if (typeof window === "undefined") {
-    return false;
-  }
-
-  // Check if translations are already loaded (e.g., by the application)
-  if (
-    window.DS_ONE_TRANSLATIONS &&
-    Object.keys(window.DS_ONE_TRANSLATIONS).length > 0
-  ) {
-    console.log(
-      `[DS one] Translations already loaded (${Object.keys(window.DS_ONE_TRANSLATIONS).length} languages), skipping auto-load`
-    );
-    return true;
-  }
-
-  const sources = resolveTranslationSources();
-
-  for (const source of sources) {
-    const translations = await fetchTranslationFile(source);
-    if (!translations) {
-      continue;
-    }
-
-    window.DS_ONE_TRANSLATIONS = translations;
-
-    const languages = Object.keys(translations);
-    console.log(
-      `[DS one] External translations loaded from ${source}: ${languages.length} language(s) – ${languages.join(", ")}`
-    );
-
-    window.dispatchEvent(new CustomEvent("translations-ready"));
-    return true;
-  }
-
-  console.info(
-    `[DS one] No external translations found at ${sources[0] ?? DEFAULT_TRANSLATION_FILE}. Using bundled translations.`
-  );
-
-  return false;
-}
-
-// Auto-load translations when this module is imported (for CDN bundle)
-if (typeof window !== "undefined") {
-  // Wait a bit to ensure the DOM is ready
-  if (document.readyState === "loading") {
-    document.addEventListener("DOMContentLoaded", () => {
-      loadExternalTranslations();
-    });
-  } else {
-    // DOM is already ready
-    loadExternalTranslations();
-  }
-}

package/DS1/utils/keys.json

@@ -1,41 +0,0 @@
-{
-  "en": {
-    "language": "Language",
-    "theme": "Theme",
-    "home": "Home",
-    "about": "About",
-    "contact": "Contact",
-    "welcome": "Welcome",
-    "description": "Description",
-    "learnMore": "Learn More",
-    "copyright": "© 2025",
-    "siteTitle": "Site Title",
-    "downloadCV": "Download CV"
-  },
-  "da": {
-    "language": "Sprog",
-    "theme": "Tema",
-    "home": "Hjem",
-    "about": "Om",
-    "contact": "Kontakt",
-    "welcome": "Velkommen",
-    "description": "Beskrivelse",
-    "learnMore": "Lær Mere",
-    "copyright": "© 2025",
-    "siteTitle": "Site Titel",
-    "downloadCV": "Download CV"
-  },
-  "ja": {
-    "language": "言語",
-    "theme": "テーマ",
-    "home": "ホーム",
-    "about": "について",
-    "contact": "お問い合わせ",
-    "welcome": "ようこそ",
-    "description": "説明",
-    "learnMore": "詳細を見る",
-    "copyright": "© 2025",
-    "siteTitle": "サイトタイトル",
-    "downloadCV": "CVをダウンロード"
-  }
-}

package/DS1/utils/pricing.ts

@@ -1,24 +0,0 @@
-import type { LanguageCode } from "./language";
-
-type PriceLabelOptions = {
-  language: LanguageCode;
-  country?: string;
-};
-
-const defaultPriceByLanguage: Record<string, string> = {
-  en: "$42", // life, the universe and everything
-  de: "42 €",
-  fr: "42 €",
-  es: "42 €",
-};
-
-export function getPriceLabel({ language, country }: PriceLabelOptions): string {
-  const normalized = language.toLowerCase();
-  const base = defaultPriceByLanguage[normalized] ?? defaultPriceByLanguage.en;
-
-  if (!country) {
-    return base;
-  }
-
-  return `${base} (${country.toUpperCase()})`;
-}

package/DS1/utils/scroll.ts

@@ -1,184 +0,0 @@
-// scroll.ts
-// Scroll position utilities for carrying scroll position across page navigations
-
-export type ScrollPosition = {
-  x: number;
-  y: number;
-};
-
-const SCROLL_POSITION_KEY = "ds-scroll-position";
-
-/**
- * Save the current scroll position
- */
-export function saveScrollPosition(): void {
-  if (typeof window === "undefined") {
-    return;
-  }
-
-  try {
-    const position: ScrollPosition = {
-      x: window.scrollX,
-      y: window.scrollY,
-    };
-
-    sessionStorage.setItem(SCROLL_POSITION_KEY, JSON.stringify(position));
-  } catch (error) {
-    console.warn("[DS one] Failed to save scroll position:", error);
-  }
-}
-
-/**
- * Get the saved scroll position
- */
-export function getScrollPosition(): ScrollPosition | null {
-  if (typeof window === "undefined") {
-    return null;
-  }
-
-  try {
-    const stored = sessionStorage.getItem(SCROLL_POSITION_KEY);
-
-    if (!stored) {
-      return null;
-    }
-
-    const position = JSON.parse(stored) as ScrollPosition;
-
-    // Validate the parsed data
-    if (
-      typeof position.x === "number" &&
-      typeof position.y === "number" &&
-      !isNaN(position.x) &&
-      !isNaN(position.y)
-    ) {
-      return position;
-    }
-
-    return null;
-  } catch (error) {
-    console.warn("[DS one] Failed to retrieve scroll position:", error);
-    return null;
-  }
-}
-
-/**
- * Restore the saved scroll position
- */
-export function restoreScrollPosition(
-  options: { smooth?: boolean; clear?: boolean } = {}
-): boolean {
-  if (typeof window === "undefined") {
-    return false;
-  }
-
-  const position = getScrollPosition();
-
-  if (!position) {
-    return false;
-  }
-
-  try {
-    // Use requestAnimationFrame to ensure DOM is ready
-    requestAnimationFrame(() => {
-      window.scrollTo({
-        left: position.x,
-        top: position.y,
-        behavior: options.smooth ? "smooth" : "instant",
-      });
-
-      // Optionally clear the saved position after restoring
-      if (options.clear) {
-        clearScrollPosition();
-      }
-
-      // Dispatch custom event
-      window.dispatchEvent(
-        new CustomEvent("scroll-restored", {
-          detail: position,
-        })
-      );
-    });
-
-    return true;
-  } catch (error) {
-    console.warn("[DS one] Failed to restore scroll position:", error);
-    return false;
-  }
-}
-
-/**
- * Clear the saved scroll position
- */
-export function clearScrollPosition(): void {
-  if (typeof window === "undefined") {
-    return;
-  }
-
-  try {
-    sessionStorage.removeItem(SCROLL_POSITION_KEY);
-  } catch (error) {
-    console.warn("[DS one] Failed to clear scroll position:", error);
-  }
-}
-
-/**
- * Initialize scroll position management
- * Call this once to set up automatic save/restore behavior
- */
-export function initScrollManagement(
-  options: {
-    autoSave?: boolean;
-    autoRestore?: boolean;
-    smooth?: boolean;
-    clearOnRestore?: boolean;
-  } = {}
-): void {
-  if (typeof window === "undefined") {
-    return;
-  }
-
-  const {
-    autoSave = true,
-    autoRestore = true,
-    smooth = false,
-    clearOnRestore = false,
-  } = options;
-
-  // Auto-save scroll position before leaving the page
-  if (autoSave) {
-    window.addEventListener("beforeunload", () => {
-      saveScrollPosition();
-    });
-
-    // Also save on history state changes (for SPAs)
-    window.addEventListener("pagehide", () => {
-      saveScrollPosition();
-    });
-  }
-
-  // Auto-restore scroll position when page loads
-  if (autoRestore) {
-    const restore = () => {
-      restoreScrollPosition({ smooth, clear: clearOnRestore });
-    };
-
-    if (document.readyState === "loading") {
-      // Wait for DOM to be ready
-      document.addEventListener("DOMContentLoaded", restore);
-    } else {
-      // DOM is already ready
-      restore();
-    }
-  }
-}
-
-// Auto-initialize scroll management when module loads
-if (typeof window !== "undefined") {
-  initScrollManagement({
-    autoSave: true,
-    autoRestore: true,
-    smooth: false,
-    clearOnRestore: false,
-  });
-}

package/DS1/utils/settings.ts

@@ -1,23 +0,0 @@
-import type { LanguageCode } from "./language";
-import type { ThemeType } from "./theme";
-
-export type Settings = {
-  language?: LanguageCode;
-  theme?: ThemeType;
-  [key: string]: unknown;
-};
-
-export function saveSettings(settings: Settings): void {
-  if (typeof window === "undefined") {
-    return;
-  }
-
-  try {
-    const raw = window.localStorage?.getItem("ds-one:settings");
-    const existing = raw ? (JSON.parse(raw) as Record<string, unknown>) : {};
-    const next = { ...existing, ...settings };
-    window.localStorage?.setItem("ds-one:settings", JSON.stringify(next));
-  } catch (error) {
-    console.warn("ds-one: unable to persist settings", error);
-  }
-}

package/DS1/utils/viewMode.ts

@@ -1,55 +0,0 @@
-// viewMode.ts
-// View mode utilities for managing text/image view states
-
-export type ViewMode = "text" | "image";
-
-const VIEW_MODE_KEY = "ds-view-mode";
-const DEFAULT_VIEW_MODE: ViewMode = "text";
-
-/**
- * Get the current view mode from localStorage or return default
- */
-export function getViewMode(): ViewMode {
-  if (typeof window === "undefined") {
-    return DEFAULT_VIEW_MODE;
-  }
-
-  try {
-    const stored = localStorage.getItem(VIEW_MODE_KEY);
-    return stored === "image" || stored === "text" ? stored : DEFAULT_VIEW_MODE;
-  } catch {
-    return DEFAULT_VIEW_MODE;
-  }
-}
-
-/**
- * Set the view mode in localStorage and dispatch change event
- */
-export function setViewMode(mode: ViewMode): void {
-  if (typeof window === "undefined") {
-    return;
-  }
-
-  try {
-    localStorage.setItem(VIEW_MODE_KEY, mode);
-
-    // Dispatch custom event for components to listen to
-    window.dispatchEvent(
-      new CustomEvent("view-mode-changed", {
-        detail: mode,
-      })
-    );
-  } catch (error) {
-    console.warn("Failed to save view mode:", error);
-  }
-}
-
-/**
- * Toggle between text and image view modes
- */
-export function toggleViewMode(): ViewMode {
-  const currentMode = getViewMode();
-  const newMode = currentMode === "text" ? "image" : "text";
-  setViewMode(newMode);
-  return newMode;
-}

package/dist/0-face/2025-04-23-device.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"2025-04-23-device.d.ts","sourceRoot":"","sources":["../../DS1/0-face/2025-04-23-device.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEzD,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,UAAU,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,IAAI,OAAO,CA0B5C;AAED;;GAEG;AACH,wBAAgB,aAAa,IAAI,UAAU,CA6B1C;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,UAAU,CA8ChD"}

package/dist/0-face/2025-04-23-language.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=2025-04-23-language.d.ts.map

package/dist/0-face/2025-04-23-language.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"2025-04-23-language.d.ts","sourceRoot":"","sources":["../../DS1/0-face/2025-04-23-language.ts"],"names":[],"mappings":""}

package/dist/0-face/2025-04-23-language.js

@@ -1,3 +0,0 @@
-// 2025-04-23-language.ts
-// Language detection and internationalization utilities
-// TODO: Implement language detection utilities