@nextsparkjs/theme-default 0.1.0-beta.68 → 0.1.0-beta.72

package/config/app.config.ts

@@ -72,17 +72,16 @@ export const APP_CONFIG_OVERRIDES = {
   // =============================================================================
   api: {
     cors: {
-      allowedOrigins: {
+      // Theme-specific CORS origins (extends core defaults, does not replace)
+      // Core already includes: localhost:3000, localhost:5173, and their 127.0.0.1 variants
+      additionalOrigins: {
         development: [
-          'http://localhost:3000',
-          'http://localhost:5173',
-          'http://127.0.0.1:3000',
-          'http://127.0.0.1:5173',
-          // Project specific development origins
+          'http://localhost:8081', // Expo mobile web
+          // Add theme-specific development origins here
         ],
         production: [
-          // Add Project production domains
-          // 'https://boilerplate-themoneyteam.xyz',
+          // Add theme-specific production domains
+          // 'https://mobile.boilerplate-themoneyteam.xyz',
         ],
       },
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextsparkjs/theme-default",
-  "version": "0.1.0-beta.68",
+  "version": "0.1.0-beta.72",
   "private": false,
   "type": "module",
   "main": "./config/theme.config.ts",
@@ -9,6 +9,8 @@
   ],
   "dependencies": {},
   "peerDependencies": {
+    "@nextsparkjs/core": "workspace:*",
+    "@nextsparkjs/testing": "workspace:*",
     "@tanstack/react-query": "^5.0.0",
     "lucide-react": "^0.539.0",
     "next": "^15.0.0",
@@ -16,12 +18,10 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-markdown": "^10.1.0",
-    "zod": "^4.0.0",
-    "@nextsparkjs/core": "0.1.0-beta.68",
-    "@nextsparkjs/testing": "0.1.0-beta.68"
+    "zod": "^4.0.0"
   },
   "nextspark": {
     "type": "theme",
     "name": "default"
   }
-}
+}

package/styles/globals.css

@@ -17,6 +17,9 @@
 @import "@nextsparkjs/core/styles/utilities.css";
 @import "@nextsparkjs/core/styles/docs.css";
 @source "../../../**/*.{js,ts,jsx,tsx}";
+/* Core package: monorepo (short path) + npm projects (long path) */
+@source "../node_modules/@nextsparkjs/core/dist/**/*.js";
+@source "../../../../node_modules/@nextsparkjs/core/dist/**/*.js";
 
 /* =============================================
    DEFAULT THEME - LIGHT MODE

package/tests/cypress/e2e/_utils/selectors/block-editor.cy.ts

@@ -659,4 +659,125 @@ describe('Block Editor Selectors Validation', {
         })
     })
   })
+
+  // ===========================================================================
+  // SEL_BE_010: CONFIG PANEL SEO & CUSTOM FIELDS SELECTORS (v2.1)
+  // ===========================================================================
+  describe('SEL_BE_010: Config Panel SEO & Custom Fields Selectors', { tags: '@SEL_BE_010' }, () => {
+    let testPageId: string
+
+    before(() => {
+      loginAsDefaultDeveloper()
+      cy.request({
+        method: 'POST',
+        url: '/api/v1/pages',
+        headers: {
+          'x-team-id': DEVELOPER_TEAM_ID,
+          'Content-Type': 'application/json'
+        },
+        body: {
+          title: `SEO Test Page ${Date.now()}`,
+          slug: `seo-test-${Date.now()}`,
+          locale: 'en',
+          published: false,
+          blocks: []
+        }
+      }).then((response) => {
+        testPageId = response.body.data.id
+      })
+    })
+
+    beforeEach(() => {
+      pom.visitEdit(testPageId)
+      pom.waitForEditor()
+      cy.get(pom.editorSelectors.viewSettings).click()
+    })
+
+    after(() => {
+      if (testPageId) {
+        cy.request({
+          method: 'DELETE',
+          url: `/api/v1/pages/${testPageId}`,
+          headers: { 'x-team-id': DEVELOPER_TEAM_ID },
+          failOnStatusCode: false
+        })
+      }
+    })
+
+    // SEO Section tests
+    describe('SEO Section', () => {
+      it('SEL_BE_010_01: should find SEO section container', { tags: '@SEL_BE_010_01' }, () => {
+        cy.get(pom.editorSelectors.configSeoSectionContainer).should('exist').and('be.visible')
+      })
+
+      it('SEL_BE_010_02: should find SEO section trigger', { tags: '@SEL_BE_010_02' }, () => {
+        cy.get(pom.editorSelectors.configSeoSectionTrigger).should('exist').and('be.visible')
+      })
+
+      it('SEL_BE_010_03: should find SEO section content after click', { tags: '@SEL_BE_010_03' }, () => {
+        cy.get(pom.editorSelectors.configSeoSectionTrigger).click()
+        cy.get(pom.editorSelectors.configSeoSectionContent).should('exist').and('be.visible')
+      })
+
+      it('SEL_BE_010_04: should find meta title input', { tags: '@SEL_BE_010_04' }, () => {
+        cy.get(pom.editorSelectors.configSeoSectionTrigger).click()
+        cy.get(pom.editorSelectors.configSeoMetaTitle).should('exist').and('be.visible')
+      })
+
+      it('SEL_BE_010_05: should find meta description input', { tags: '@SEL_BE_010_05' }, () => {
+        cy.get(pom.editorSelectors.configSeoSectionTrigger).click()
+        cy.get(pom.editorSelectors.configSeoMetaDescription).should('exist').and('be.visible')
+      })
+
+      it('SEL_BE_010_06: should find meta keywords input', { tags: '@SEL_BE_010_06' }, () => {
+        cy.get(pom.editorSelectors.configSeoSectionTrigger).click()
+        cy.get(pom.editorSelectors.configSeoMetaKeywords).should('exist').and('be.visible')
+      })
+
+      it('SEL_BE_010_07: should find OG image input', { tags: '@SEL_BE_010_07' }, () => {
+        cy.get(pom.editorSelectors.configSeoSectionTrigger).click()
+        cy.get(pom.editorSelectors.configSeoOgImage).should('exist').and('be.visible')
+      })
+    })
+
+    // Custom Fields Section tests
+    describe('Custom Fields Section', () => {
+      it('SEL_BE_010_08: should find custom fields section container', { tags: '@SEL_BE_010_08' }, () => {
+        cy.get(pom.editorSelectors.configCustomFieldsContainer).should('exist').and('be.visible')
+      })
+
+      it('SEL_BE_010_09: should find custom fields section trigger', { tags: '@SEL_BE_010_09' }, () => {
+        cy.get(pom.editorSelectors.configCustomFieldsTrigger).should('exist').and('be.visible')
+      })
+
+      it('SEL_BE_010_10: should find custom fields content after click', { tags: '@SEL_BE_010_10' }, () => {
+        cy.get(pom.editorSelectors.configCustomFieldsTrigger).click()
+        cy.get(pom.editorSelectors.configCustomFieldsContent).should('exist').and('be.visible')
+      })
+
+      it('SEL_BE_010_11: should find add custom field button', { tags: '@SEL_BE_010_11' }, () => {
+        cy.get(pom.editorSelectors.configCustomFieldsTrigger).click()
+        cy.get(pom.editorSelectors.configCustomFieldsAddBtn).should('exist').and('be.visible')
+      })
+
+      describe('With custom field added', () => {
+        beforeEach(() => {
+          cy.get(pom.editorSelectors.configCustomFieldsTrigger).click()
+          cy.get(pom.editorSelectors.configCustomFieldsAddBtn).click()
+        })
+
+        it('SEL_BE_010_12: should find custom field key input', { tags: '@SEL_BE_010_12' }, () => {
+          cy.get(pom.editorSelectors.configCustomFieldKey(0)).should('exist').and('be.visible')
+        })
+
+        it('SEL_BE_010_13: should find custom field value input', { tags: '@SEL_BE_010_13' }, () => {
+          cy.get(pom.editorSelectors.configCustomFieldValue(0)).should('exist').and('be.visible')
+        })
+
+        it('SEL_BE_010_14: should find custom field remove button', { tags: '@SEL_BE_010_14' }, () => {
+          cy.get(pom.editorSelectors.configCustomFieldRemove(0)).should('exist').and('be.visible')
+        })
+      })
+    })
+  })
 })

package/tests/cypress/e2e/uat/_core/performance/suspense-loading.cy.ts

@@ -0,0 +1,134 @@
+/// <reference types="cypress" />
+
+import * as allure from 'allure-cypress'
+import { loginAsOwner } from '../../../../src/session-helpers'
+
+/**
+ * Suspense Loading States - Performance UAT Tests
+ *
+ * Tests that loading.tsx files provide proper loading states
+ * while data is being fetched, improving perceived performance.
+ *
+ * PERF-002: Suspense Boundaries implementation
+ *
+ * These tests verify:
+ * - Loading skeletons appear during navigation
+ * - Content replaces skeletons after load
+ * - No flash of unstyled content (FOUC)
+ */
+
+describe('Suspense Loading States', {
+  tags: ['@uat', '@performance', '@suspense', '@regression']
+}, () => {
+
+  beforeEach(() => {
+    allure.epic('UAT')
+    allure.feature('Performance')
+    allure.story('Suspense Loading States')
+
+    loginAsOwner()
+  })
+
+  describe('Dashboard Loading', () => {
+    it('should show skeleton while dashboard home loads', () => {
+      allure.severity('normal')
+
+      // Navigate to dashboard with slow network simulation
+      cy.intercept('GET', '/api/**', (req) => {
+        req.on('response', (res) => {
+          res.setDelay(100)
+        })
+      }).as('apiCalls')
+
+      cy.visit('/dashboard')
+
+      // Wait for content to load
+      cy.get('[data-cy="dashboard-welcome"]', { timeout: 10000 }).should('be.visible')
+    })
+  })
+
+  describe('Settings Loading', () => {
+    it('should show skeleton while settings page loads', () => {
+      allure.severity('normal')
+
+      cy.visit('/dashboard/settings')
+
+      // Settings overview should load
+      cy.get('[data-cy="settings-overview-container"]', { timeout: 10000 }).should('be.visible')
+    })
+
+    it('should show skeleton while profile page loads', () => {
+      allure.severity('normal')
+
+      cy.visit('/dashboard/settings/profile')
+
+      // Profile form should load
+      cy.get('[data-cy="settings-profile-container"]', { timeout: 10000 }).should('be.visible')
+    })
+
+    it('should show skeleton while teams page loads', () => {
+      allure.severity('normal')
+
+      cy.visit('/dashboard/settings/teams')
+
+      // Teams container should load
+      cy.get('[data-cy="settings-teams-container"]', { timeout: 10000 }).should('be.visible')
+    })
+  })
+
+  describe('Skeleton Animation Performance', () => {
+    it('should have GPU-accelerated skeleton animations', () => {
+      allure.severity('minor')
+
+      cy.visit('/dashboard/settings')
+
+      // Check that skeleton elements exist with proper CSS classes
+      cy.document().then((doc) => {
+        const styles = doc.styleSheets
+        let hasSkeletonStyles = false
+
+        // Check if skeleton-pulse animation is defined
+        for (let i = 0; i < styles.length; i++) {
+          try {
+            const rules = styles[i].cssRules || styles[i].rules
+            for (let j = 0; j < rules.length; j++) {
+              const rule = rules[j]
+              if (rule.cssText && rule.cssText.includes('skeleton-pulse')) {
+                hasSkeletonStyles = true
+                break
+              }
+            }
+          } catch {
+            // Cross-origin stylesheets may throw
+          }
+        }
+
+        // Note: This test may pass even if styles aren't found due to CORS
+        // The important thing is that the page loads without errors
+        cy.log(`Skeleton styles found: ${hasSkeletonStyles}`)
+      })
+
+      // Settings should load successfully
+      cy.get('[data-cy="settings-overview-container"]', { timeout: 10000 }).should('be.visible')
+    })
+
+    it('should respect prefers-reduced-motion', () => {
+      allure.severity('minor')
+
+      // Set reduced motion preference
+      cy.wrap(
+        Cypress.automation('remote:debugger:protocol', {
+          command: 'Emulation.setEmulatedMedia',
+          params: {
+            features: [{ name: 'prefers-reduced-motion', value: 'reduce' }]
+          }
+        })
+      )
+
+      cy.visit('/dashboard/settings')
+
+      // Page should still load correctly with reduced motion
+      cy.get('[data-cy="settings-overview-container"]', { timeout: 10000 }).should('be.visible')
+    })
+  })
+})

package/tests/cypress/src/core/BlockEditorBasePOM.ts

@@ -165,6 +165,35 @@ export abstract class BlockEditorBasePOM extends BasePOM {
       configMetaTitle: cySelector('blockEditor.configPanel.seoMetaSection.metaTitle'),
       configMetaDescription: cySelector('blockEditor.configPanel.seoMetaSection.metaDescription'),
 
+      // =========================================================================
+      // CONFIG PANEL - SEO SECTION (standalone box - v2.1)
+      // =========================================================================
+      configSeoSectionContainer: cySelector('blockEditor.configPanel.seoSection.container'),
+      configSeoSectionTrigger: cySelector('blockEditor.configPanel.seoSection.trigger'),
+      configSeoSectionContent: cySelector('blockEditor.configPanel.seoSection.content'),
+      configSeoMetaTitle: cySelector('blockEditor.configPanel.seoSection.metaTitle'),
+      configSeoMetaDescription: cySelector('blockEditor.configPanel.seoSection.metaDescription'),
+      configSeoMetaKeywords: cySelector('blockEditor.configPanel.seoSection.metaKeywords'),
+      configSeoOgImage: cySelector('blockEditor.configPanel.seoSection.ogImage'),
+
+      // =========================================================================
+      // CONFIG PANEL - CUSTOM FIELDS SECTION (standalone box - v2.1)
+      // =========================================================================
+      configCustomFieldsContainer: cySelector('blockEditor.configPanel.customFieldsSection.container'),
+      configCustomFieldsTrigger: cySelector('blockEditor.configPanel.customFieldsSection.trigger'),
+      configCustomFieldsContent: cySelector('blockEditor.configPanel.customFieldsSection.content'),
+      configCustomFieldsAddBtn: cySelector('blockEditor.configPanel.customFieldsSection.addButton'),
+      configCustomFieldKey: (index: number) =>
+        cySelector('blockEditor.configPanel.customFieldsSection.fieldKey', { index: String(index) }),
+      configCustomFieldValue: (index: number) =>
+        cySelector('blockEditor.configPanel.customFieldsSection.fieldValue', { index: String(index) }),
+      configCustomFieldRemove: (index: number) =>
+        cySelector('blockEditor.configPanel.customFieldsSection.fieldRemove', { index: String(index) }),
+      // Generic selectors for counting
+      configCustomFieldKeyGeneric: '[data-cy^="builder-config-custom-key-"]',
+      configCustomFieldValueGeneric: '[data-cy^="builder-config-custom-value-"]',
+      configCustomFieldRemoveGeneric: '[data-cy^="builder-config-custom-remove-"]',
+
       // =========================================================================
       // ENTITY FIELDS PANEL - DEPRECATED (moved to configPanel in v2.0)
       // =========================================================================

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2025 NextSpark
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.