@motor-cms/ui-admin 1.1.0-alpha.4 → 1.1.0-alpha.5

package/app/pages/profile.vue

@@ -9,8 +9,10 @@ definePageMeta({
 })
 
 const { t } = useI18n()
+const router = useRouter()
 const { user, refreshIdentity } = useSanctumAuth<User>()
-const { updateProfile } = useProfileApi()
+const { updateProfile, resetOnboarding } = useProfileApi()
+const { resetAll: resetOnboardingState } = useOnboardingResetAll()
 const { success, error: notifyError, info } = useNotify()
 
 // Test function to demonstrate error notifications
@@ -172,6 +174,34 @@ const passwordState = reactive({
 
 const passwordLoading = ref(false)
 
+// ============================================
+// Onboarding Tour
+// ============================================
+
+const onboardingLoading = ref(false)
+
+async function onRestartTour() {
+  onboardingLoading.value = true
+  try {
+    await resetOnboarding()
+    resetOnboardingState()
+    await refreshIdentity()
+    success(t('motor-core.profile.toast_tour_reset_title'), t('motor-core.profile.toast_tour_reset_message'))
+    await router.push('/')
+  }
+  catch (err: unknown) {
+    const message = err instanceof Error ? err.message : t('motor-core.profile.toast_tour_reset_error')
+    notifyError(t('motor-core.profile.toast_tour_reset_error'), message, {
+      message,
+      stack: err instanceof Error ? err.stack : undefined,
+      url: '/api/profile/reset-onboarding',
+    })
+  }
+  finally {
+    onboardingLoading.value = false
+  }
+}
+
 async function onPasswordSubmit(event: FormSubmitEvent<PasswordSchema>) {
   passwordLoading.value = true
 
@@ -293,6 +323,22 @@ async function onPasswordSubmit(event: FormSubmitEvent<PasswordSchema>) {
           </UForm>
         </UPageCard>
 
+        <!-- Onboarding Tour Card -->
+        <UPageCard
+          :title="t('motor-core.profile.onboarding_title')"
+          :description="t('motor-core.profile.onboarding_description')"
+        >
+          <div class="flex justify-end">
+            <UButton
+              :loading="onboardingLoading"
+              icon="i-lucide-graduation-cap"
+              @click="onRestartTour"
+            >
+              {{ t('motor-core.profile.restart_tour') }}
+            </UButton>
+          </div>
+        </UPageCard>
+
         <!-- Change Password Card -->
         <UPageCard
           :title="t('motor-core.profile.change_password_title')"

package/app/pages/search.vue

@@ -4,6 +4,11 @@ import type { SearchGridRow } from '@motor-cms/ui-core/app/types/search'
 import type { PaginatedResponse, PaginationMeta } from '@motor-cms/ui-core/app/types/grid'
 import { watchDebounced } from '@vueuse/core'
 
+definePageMeta({
+  layout: 'default',
+  permission: 'search.read'
+})
+
 const { t } = useI18n()
 const route = useRoute()
 const router = useRouter()
@@ -123,16 +128,20 @@ async function handleCardAction(key: string, id: number | string | null, meta: R
     quicklinkerPageName.value = (meta.name as string) ?? ''
     quicklinkerOpen.value = true
   } else if (key === 'publish' && id) {
+    const isPublished = !!meta?.is_published
     try {
       await client(`/api/v2/builder-pages/${id}/publication`, {
         method: 'PUT',
-        body: { is_published: true }
+        body: { is_published: !isPublished }
       })
       toast.add({
-        title: t('motor-builder.builder_pages.toast_published'),
+        title: !isPublished
+          ? t('motor-builder.builder_pages.toast_published')
+          : t('motor-builder.builder_pages.toast_unpublished'),
         color: 'success',
-        icon: 'i-lucide-globe'
+        icon: !isPublished ? 'i-lucide-globe' : 'i-lucide-globe-lock'
       })
+      doSearch()
     } catch {
       toast.add({
         title: t('motor-builder.builder_pages.toast_publish_error'),
@@ -262,6 +271,7 @@ onMounted(() => {
             :thumbnail-url="row.thumbnail_url"
             :module="row.module"
             :index-label="row.index_label"
+            :suffix="row.suffix"
             :to="row.to"
             :actions="row.actions"
             :file-id="row.raw_index === 'files' ? row.id : undefined"

package/app/types/generated/form-meta.ts

@@ -28,16 +28,16 @@ export const clientFormMeta = {
     fields: {
       name: { input: 'text', required: true },
       slug: { input: 'text', required: true },
-      address: { input: 'text' },
-      zip: { input: 'text' },
-      city: { input: 'text' },
-      country_iso_3166_1: { input: 'text' },
+      address: { input: 'text', required: true },
+      zip: { input: 'text', required: true },
+      city: { input: 'text', required: true },
+      country_iso_3166_1: { input: 'text', required: true },
+      is_active: { input: 'toggle', required: true },
+      contact_name: { input: 'text', required: true },
+      contact_email: { input: 'email', required: true },
+      contact_phone: { input: 'text', required: true },
       website: { input: 'text' },
-      description: { input: 'textarea' },
-      is_active: { input: 'toggle' },
-      contact_name: { input: 'text' },
-      contact_email: { input: 'email' },
-      contact_phone: { input: 'text' }
+      description: { input: 'textarea' }
     }
   },
   patch: {
@@ -45,16 +45,16 @@ export const clientFormMeta = {
     fields: {
       name: { input: 'text', required: true },
       slug: { input: 'text', required: true },
-      address: { input: 'text' },
-      zip: { input: 'text' },
-      city: { input: 'text' },
-      country_iso_3166_1: { input: 'text' },
+      address: { input: 'text', required: true },
+      zip: { input: 'text', required: true },
+      city: { input: 'text', required: true },
+      country_iso_3166_1: { input: 'text', required: true },
+      is_active: { input: 'toggle', required: true },
+      contact_name: { input: 'text', required: true },
+      contact_email: { input: 'email', required: true },
+      contact_phone: { input: 'text', required: true },
       website: { input: 'text' },
-      description: { input: 'textarea' },
-      is_active: { input: 'toggle' },
-      contact_name: { input: 'text' },
-      contact_email: { input: 'email' },
-      contact_phone: { input: 'text' }
+      description: { input: 'textarea' }
     }
   }
 } as const
@@ -92,7 +92,9 @@ export const domainFormMeta = {
       protocol: { input: 'text', required: true },
       host: { input: 'text', required: true },
       port: { input: 'number', required: true },
-      path: { input: 'text', required: true }
+      path: { input: 'text', required: true },
+      is_preview_domain: { input: 'toggle' },
+      is_canonical: { input: 'toggle' }
     }
   },
   patch: {
@@ -104,7 +106,9 @@ export const domainFormMeta = {
       protocol: { input: 'text', required: true },
       host: { input: 'text', required: true },
       port: { input: 'number', required: true },
-      path: { input: 'text', required: true }
+      path: { input: 'text', required: true },
+      is_preview_domain: { input: 'toggle' },
+      is_canonical: { input: 'toggle' }
     }
   }
 } as const

package/app/types/generated/grid-meta.ts

@@ -32,6 +32,7 @@ export const clientMeta = {
     contact_name: { type: 'string' },
     contact_phone: { type: 'string' },
     contact_email: { type: 'string', renderer: 'link' },
+    frontend_config: { type: 'unknown' },
     created_at: { type: 'string' },
     updated_at: { type: 'string' }
   }
@@ -57,8 +58,9 @@ export const domainMeta = {
     id: { type: 'integer', renderer: 'number', hideable: false },
     name: { type: 'string', sortable: true, hideable: false },
     client: { type: 'ref', renderer: 'text', ref: 'ClientResource', labelKey: 'name' },
-    client_id: { type: 'string' },
+    client_id: { type: 'integer', renderer: 'number' },
     is_active: { type: 'boolean', renderer: 'boolean' },
+    is_preview_domain: { type: 'boolean', renderer: 'boolean' },
     protocol: { type: 'string' },
     host: { type: 'string' },
     port: { type: 'integer', renderer: 'number' },
@@ -124,8 +126,8 @@ export const permissionGroupMeta = {
   fields: {
     id: { type: 'integer', renderer: 'number', hideable: false },
     name: { type: 'string', sortable: true, hideable: false },
-    sort_position: { type: 'string' },
-    permission_names: { type: 'string' },
+    sort_position: { type: 'integer', renderer: 'number' },
+    permission_names: { type: 'array' },
     permissions: { type: 'ref[]', renderer: 'list', ref: 'PermissionResource', labelKey: 'name' },
     created_at: { type: 'string' },
     updated_at: { type: 'string' }

package/nuxt.config.ts

@@ -1 +1,15 @@
-export default defineNuxtConfig({})
+import { fileURLToPath } from 'node:url'
+import { dirname, resolve } from 'node:path'
+
+const __layerDir = dirname(fileURLToPath(import.meta.url))
+
+export default defineNuxtConfig({
+  modules: ['v-onboarding/nuxt'],
+  css: [resolve(__layerDir, 'app/assets/css/v-onboarding.css')],
+  runtimeConfig: {
+    public: {
+      featureClientFrontendConfig:
+        process.env.NUXT_PUBLIC_FEATURE_CLIENT_FRONTEND_CONFIG === 'true'
+    }
+  }
+})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@motor-cms/ui-admin",
-  "version": "1.1.0-alpha.4",
+  "version": "1.1.0-alpha.5",
   "type": "module",
   "main": "./nuxt.config.ts",
   "files": [
@@ -16,8 +16,12 @@
     "@tiptap/vue-3": "^3.0.0",
     "@vueuse/core": "^14.0.0",
     "sortablejs": "^1.15.0",
+    "v-onboarding": "^2.12.2",
     "zod": "^4.0.0",
-    "@motor-cms/ui-core": "1.1.0-alpha.4"
+    "@motor-cms/ui-core": "1.1.0-alpha.5"
+  },
+  "devDependencies": {
+    "@motor-cms/ui-core": "1.1.0-alpha.5"
   },
   "peerDependencies": {
     "nuxt": "^4.0.0",

package/app/pages/dashboard.vue

@@ -1,5 +0,0 @@
-<script setup lang="ts">
-definePageMeta({
-  redirect: '/'
-})
-</script>