@gxp-dev/tools 2.0.58 → 2.0.60

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gxp-dev/tools",
-  "version": "2.0.58",
+  "version": "2.0.60",
   "description": "Dev tools to create platform plugins",
   "type": "commonjs",
   "publishConfig": {

package/runtime/stores/gxpPortalConfigStore.js

@@ -68,7 +68,7 @@ function getApiConfig() {
 	if (isDev) {
 		const protocol = useHttps ? "https" : "http";
 		return {
-			apiBaseUrl: `${protocol}://localhost:${mockPort}/api-proxy`,
+			apiBaseUrl: `${protocol}://localhost:${nodePort}/api-proxy`,
 			authToken: "", // Proxy injects the token server-side
 			projectId: projectId,
 		};

package/template/.claude/agents/gxp-developer.md

@@ -51,9 +51,8 @@ project/
 The store is the central hub for all platform data. Import it in any component:
 
 ```javascript
-import { useGxpStore } from '@gx-runtime/stores/gxpPortalConfigStore';
-// OR from local re-export:
-import { useGxpStore } from '@/stores/index.js';
+import { useGxpStore } from "@/stores/gxpPortalConfigStore";
+
 
 const store = useGxpStore();
 ```
@@ -80,16 +79,6 @@ store.getState('current_step', 0);
 store.hasPermission('admin');
 ```
 
-### Update Methods
-
-```javascript
-// Update store values programmatically
-store.updateString('welcome_title', 'New Title');
-store.updateSetting('primary_color', '#FF0000');
-store.updateAsset('hero_image', '/new-image.jpg');
-store.updateState('current_step', 2);
-```
-
 ## API Calls - ALWAYS USE THE STORE
 
 **CRITICAL**: Never use axios or fetch directly. Always use the store's API methods which handle:
@@ -218,18 +207,17 @@ When creating new components, use this pattern:
     <h1 gxp-string="component_title">Default Title</h1>
     <img gxp-src="component_image" src="/placeholder.jpg" alt="">
 
-    <GxButton @click="handleAction" variant="primary">
+    <button @click="handleAction" variant="primary">
       <span gxp-string="action_button">Click Me</span>
-    </GxButton>
+    </button>
 
-    <GxSpinner v-if="loading" />
+    <div v-if="loading" class="spinner"></div>
   </div>
 </template>
 
 <script setup>
 import { ref, onMounted } from 'vue';
-import { useGxpStore } from '@gx-runtime/stores/gxpPortalConfigStore';
-import { GxButton, GxSpinner } from '@gramercytech/gx-componentkit';
+import { useGxpStore } from "@/stores/gxpPortalConfigStore";
 
 const store = useGxpStore();
 const loading = ref(false);
@@ -261,21 +249,6 @@ onMounted(() => {
 </style>
 ```
 
-## GxP Component Kit
-
-Use these pre-built components from `@gramercytech/gx-componentkit`:
-
-- `GxButton` - Styled buttons (variants: primary, secondary, outline)
-- `GxCard` - Card containers
-- `GxInput` - Form inputs with validation
-- `GxModal` - Modal dialogs
-- `GxSpinner` - Loading indicators
-- `GxAlert` - Notifications
-- `GxBadge` - Status badges
-- `GxAvatar` - User avatars
-- `GxProgress` - Progress bars
-- `GxTabs` - Tab navigation
-
 ## app-manifest.json
 
 This is the main configuration file. Changes hot-reload during development:

package/template/vite.config.js

@@ -259,6 +259,7 @@ export default defineConfig(({ mode }) => {
 		server: {
 			port: parseInt(env.NODE_PORT) || 3060,
 			strictPort: true,
+			fallback: 'index.html',
 			https: getHttpsConfig(env),
 			allowedHosts: env.ALLOWED_HOSTS
 				? env.ALLOWED_HOSTS.split(",").map((h) => h.trim()).filter(Boolean)