@gxp-dev/tools 2.0.62 → 2.0.64

package/template/src/Plugin.vue

@@ -1,100 +1,91 @@
 <template>
-    <!-- Your Custom Plugin Content -->
-    <DemoPage
-        :router="mockRouter"
-    />
-  </template>
-  
-  
-  
-  <script setup>
-  import { ref, shallowRef } from "vue";
-  import DemoPage from "@/DemoPage.vue";
+	<!-- Your Custom Plugin Content -->
+	<DemoPage :router="mockRouter" />
+</template>
 
-  // Initialize the GxP store
-  // This import is externalized to window.useGxpStore during build for platform compatibility
-  import { useGxpStore } from "@/stores/gxpPortalConfigStore";
-  
-  
-  const gxpStore = useGxpStore();
-  gxpStore.sockets?.primary.listenForStateChange((event) => {
-    console.log('🔗 GXP Store: State change event received', event);
-  })
- 
+<script setup>
+import { ref, shallowRef } from "vue"
+import DemoPage from "@/DemoPage.vue"
 
+// Initialize the GxP store
+// This import is externalized to window.useGxpStore during build for platform compatibility
+import { useGxpStore } from "@/stores/gxpPortalConfigStore"
 
-  </script> 
+const gxpStore = useGxpStore()
+gxpStore.sockets?.primary.listenForStateChange((event) => {
+	console.log("🔗 GXP Store: State change event received", event)
+})
+</script>
 
