@innertia-solutions/ui 0.1.7 → 0.1.9

package/nuxt.config.ts

@@ -1,5 +1,4 @@
 export default defineNuxtConfig({
-    extends: ['@innertia-solutions/theme'],
     components: [
         { path: './components', pathPrefix: true }
     ],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innertia-solutions/ui",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "description": "Innertia Solutions — Nuxt UI layer: components and composables",
   "keywords": [
     "nuxt",
@@ -20,9 +20,6 @@
   "exports": {
     ".": "./nuxt.config.ts"
   },
-  "dependencies": {
-    "@innertia-solutions/theme": "workspace:*"
-  },
   "peerDependencies": {
     "nuxt": ">=3.0.0",
     "vue": ">=3.0.0"

package/plugins/preline.client.ts

@@ -0,0 +1,67 @@
+declare global {
+  interface Window {
+    HSStaticMethods?: { autoInit?: () => void }
+    HSSelect?: new (el: HTMLElement) => { destroy?: () => void }
+    HSThemeAppearance?: { init?: () => void }
+  }
+}
+
+export default defineNuxtPlugin(() => {
+  if (!process.client) return
+
+  const initPreline = () => {
+    try { window.HSStaticMethods?.autoInit?.() } catch (_) {}
+    try { window.HSThemeAppearance?.init?.() } catch (_) {}
+  }
+
+  const performMultipleInits = () => {
+    initPreline()
+    setTimeout(initPreline, 50)
+    setTimeout(initPreline, 200)
+    setTimeout(initPreline, 500)
+  }
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', performMultipleInits)
+  } else {
+    nextTick(performMultipleInits)
+  }
+
+  const nuxtApp = useNuxtApp()
+
+  nuxtApp.hooks.hook('page:finish', () => {
+    requestAnimationFrame(performMultipleInits)
+  })
+
+  nuxtApp.hooks.hookOnce('app:mounted', () => {
+    performMultipleInits()
+  })
+
+  const observer = new MutationObserver((mutations) => {
+    const hasPreline = mutations.some(({ addedNodes }) =>
+      Array.from(addedNodes).some((node) => {
+        if (node.nodeType !== Node.ELEMENT_NODE) return false
+        const el = node as Element
+        return (
+          el.querySelector?.('[data-hs-overlay],[data-hs-dropdown],[data-hs-select]') ||
+          el.hasAttribute?.('data-hs-overlay') ||
+          el.hasAttribute?.('data-hs-dropdown') ||
+          el.hasAttribute?.('data-hs-select') ||
+          (typeof el.className === 'string' && el.className.includes('hs-'))
+        )
+      })
+    )
+    if (hasPreline) {
+      setTimeout(initPreline, 10)
+      setTimeout(initPreline, 100)
+    }
+  })
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', () =>
+      observer.observe(document.body, { childList: true, subtree: true })
+    )
+  } else {
+    observer.observe(document.body, { childList: true, subtree: true })
+  }
+})