@useavalon/vue 0.1.8 → 0.1.9

package/dist/client/hydration.js

@@ -1,76 +1 @@
-import{createApp as e}from"vue";export function hydrate(t,n,r={}){try{e(n,r).mount(t,!0)}catch(e){throw console.error(`Vue hydration failed:`,e),e}}export function getHydrationScript(){return`
-    import { createApp } from 'vue';
-    
-    // Auto-hydrate all Vue islands
-    document.querySelectorAll('[data-framework="vue"]').forEach(async (el) => {
-      const src = el.getAttribute('data-src');
-      const propsJson = el.getAttribute('data-props') || '{}';
-      const condition = el.getAttribute('data-condition') || 'on:client';
-      
-      // Check hydration condition
-      if (!shouldHydrate(el, condition)) {
-        return;
-      }
-      
-      try {
-        // Dynamic import the component
-        const module = await import(src);
-        const Component = module.default || module;
-        
-        // Parse props
-        const props = JSON.parse(propsJson);
-        
-        // Create and mount Vue app
-        const app = createApp(Component, props);
-        app.mount(el, true);
-      } catch (error) {
-        console.error('Failed to hydrate Vue island:', error);
-      }
-    });
-    
-    function shouldHydrate(element, condition) {
-      if (!condition || condition === 'on:client') {
-        return true;
-      }
-      
-      if (condition === 'on:visible') {
-        return new Promise((resolve) => {
-          const observer = new IntersectionObserver((entries) => {
-            if (entries[0].isIntersecting) {
-              observer.disconnect();
-              resolve(true);
-            }
-          });
-          observer.observe(element);
-        });
-      }
-      
-      if (condition === 'on:interaction') {
-        return new Promise((resolve) => {
-          const events = ['click', 'mouseenter', 'focusin', 'touchstart'];
-          const handler = () => {
-            events.forEach(e => element.removeEventListener(e, handler));
-            resolve(true);
-          };
-          events.forEach(e => element.addEventListener(e, handler, { once: true }));
-        });
-      }
-      
-      if (condition === 'on:idle') {
-        return new Promise((resolve) => {
-          if ('requestIdleCallback' in window) {
-            requestIdleCallback(() => resolve(true));
-          } else {
-            setTimeout(() => resolve(true), 200);
-          }
-        });
-      }
-      
-      if (condition.startsWith('media:')) {
-        const query = condition.slice(6);
-        return window.matchMedia(query).matches;
-      }
-      
-      return true;
-    }
-  `}
+import{createSSRApp as e}from"vue";export function hydrate(t,n,r={}){try{e(n,r).mount(t)}catch(e){throw console.error(`Vue hydration failed:`,e),e}}export function getHydrationScript(){return``}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@useavalon/vue",
-	"version": "0.1.8",
+	"version": "0.1.9",
 	"description": "Vue integration for Avalon islands architecture",
 	"license": "MIT",
 	"type": "module",
@@ -36,8 +36,8 @@
 		"README.md"
 	],
 	"dependencies": {
-		"@useavalon/avalon": "workspace:^",
-		"@useavalon/core": "workspace:^",
+		"@useavalon/avalon": "^0.1.71",
+		"@useavalon/core": "^0.1.7",
 		"@vitejs/plugin-vue": "^5.2.4"
 	},
 	"peerDependencies": {