ezfw-core 1.0.67 → 1.0.69

package/islands/ViteIslandsPlugin.js

@@ -776,8 +776,8 @@ async function renderPageBuild(page, opts, renderer, analyzer, root, islands) {
 function generateHydrationScript(islands, isDev, cssModules = []) {
     const islandsJson = JSON.stringify(islands);
     const cssModulesJson = JSON.stringify(cssModules);
-    // In dev mode, use local ez/ path (framework is in project, not node_modules)
-    const runtimePath = isDev ? '/ez/islands/runtime.ts' : '/assets/islands-runtime.js';
+    // In dev mode, use node_modules path (works for projects using ezfw-core from npm)
+    const runtimePath = isDev ? '/node_modules/ezfw-core/islands/runtime.ts' : '/assets/islands-runtime.js';
     // Use hydrate.js for SSR - it doesn't import CSS directly, avoiding MIME type issues
     const frameworkPath = isDev ? '/hydrate.js' : '/assets/hydrate.js';
     // Generate CSS loading code - load CSS modules BEFORE rendering

package/islands/ViteIslandsPlugin.ts

@@ -996,8 +996,8 @@ function generateHydrationScript(
     const islandsJson = JSON.stringify(islands);
     const cssModulesJson = JSON.stringify(cssModules);
 
-    // In dev mode, use local ez/ path (framework is in project, not node_modules)
-    const runtimePath = isDev ? '/ez/islands/runtime.ts' : '/assets/islands-runtime.js';
+    // In dev mode, use node_modules path (works for projects using ezfw-core from npm)
+    const runtimePath = isDev ? '/node_modules/ezfw-core/islands/runtime.ts' : '/assets/islands-runtime.js';
     // Use hydrate.js for SSR - it doesn't import CSS directly, avoiding MIME type issues
     const frameworkPath = isDev ? '/hydrate.js' : '/assets/hydrate.js';
 

package/islands/ssrShim.js

@@ -282,6 +282,7 @@ function registerFrameworkComponents() {
 
     // EzSwitch - Toggle switch
     ssrRegistry['EzSwitch'] = {
+        island: true,  // Needs hydration for toggle state
         template(props) {
             return {
                 eztype: 'label',
@@ -487,6 +488,7 @@ function registerFrameworkComponents() {
 
     // EzPanel - Collapsible panel
     ssrRegistry['EzPanel'] = {
+        island: true,  // Needs hydration for collapse/expand
         template(props) {
             return {
                 eztype: 'div',
@@ -576,6 +578,7 @@ function registerFrameworkComponents() {
 
     // EzTabPanel - Tabbed content (renders first/active tab in SSR)
     ssrRegistry['EzTabPanel'] = {
+        island: true,  // Needs hydration for tab switching
         template(props) {
             const tabs = props.items || [];
             const activeId = props.activeTab || props.active || (tabs[0]?.id);
@@ -621,6 +624,7 @@ function registerFrameworkComponents() {
 
     // EzGrid - Data grid (renders simple table in SSR)
     ssrRegistry['EzGrid'] = {
+        island: true,  // Needs hydration for sorting, filtering, selection
         template(props) {
             const columns = props.columns || [];
             const data = props.data || [];
@@ -670,6 +674,7 @@ function registerFrameworkComponents() {
 
     // EzTree - Tree view
     ssrRegistry['EzTree'] = {
+        island: true,  // Needs hydration for expand/collapse
         template(props) {
             function renderNode(node, level = 0) {
                 const hasChildren = node.children && node.children.length > 0;
@@ -796,6 +801,7 @@ function registerFrameworkComponents() {
 
     // EzDropdown - Dropdown menu
     ssrRegistry['EzDropdown'] = {
+        island: true,  // Needs hydration for dropdown toggle
         template(props) {
             // Just render the trigger, dropdown opens on interaction
             return {
@@ -809,6 +815,7 @@ function registerFrameworkComponents() {
 
     // EzPicker - Item picker
     ssrRegistry['EzPicker'] = {
+        island: true,  // Needs hydration for selection
         template(props) {
             return {
                 eztype: 'div',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ezfw-core",
-  "version": "1.0.67",
+  "version": "1.0.69",
   "description": "Ez Framework - A declarative component framework for building modern web applications",
   "type": "module",
   "main": "./core/ez.ts",