-  <style>
-  #app {
-    font-family: Avenir, Helvetica, Arial, sans-serif;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-  
-  /* Primary Color */
-  .primary {
-    color: var(--primary, #000000);
-  }
+<style>
+#app {
+	font-family: Avenir, Helvetica, Arial, sans-serif;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
 
-  /* Page Styles */
-  .page {
-    background-color: var(--page_background_color, #000466);
-    color: var(--page_text_color, #FFFFFF);
-  }
+/* Primary Color */
+.primary {
+	color: var(--primary, #000000);
+}
 
-  /* Input Field Styles */
-  .input-field {
-    background-color: var(--input_field_background_color, #03054a);
-    color: var(--input_field_text_color, #FFFFFF);
-    border-color: var(--input_field_border_color, #888C92);
-  }
+/* Page Styles */
+.page {
+	background-color: var(--page_background_color, #000466);
+	color: var(--page_text_color, #ffffff);
+}
 
-  /* Primary Button Styles */
-  .primary-button {
-    background-color: var(--primary_button_background_color, #FFFFFF);
-    color: var(--primary_button_text_color, #000596);
-    border-color: var(--primary_button_border_color, #FFFFFF);
-  }
+/* Input Field Styles */
+.input-field {
+	background-color: var(--input_field_background_color, #03054a);
+	color: var(--input_field_text_color, #ffffff);
+	border-color: var(--input_field_border_color, #888c92);
+}
 
-  /* Secondary Button Styles */
-  .secondary-button {
-    background-color: var(--secondary_button_background_color, #000466);
-    color: var(--secondary_button_text_color, #FFFFFF);
-    border-color: var(--secondary_button_border_color, #FFFFFF);
-  }
+/* Primary Button Styles */
+.primary-button {
+	background-color: var(--primary_button_background_color, #ffffff);
+	color: var(--primary_button_text_color, #000596);
+	border-color: var(--primary_button_border_color, #ffffff);
+}
 
-  /* Tertiary Button Styles */
-  .tertiary-button {
-    background-color: var(--tertiary_button_background_color, #FFFFFF00);
-    color: var(--tertiary_button_text_color, #FFFFFF);
-    border-color: var(--tertiary_button_border_color, #FFFFFF00);
-  }
+/* Secondary Button Styles */
+.secondary-button {
+	background-color: var(--secondary_button_background_color, #000466);
+	color: var(--secondary_button_text_color, #ffffff);
+	border-color: var(--secondary_button_border_color, #ffffff);
+}
 
-  /* Spinner Styles */
-  .spinner {
-    background-color: var(--spinner_background_color, #03054A);
-    color: var(--spinner_color, #FFFFFF);
-  }
+/* Tertiary Button Styles */
+.tertiary-button {
+	background-color: var(--tertiary_button_background_color, #ffffff00);
+	color: var(--tertiary_button_text_color, #ffffff);
+	border-color: var(--tertiary_button_border_color, #ffffff00);
+}
 
-  /* Modal Styles */
-  .modal {
-    background-color: var(--modal_background_color, #FFFFFF);
-    color: var(--modal_text_color, #222222);
-  }
+/* Spinner Styles */
+.spinner {
+	background-color: var(--spinner_background_color, #03054a);
+	color: var(--spinner_color, #ffffff);
+}
 
-  /* Modal Primary Button Styles */
-  .modal-primary-button {
-    background-color: var(--modal_primary_button_background_color, #000596);
-    color: var(--modal_primary_button_text_color, #FFFFFF);
-    border-color: var(--modal_primary_button_border_color, #000596);
-  }
+/* Modal Styles */
+.modal {
+	background-color: var(--modal_background_color, #ffffff);
+	color: var(--modal_text_color, #222222);
+}
 
-  /* Modal Secondary Button Styles */
-  .modal-secondary-button {
-    background-color: var(--modal_secondary_button_background_color, #FFFFFF);
-    color: var(--modal_secondary_button_text_color, #000596);
-    border-color: var(--modal_secondary_button_border_color, #000596);
-  }
+/* Modal Primary Button Styles */
+.modal-primary-button {
+	background-color: var(--modal_primary_button_background_color, #000596);
+	color: var(--modal_primary_button_text_color, #ffffff);
+	border-color: var(--modal_primary_button_border_color, #000596);
+}
 
-  </style>
+/* Modal Secondary Button Styles */
+.modal-secondary-button {
+	background-color: var(--modal_secondary_button_background_color, #ffffff);
+	color: var(--modal_secondary_button_text_color, #000596);
+	border-color: var(--modal_secondary_button_border_color, #000596);
+}
+</style>

package/template/src/stores/index.js

@@ -1,9 +1,9 @@
 // Import from package runtime directory by default
 // To customize, run: gxdev publish gxpPortalConfigStore.js
 // Then update this import to: import { useGxpStore } from './gxpPortalConfigStore.js';
-import { useGxpStore } from "@gxp-dev/tools/runtime/stores/gxpPortalConfigStore";
+import { useGxpStore } from "@gxp-dev/tools/runtime/stores/gxpPortalConfigStore"
 
 // Expose to window for platform compatibility and externalized imports
-window.useGxpStore = useGxpStore;
+window.useGxpStore = useGxpStore
 
-export { useGxpStore };
+export { useGxpStore }

package/template/src/stores/test-data.json

@@ -1,173 +1,165 @@
 {
-  "pluginVars": {
-    "primary_color": "#FFD600",
-    "projectId": 39,
-    "apiPageAuthId": "46|j7vCLmx2KG70Ig8R5mtUcNMFcHExvFPZEOv31kKGe1033f2b",
-    "apiBaseUrl": "https://api.efcloud.app",
-    "idle_timeout": "30",
-    "background_color": "#ffffff",
-    "text_color": "#333333",
-    "start_background_color": "#000596",
-    "start_text_color": "#FFFFFF",
-    "final_background_color": "#4CAF50",
-    "final_text_color": "#ffffff",
-    "loading_spinner_color": "#dedede",
-    "loading_spinner_accent_color": "#000596",
-    "error_modal_background_color": "#FFFFFF",
-    "error_modal_text_color": "#000596",
-    "line_1": "Welcome to Your App!",
-    "line_2": "Touch to begin your experience",
-    "line_3": "Get started by touching the button below"
-  },
-  "stringsList": {
-    "line_1": "Welcome to Your App!",
-    "line_2": "Touch to begin your experience",
-    "line_3": "Get started by touching the button below",
-    "start_line_one": "Welcome to Your App!",
-    "start_line_two": "Touch to begin your experience",
-    "start_touch_start": "Get started by touching the button below",
-    "final_line_one": "Thank You!",
-    "final_line_two": "Your experience has been completed successfully",
-    "final_line_three": "Touch anywhere to start over",
-    "welcome_text": "Hello World",
-    "loading_text": "Loading...",
-    "error_title": "Oops!",
-    "error_message": "Something went wrong. Please try again.",
-    "continue_button": "Continue",
-    "back_button": "Back",
-    "retry_button": "Try Again"
-  },
-  "assetList": {
-    "main_logo": "/dev-assets/images/logo-placeholder.png",
-    "background_image": "/dev-assets/images/background-placeholder.jpg",
-    "product_image": "/dev-assets/images/product-placeholder.jpg",
-    "avatar_placeholder": "/dev-assets/images/avatar-placeholder.png",
-    "icon_placeholder": "/dev-assets/images/icon-placeholder.png",
-    "thumbnail": "/dev-assets/images/thumbnail-placeholder.jpg",
-    "banner_image": "/dev-assets/images/banner-placeholder.jpg"
-  },
-  "dependencyList": [
-    {
-      "model": "AiInterface",
-      "events": {
-        "created": "AiSessionMessageCreated",
-        "updated": "AiSessionMessageUpdated"
-      },
-      "identifier": "ai_interface_background_remover",
-      "permissions": [
-        "manage_ai_interfaces",
-        "view_ai_interfaces",
-        "view_ai_sessions",
-        "view_ai_session_messages"
-      ]
-    },
-    {
-      "model": "AiInterface",
-      "events": {
-        "created": "AiSessionMessageCreated",
-        "updated": "AiSessionMessageUpdated"
-      },
-      "identifier": "ai_interface_background_generator",
-      "permissions": [
-        "manage_ai_interfaces",
-        "view_ai_interfaces",
-        "view_ai_sessions",
-        "view_ai_session_messages"
-      ]
-    },
-    {
-      "model": "AiInterface",
-      "events": {
-        "created": "AiSessionMessageCreated",
-        "updated": "AiSessionMessageUpdated"
-      },
-      "identifier": "ai_interface",
-      "permissions": [
-        "manage_ai_interfaces",
-        "view_ai_interfaces",
-        "view_ai_sessions",
-        "view_ai_session_messages"
-      ]
-    },
-    {
-      "model": "SocialStream",
-      "events": {
-        "created": "SocialStreamPostCreated",
-        "deleted": "SocialStreamPostDeleted",
-        "updated": "SocialStreamPostUpdated",
-        "variantCompleted": "SocialStreamPostVariantCompleted"
-      },
-      "identifier": "social_stream",
-      "permissions": [
-        "view_social_streams",
-        "view_social_stream_posts",
-        "create_social_stream_posts",
-        "manage_social_stream_posts"
-      ]
-    },
-    {
-      "model": "SocialStreamPost",
-      "identifier": "social_stream_posts",
-      "permissions": [
-        "view_social_stream_posts:viewAny"
-      ]
-    },
-    {
-      "key": "slug",
-      "model": "Group",
-      "events": [],
-      "identifier": "groups",
-      "permissions": [
-        "view_groups",
-        "view_attendees"
-      ]
-    },
-    {
-      "model": "Attendee",
-      "identifier": "attendees",
-      "permissions": [
-        "create_attendees:viewAny",
-        "view_attendees:viewAny"
-      ]
-    }
-  ],
-  "permissionFlags": [
-    "can_access_camera",
-    "can_save_data",
-    "can_share_content"
-  ],
-  "auth": {
-    "token": "test-token-12345",
-    "user_id": "test-user-67890",
-    "expires_at": "2024-12-31T23:59:59Z"
-  },
-  "userSession": {
-    "session_id": "session-abc123",
-    "started_at": "2024-01-01T00:00:00Z",
-    "ip_address": "127.0.0.1",
-    "user_agent": "Test Browser"
-  },
-  "pluginData": {
-    "plugin_id": "test-plugin-123",
-    "version": "1.0.0",
-    "environment": "development"
-  },
-  "portalAssets": {
-    "favicon": "/portal/favicon.ico",
-    "logo": "/portal/logo.png",
-    "theme_css": "/portal/theme.css"
-  },
-  "portal": {
-    "name": "Test Portal",
-    "theme_colors": {
-      "primary": "#FFD600",
-      "secondary": "#000596",
-      "accent": "#4CAF50"
-    },
-    "custom_settings": {
-      "allow_guest_access": true,
-      "session_timeout": 1800,
-      "max_file_size": "10MB"
-    }
-  }
-} 
+	"pluginVars": {
+		"primary_color": "#FFD600",
+		"projectId": 39,
+		"apiPageAuthId": "46|j7vCLmx2KG70Ig8R5mtUcNMFcHExvFPZEOv31kKGe1033f2b",
+		"apiBaseUrl": "https://api.efcloud.app",
+		"idle_timeout": "30",
+		"background_color": "#ffffff",
+		"text_color": "#333333",
+		"start_background_color": "#000596",
+		"start_text_color": "#FFFFFF",
+		"final_background_color": "#4CAF50",
+		"final_text_color": "#ffffff",
+		"loading_spinner_color": "#dedede",
+		"loading_spinner_accent_color": "#000596",
+		"error_modal_background_color": "#FFFFFF",
+		"error_modal_text_color": "#000596",
+		"line_1": "Welcome to Your App!",
+		"line_2": "Touch to begin your experience",
+		"line_3": "Get started by touching the button below"
+	},
+	"stringsList": {
+		"line_1": "Welcome to Your App!",
+		"line_2": "Touch to begin your experience",
+		"line_3": "Get started by touching the button below",
+		"start_line_one": "Welcome to Your App!",
+		"start_line_two": "Touch to begin your experience",
+		"start_touch_start": "Get started by touching the button below",
+		"final_line_one": "Thank You!",
+		"final_line_two": "Your experience has been completed successfully",
+		"final_line_three": "Touch anywhere to start over",
+		"welcome_text": "Hello World",
+		"loading_text": "Loading...",
+		"error_title": "Oops!",
+		"error_message": "Something went wrong. Please try again.",
+		"continue_button": "Continue",
+		"back_button": "Back",
+		"retry_button": "Try Again"
+	},
+	"assetList": {
+		"main_logo": "/dev-assets/images/logo-placeholder.png",
+		"background_image": "/dev-assets/images/background-placeholder.jpg",
+		"product_image": "/dev-assets/images/product-placeholder.jpg",
+		"avatar_placeholder": "/dev-assets/images/avatar-placeholder.png",
+		"icon_placeholder": "/dev-assets/images/icon-placeholder.png",
+		"thumbnail": "/dev-assets/images/thumbnail-placeholder.jpg",
+		"banner_image": "/dev-assets/images/banner-placeholder.jpg"
+	},
+	"dependencyList": [
+		{
+			"model": "AiInterface",
+			"events": {
+				"created": "AiSessionMessageCreated",
+				"updated": "AiSessionMessageUpdated"
+			},
+			"identifier": "ai_interface_background_remover",
+			"permissions": [
+				"manage_ai_interfaces",
+				"view_ai_interfaces",
+				"view_ai_sessions",
+				"view_ai_session_messages"
+			]
+		},
+		{
+			"model": "AiInterface",
+			"events": {
+				"created": "AiSessionMessageCreated",
+				"updated": "AiSessionMessageUpdated"
+			},
+			"identifier": "ai_interface_background_generator",
+			"permissions": [
+				"manage_ai_interfaces",
+				"view_ai_interfaces",
+				"view_ai_sessions",
+				"view_ai_session_messages"
+			]
+		},
+		{
+			"model": "AiInterface",
+			"events": {
+				"created": "AiSessionMessageCreated",
+				"updated": "AiSessionMessageUpdated"
+			},
+			"identifier": "ai_interface",
+			"permissions": [
+				"manage_ai_interfaces",
+				"view_ai_interfaces",
+				"view_ai_sessions",
+				"view_ai_session_messages"
+			]
+		},
+		{
+			"model": "SocialStream",
+			"events": {
+				"created": "SocialStreamPostCreated",
+				"deleted": "SocialStreamPostDeleted",
+				"updated": "SocialStreamPostUpdated",
+				"variantCompleted": "SocialStreamPostVariantCompleted"
+			},
+			"identifier": "social_stream",
+			"permissions": [
+				"view_social_streams",
+				"view_social_stream_posts",
+				"create_social_stream_posts",
+				"manage_social_stream_posts"
+			]
+		},
+		{
+			"model": "SocialStreamPost",
+			"identifier": "social_stream_posts",
+			"permissions": ["view_social_stream_posts:viewAny"]
+		},
+		{
+			"key": "slug",
+			"model": "Group",
+			"events": [],
+			"identifier": "groups",
+			"permissions": ["view_groups", "view_attendees"]
+		},
+		{
+			"model": "Attendee",
+			"identifier": "attendees",
+			"permissions": ["create_attendees:viewAny", "view_attendees:viewAny"]
+		}
+	],
+	"permissionFlags": [
+		"can_access_camera",
+		"can_save_data",
+		"can_share_content"
+	],
+	"auth": {
+		"token": "test-token-12345",
+		"user_id": "test-user-67890",
+		"expires_at": "2024-12-31T23:59:59Z"
+	},
+	"userSession": {
+		"session_id": "session-abc123",
+		"started_at": "2024-01-01T00:00:00Z",
+		"ip_address": "127.0.0.1",
+		"user_agent": "Test Browser"
+	},
+	"pluginData": {
+		"plugin_id": "test-plugin-123",
+		"version": "1.0.0",
+		"environment": "development"
+	},
+	"portalAssets": {
+		"favicon": "/portal/favicon.ico",
+		"logo": "/portal/logo.png",
+		"theme_css": "/portal/theme.css"
+	},
+	"portal": {
+		"name": "Test Portal",
+		"theme_colors": {
+			"primary": "#FFD600",
+			"secondary": "#000596",
+			"accent": "#4CAF50"
+		},
+		"custom_settings": {
+			"allow_guest_access": true,
+			"session_timeout": 1800,
+			"max_file_size": "10MB"
+		}
+	}
+}