@cavulsqa/create 2.9.3 → 2.10.0

package/templates/m3e-app/capacitor.config.ts

@@ -0,0 +1,44 @@
+import type { CapacitorConfig } from "@capacitor/cli";
+import { existsSync } from "node:fs";
+import { join } from "node:path";
+
+for (const file of [".env.local", ".env"]) {
+  const path = join(__dirname, file);
+  if (existsSync(path)) process.loadEnvFile(path);
+}
+
+/** A flavour built for distribution never points at a laptop, whatever `.env.local` says. */
+const DISTRIBUTED = new Set(["staging", "prod"]);
+
+const liveReload =
+  process.env.VITE_LIVE_RELOAD === "true" && !DISTRIBUTED.has(process.env.VITE_ENVIRONMENT ?? "");
+
+/**
+ * Live reload: the installed debug app loads the dev server instead of its bundled files, so an
+ * edit shows on the device without a rebuild. With `adb reverse tcp:5173 tcp:5173` the device's
+ * localhost is this machine's, so the default host needs no IP and no shared network.
+ */
+function liveReloadUrl(): string | undefined {
+  if (!liveReload) return undefined;
+  const scheme = process.env.VITE_LIVE_RELOAD_SCHEME ?? "http";
+  const host = process.env.VITE_LIVE_RELOAD_HOST ?? "localhost";
+  const port = process.env.VITE_LIVE_RELOAD_PORT ?? "5173";
+  return `${scheme}://${host}:${port}`;
+}
+
+const config: CapacitorConfig = {
+  appId: "com.example.m3e",
+  appName: "M3E",
+  webDir: "dist",
+  server: {
+    url: liveReloadUrl(),
+    cleartext: liveReload,
+  },
+  plugins: {
+    SplashScreen: { launchAutoHide: false },
+    Keyboard: { resizeOnFullScreen: true },
+    CapacitorSQLite: { androidIsEncryption: false },
+  },
+};
+
+export default config;

package/templates/m3e-app/components.d.ts

@@ -0,0 +1,252 @@
+/* eslint-disable */
+// @ts-nocheck
+// biome-ignore lint: disable
+// oxlint-disable
+// ------
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    404: typeof import('./src/shared/components/error/404.vue')['default']
+    AgendaDay: typeof import('./src/modules/gallery/components/agenda/AgendaDay.vue')['default']
+    AgendaMonth: typeof import('./src/modules/gallery/components/agenda/AgendaMonth.vue')['default']
+    AgendaVisitList: typeof import('./src/modules/gallery/components/agenda/AgendaVisitList.vue')['default']
+    AppPage: typeof import('./src/shared/components/page/AppPage.vue')['default']
+    ChatAttachSheet: typeof import('./src/modules/gallery/components/chat/ChatAttachSheet.vue')['default']
+    ChatContactPicker: typeof import('./src/modules/gallery/components/chat/ChatContactPicker.vue')['default']
+    ChatInviteComposer: typeof import('./src/modules/gallery/components/chat/ChatInviteComposer.vue')['default']
+    ChatPollComposer: typeof import('./src/modules/gallery/components/chat/ChatPollComposer.vue')['default']
+    ChatRecentPhotos: typeof import('./src/modules/gallery/components/chat/ChatRecentPhotos.vue')['default']
+    ColorStudioView: typeof import('./src/modules/settings/views/ColorStudioView.vue')['default']
+    DemoBenchmark: typeof import('./src/modules/demo/components/DemoBenchmark.vue')['default']
+    DemoBusLog: typeof import('./src/modules/demo/components/DemoBusLog.vue')['default']
+    DemoCreateOrderSheet: typeof import('./src/modules/demo/components/DemoCreateOrderSheet.vue')['default']
+    DemoMetricsSheet: typeof import('./src/modules/demo/components/DemoMetricsSheet.vue')['default']
+    DemoOrderList: typeof import('./src/modules/demo/components/DemoOrderList.vue')['default']
+    DemoPipelineBenchmark: typeof import('./src/modules/demo/components/DemoPipelineBenchmark.vue')['default']
+    DemoStatCards: typeof import('./src/modules/demo/components/DemoStatCards.vue')['default']
+    DemoView: typeof import('./src/modules/demo/views/DemoView.vue')['default']
+    EmptyState: typeof import('./src/shared/components/layout/EmptyState.vue')['default']
+    F7App: typeof import('framework7-vue')['f7App']
+    F7Page: typeof import('framework7-vue')['f7Page']
+    F7View: typeof import('framework7-vue')['f7View']
+    F7Views: typeof import('framework7-vue')['f7Views']
+    FeatureDetailView: typeof import('./src/modules/home/views/FeatureDetailView.vue')['default']
+    GalleryAgendaView: typeof import('./src/modules/gallery/views/GalleryAgendaView.vue')['default']
+    GalleryBlock: typeof import('./src/modules/gallery/components/GalleryBlock.vue')['default']
+    GalleryButtons: typeof import('./src/modules/gallery/components/sections/GalleryButtons.vue')['default']
+    GalleryCarousels: typeof import('./src/modules/gallery/components/sections/GalleryCarousels.vue')['default']
+    GalleryCarouselTile: typeof import('./src/modules/gallery/components/GalleryCarouselTile.vue')['default']
+    GalleryCharts: typeof import('./src/modules/gallery/components/sections/GalleryCharts.vue')['default']
+    GalleryChatView: typeof import('./src/modules/gallery/views/GalleryChatView.vue')['default']
+    GalleryContactsView: typeof import('./src/modules/gallery/views/GalleryContactsView.vue')['default']
+    GalleryCustomerForm: typeof import('./src/modules/gallery/components/GalleryCustomerForm.vue')['default']
+    GalleryFabs: typeof import('./src/modules/gallery/components/sections/GalleryFabs.vue')['default']
+    GalleryFeaturedView: typeof import('./src/modules/gallery/views/GalleryFeaturedView.vue')['default']
+    GalleryInputs: typeof import('./src/modules/gallery/components/sections/GalleryInputs.vue')['default']
+    GalleryLoginView: typeof import('./src/modules/gallery/views/GalleryLoginView.vue')['default']
+    GalleryNavigation: typeof import('./src/modules/gallery/components/sections/GalleryNavigation.vue')['default']
+    GalleryOnboardingView: typeof import('./src/modules/gallery/views/GalleryOnboardingView.vue')['default']
+    GalleryOverlays: typeof import('./src/modules/gallery/components/sections/GalleryOverlays.vue')['default']
+    GalleryPickers: typeof import('./src/modules/gallery/components/sections/GalleryPickers.vue')['default']
+    GalleryProgress: typeof import('./src/modules/gallery/components/sections/GalleryProgress.vue')['default']
+    GalleryProofOfDelivery: typeof import('./src/modules/gallery/components/GalleryProofOfDelivery.vue')['default']
+    GalleryScale: typeof import('./src/modules/gallery/components/sections/GalleryScale.vue')['default']
+    GallerySectionView: typeof import('./src/modules/gallery/views/GallerySectionView.vue')['default']
+    GallerySelection: typeof import('./src/modules/gallery/components/sections/GallerySelection.vue')['default']
+    GalleryShapes: typeof import('./src/modules/gallery/components/sections/GalleryShapes.vue')['default']
+    GallerySurfaces: typeof import('./src/modules/gallery/components/sections/GallerySurfaces.vue')['default']
+    GalleryTables: typeof import('./src/modules/gallery/components/sections/GalleryTables.vue')['default']
+    GalleryTabsView: typeof import('./src/modules/gallery/views/GalleryTabsView.vue')['default']
+    GalleryView: typeof import('./src/modules/gallery/views/GalleryView.vue')['default']
+    HomeHero: typeof import('./src/modules/home/components/HomeHero.vue')['default']
+    HomeView: typeof import('./src/modules/home/views/HomeView.vue')['default']
+    IMsAddReactionOutlineRounded: typeof import('~icons/material-symbols/add-reaction-outline-rounded')['default']
+    IMsAddRounded: typeof import('~icons/material-symbols/add-rounded')['default']
+    IMsAlarmOutlineRounded: typeof import('~icons/material-symbols/alarm-outline-rounded')['default']
+    IMsAnimationRounded: typeof import('~icons/material-symbols/animation-rounded')['default']
+    IMsArchiveOutlineRounded: typeof import('~icons/material-symbols/archive-outline-rounded')['default']
+    IMsArrowBackRounded: typeof import('~icons/material-symbols/arrow-back-rounded')['default']
+    IMsAutoAwesomeOutlineRounded: typeof import('~icons/material-symbols/auto-awesome-outline-rounded')['default']
+    IMsBoltOutlineRounded: typeof import('~icons/material-symbols/bolt-outline-rounded')['default']
+    IMsBoltRounded: typeof import('~icons/material-symbols/bolt-rounded')['default']
+    IMsBookmarkOutlineRounded: typeof import('~icons/material-symbols/bookmark-outline-rounded')['default']
+    IMsBookmarkRounded: typeof import('~icons/material-symbols/bookmark-rounded')['default']
+    IMsCalendarMonthOutlineRounded: typeof import('~icons/material-symbols/calendar-month-outline-rounded')['default']
+    IMsCalendarTodayOutlineRounded: typeof import('~icons/material-symbols/calendar-today-outline-rounded')['default']
+    IMsCallOutlineRounded: typeof import('~icons/material-symbols/call-outline-rounded')['default']
+    IMsCategoryOutlineRounded: typeof import('~icons/material-symbols/category-outline-rounded')['default']
+    IMsCheckCircleRounded: typeof import('~icons/material-symbols/check-circle-rounded')['default']
+    IMsCheckRounded: typeof import('~icons/material-symbols/check-rounded')['default']
+    IMsChevronRightRounded: typeof import('~icons/material-symbols/chevron-right-rounded')['default']
+    IMsCloseRounded: typeof import('~icons/material-symbols/close-rounded')['default']
+    IMsContrastRounded: typeof import('~icons/material-symbols/contrast-rounded')['default']
+    IMsDatabaseOutlineRounded: typeof import('~icons/material-symbols/database-outline-rounded')['default']
+    IMsDeleteOutlineRounded: typeof import('~icons/material-symbols/delete-outline-rounded')['default']
+    IMsDraftOutlineRounded: typeof import('~icons/material-symbols/draft-outline-rounded')['default']
+    IMsEditOutlineRounded: typeof import('~icons/material-symbols/edit-outline-rounded')['default']
+    IMsEventUpcomingOutlineRounded: typeof import('~icons/material-symbols/event-upcoming-outline-rounded')['default']
+    IMsExpandMoreRounded: typeof import('~icons/material-symbols/expand-more-rounded')['default']
+    IMsFavoriteOutlineRounded: typeof import('~icons/material-symbols/favorite-outline-rounded')['default']
+    IMsFavoriteRounded: typeof import('~icons/material-symbols/favorite-rounded')['default']
+    IMsFolderOpenOutlineRounded: typeof import('~icons/material-symbols/folder-open-outline-rounded')['default']
+    IMsFolderOutlineRounded: typeof import('~icons/material-symbols/folder-outline-rounded')['default']
+    IMsFormatBoldRounded: typeof import('~icons/material-symbols/format-bold-rounded')['default']
+    IMsFormatItalicRounded: typeof import('~icons/material-symbols/format-italic-rounded')['default']
+    IMsFormatUnderlinedRounded: typeof import('~icons/material-symbols/format-underlined-rounded')['default']
+    IMsHelpOutlineRounded: typeof import('~icons/material-symbols/help-outline-rounded')['default']
+    IMsHistoryRounded: typeof import('~icons/material-symbols/history-rounded')['default']
+    IMsHomeOutlineRounded: typeof import('~icons/material-symbols/home-outline-rounded')['default']
+    IMsHomeRounded: typeof import('~icons/material-symbols/home-rounded')['default']
+    IMsInfoOutlineRounded: typeof import('~icons/material-symbols/info-outline-rounded')['default']
+    IMsInventory2OutlineRounded: typeof import('~icons/material-symbols/inventory2-outline-rounded')['default']
+    IMsLanguageRounded: typeof import('~icons/material-symbols/language-rounded')['default']
+    IMsLightModeOutlineRounded: typeof import('~icons/material-symbols/light-mode-outline-rounded')['default']
+    IMsLocalShippingOutlineRounded: typeof import('~icons/material-symbols/local-shipping-outline-rounded')['default']
+    IMsLocationOnOutlineRounded: typeof import('~icons/material-symbols/location-on-outline-rounded')['default']
+    IMsLockOutlineRounded: typeof import('~icons/material-symbols/lock-outline-rounded')['default']
+    IMsMailOutlineRounded: typeof import('~icons/material-symbols/mail-outline-rounded')['default']
+    IMsMenuRounded: typeof import('~icons/material-symbols/menu-rounded')['default']
+    IMsMicOutlineRounded: typeof import('~icons/material-symbols/mic-outline-rounded')['default']
+    IMsMonitoringRounded: typeof import('~icons/material-symbols/monitoring-rounded')['default']
+    IMsMoreVertRounded: typeof import('~icons/material-symbols/more-vert-rounded')['default']
+    IMsNearMeRounded: typeof import('~icons/material-symbols/near-me-rounded')['default']
+    IMsPaletteOutlineRounded: typeof import('~icons/material-symbols/palette-outline-rounded')['default']
+    IMsPersonOutlineRounded: typeof import('~icons/material-symbols/person-outline-rounded')['default']
+    IMsPhoneAndroidOutlineRounded: typeof import('~icons/material-symbols/phone-android-outline-rounded')['default']
+    IMsReceiptLongOutlineRounded: typeof import('~icons/material-symbols/receipt-long-outline-rounded')['default']
+    IMsRefreshRounded: typeof import('~icons/material-symbols/refresh-rounded')['default']
+    IMsRemoveRounded: typeof import('~icons/material-symbols/remove-rounded')['default']
+    IMsRequestQuoteOutlineRounded: typeof import('~icons/material-symbols/request-quote-outline-rounded')['default']
+    IMsRestartAltRounded: typeof import('~icons/material-symbols/restart-alt-rounded')['default']
+    IMsScheduleOutlineRounded: typeof import('~icons/material-symbols/schedule-outline-rounded')['default']
+    IMsSearchRounded: typeof import('~icons/material-symbols/search-rounded')['default']
+    IMsSendRounded: typeof import('~icons/material-symbols/send-rounded')['default']
+    IMsShareOutlineRounded: typeof import('~icons/material-symbols/share-outline-rounded')['default']
+    IMsSmsOutlineRounded: typeof import('~icons/material-symbols/sms-outline-rounded')['default']
+    IMsSortRounded: typeof import('~icons/material-symbols/sort-rounded')['default']
+    IMsSpeedRounded: typeof import('~icons/material-symbols/speed-rounded')['default']
+    IMsStarOutlineRounded: typeof import('~icons/material-symbols/star-outline-rounded')['default']
+    IMsStarRounded: typeof import('~icons/material-symbols/star-rounded')['default']
+    IMsStorefrontOutlineRounded: typeof import('~icons/material-symbols/storefront-outline-rounded')['default']
+    IMsSwipeRounded: typeof import('~icons/material-symbols/swipe-rounded')['default']
+    IMsSyncRounded: typeof import('~icons/material-symbols/sync-rounded')['default']
+    IMsTodayOutlineRounded: typeof import('~icons/material-symbols/today-outline-rounded')['default']
+    IMsTuneRounded: typeof import('~icons/material-symbols/tune-rounded')['default']
+    IMsVerifiedOutlineRounded: typeof import('~icons/material-symbols/verified-outline-rounded')['default']
+    IMsVisibilityOffOutlineRounded: typeof import('~icons/material-symbols/visibility-off-outline-rounded')['default']
+    IMsVisibilityOutlineRounded: typeof import('~icons/material-symbols/visibility-outline-rounded')['default']
+    IMsWandStarsRounded: typeof import('~icons/material-symbols/wand-stars-rounded')['default']
+    IMsWebRounded: typeof import('~icons/material-symbols/web-rounded')['default']
+    IMsWidgetsOutlineRounded: typeof import('~icons/material-symbols/widgets-outline-rounded')['default']
+    InputsAccount: typeof import('./src/modules/gallery/components/inputs/InputsAccount.vue')['default']
+    InputsTags: typeof import('./src/modules/gallery/components/inputs/InputsTags.vue')['default']
+    InputsVerification: typeof import('./src/modules/gallery/components/inputs/InputsVerification.vue')['default']
+    M3ActionSheetHost: typeof import('@cavulsqa/m3e-vue')['M3ActionSheetHost']
+    M3AttachSheet: typeof import('@cavulsqa/m3e-vue')['M3AttachSheet']
+    M3Badge: typeof import('@cavulsqa/m3e-vue')['M3Badge']
+    M3BarChart: typeof import('@cavulsqa/m3e-vue')['M3BarChart']
+    M3BottomSheet: typeof import('@cavulsqa/m3e-vue')['M3BottomSheet']
+    M3Breadcrumbs: typeof import('@cavulsqa/m3e-vue')['M3Breadcrumbs']
+    M3Button: typeof import('@cavulsqa/m3e-vue')['M3Button']
+    M3ButtonGroup: typeof import('@cavulsqa/m3e-vue')['M3ButtonGroup']
+    M3Calendar: typeof import('@cavulsqa/m3e-vue')['M3Calendar']
+    M3Card: typeof import('@cavulsqa/m3e-vue')['M3Card']
+    M3Carousel: typeof import('@cavulsqa/m3e-vue')['M3Carousel']
+    M3Checkbox: typeof import('@cavulsqa/m3e-vue')['M3Checkbox']
+    M3Chip: typeof import('@cavulsqa/m3e-vue')['M3Chip']
+    M3ChipField: typeof import('@cavulsqa/m3e-vue')['M3ChipField']
+    M3CircularProgress: typeof import('@cavulsqa/m3e-vue')['M3CircularProgress']
+    M3CodeField: typeof import('@cavulsqa/m3e-vue')['M3CodeField']
+    M3ColorPicker: typeof import('@cavulsqa/m3e-vue')['M3ColorPicker']
+    M3DataTable: typeof import('@cavulsqa/m3e-vue')['M3DataTable']
+    M3DatePicker: typeof import('@cavulsqa/m3e-vue')['M3DatePicker']
+    M3DateWheel: typeof import('@cavulsqa/m3e-vue')['M3DateWheel']
+    M3DayTimeline: typeof import('@cavulsqa/m3e-vue')['M3DayTimeline']
+    M3DialogHost: typeof import('@cavulsqa/m3e-vue')['M3DialogHost']
+    M3Divider: typeof import('@cavulsqa/m3e-vue')['M3Divider']
+    M3DockedToolbar: typeof import('@cavulsqa/m3e-vue')['M3DockedToolbar']
+    M3DonutChart: typeof import('@cavulsqa/m3e-vue')['M3DonutChart']
+    M3ExposedDropdown: typeof import('@cavulsqa/m3e-vue')['M3ExposedDropdown']
+    M3Fab: typeof import('@cavulsqa/m3e-vue')['M3Fab']
+    M3FabMenu: typeof import('@cavulsqa/m3e-vue')['M3FabMenu']
+    M3FabMenuItem: typeof import('@cavulsqa/m3e-vue')['M3FabMenuItem']
+    M3FabMorph: typeof import('@cavulsqa/m3e-vue')['M3FabMorph']
+    M3FloatingToolbar: typeof import('@cavulsqa/m3e-vue')['M3FloatingToolbar']
+    M3FullScreenDialog: typeof import('@cavulsqa/m3e-vue')['M3FullScreenDialog']
+    M3IconButton: typeof import('@cavulsqa/m3e-vue')['M3IconButton']
+    M3Image: typeof import('@cavulsqa/m3e-vue')['M3Image']
+    M3InfiniteScroll: typeof import('@cavulsqa/m3e-vue')['M3InfiniteScroll']
+    M3LinearProgress: typeof import('@cavulsqa/m3e-vue')['M3LinearProgress']
+    M3LineChart: typeof import('@cavulsqa/m3e-vue')['M3LineChart']
+    M3List: typeof import('@cavulsqa/m3e-vue')['M3List']
+    M3ListGroup: typeof import('@cavulsqa/m3e-vue')['M3ListGroup']
+    M3ListIndex: typeof import('@cavulsqa/m3e-vue')['M3ListIndex']
+    M3ListItem: typeof import('@cavulsqa/m3e-vue')['M3ListItem']
+    M3LoadingIndicator: typeof import('@cavulsqa/m3e-vue')['M3LoadingIndicator']
+    M3Menu: typeof import('@cavulsqa/m3e-vue')['M3Menu']
+    M3MenuGroup: typeof import('@cavulsqa/m3e-vue')['M3MenuGroup']
+    M3MenuItem: typeof import('@cavulsqa/m3e-vue')['M3MenuItem']
+    M3MessageBar: typeof import('@cavulsqa/m3e-vue')['M3MessageBar']
+    M3Messages: typeof import('@cavulsqa/m3e-vue')['M3Messages']
+    M3ModalNavigationRail: typeof import('@cavulsqa/m3e-vue')['M3ModalNavigationRail']
+    M3NavigationBar: typeof import('@cavulsqa/m3e-vue')['M3NavigationBar']
+    M3NavigationItem: typeof import('@cavulsqa/m3e-vue')['M3NavigationItem']
+    M3NavigationRail: typeof import('@cavulsqa/m3e-vue')['M3NavigationRail']
+    M3NotificationHost: typeof import('@cavulsqa/m3e-vue')['M3NotificationHost']
+    M3PageIndicator: typeof import('@cavulsqa/m3e-vue')['M3PageIndicator']
+    M3Pager: typeof import('@cavulsqa/m3e-vue')['M3Pager']
+    M3PagerPage: typeof import('@cavulsqa/m3e-vue')['M3PagerPage']
+    M3PhotoBrowser: typeof import('@cavulsqa/m3e-vue')['M3PhotoBrowser']
+    M3Popover: typeof import('@cavulsqa/m3e-vue')['M3Popover']
+    M3PullToRefresh: typeof import('@cavulsqa/m3e-vue')['M3PullToRefresh']
+    M3Radio: typeof import('@cavulsqa/m3e-vue')['M3Radio']
+    M3RangeSlider: typeof import('@cavulsqa/m3e-vue')['M3RangeSlider']
+    M3SearchBar: typeof import('@cavulsqa/m3e-vue')['M3SearchBar']
+    M3SearchView: typeof import('@cavulsqa/m3e-vue')['M3SearchView']
+    M3Shape: typeof import('@cavulsqa/m3e-vue')['M3Shape']
+    M3ShapeMorph: typeof import('@cavulsqa/m3e-vue')['M3ShapeMorph']
+    M3SideSheet: typeof import('@cavulsqa/m3e-vue')['M3SideSheet']
+    M3SignaturePad: typeof import('@cavulsqa/m3e-vue')['M3SignaturePad']
+    M3Skeleton: typeof import('@cavulsqa/m3e-vue')['M3Skeleton']
+    M3SkeletonBlock: typeof import('@cavulsqa/m3e-vue')['M3SkeletonBlock']
+    M3SkeletonText: typeof import('@cavulsqa/m3e-vue')['M3SkeletonText']
+    M3Slider: typeof import('@cavulsqa/m3e-vue')['M3Slider']
+    M3SmartSelect: typeof import('@cavulsqa/m3e-vue')['M3SmartSelect']
+    M3SnackbarHost: typeof import('@cavulsqa/m3e-vue')['M3SnackbarHost']
+    M3SplitButton: typeof import('@cavulsqa/m3e-vue')['M3SplitButton']
+    M3StandardBottomSheet: typeof import('@cavulsqa/m3e-vue')['M3StandardBottomSheet']
+    M3Stepper: typeof import('@cavulsqa/m3e-vue')['M3Stepper']
+    M3SwipeAction: typeof import('@cavulsqa/m3e-vue')['M3SwipeAction']
+    M3Switch: typeof import('@cavulsqa/m3e-vue')['M3Switch']
+    M3Tab: typeof import('@cavulsqa/m3e-vue')['M3Tab']
+    M3TabPanel: typeof import('@cavulsqa/m3e-vue')['M3TabPanel']
+    M3TabPanels: typeof import('@cavulsqa/m3e-vue')['M3TabPanels']
+    M3Tabs: typeof import('@cavulsqa/m3e-vue')['M3Tabs']
+    M3TextEditor: typeof import('@cavulsqa/m3e-vue')['M3TextEditor']
+    M3TextField: typeof import('@cavulsqa/m3e-vue')['M3TextField']
+    M3Timeline: typeof import('@cavulsqa/m3e-vue')['M3Timeline']
+    M3TimelineItem: typeof import('@cavulsqa/m3e-vue')['M3TimelineItem']
+    M3TimePicker: typeof import('@cavulsqa/m3e-vue')['M3TimePicker']
+    M3Tooltip: typeof import('@cavulsqa/m3e-vue')['M3Tooltip']
+    M3TopAppBar: typeof import('@cavulsqa/m3e-vue')['M3TopAppBar']
+    M3Tree: typeof import('@cavulsqa/m3e-vue')['M3Tree']
+    M3VirtualList: typeof import('@cavulsqa/m3e-vue')['M3VirtualList']
+    M3WeekStrip: typeof import('@cavulsqa/m3e-vue')['M3WeekStrip']
+    M3WheelPicker: typeof import('@cavulsqa/m3e-vue')['M3WheelPicker']
+    OrderDetailView: typeof import('./src/modules/demo/views/OrderDetailView.vue')['default']
+    OrderSearchView: typeof import('./src/modules/demo/views/OrderSearchView.vue')['default']
+    PasswordStrength: typeof import('./src/modules/gallery/components/inputs/PasswordStrength.vue')['default']
+    RolePalette: typeof import('./src/modules/settings/components/RolePalette.vue')['default']
+    SectionHeader: typeof import('./src/shared/components/layout/SectionHeader.vue')['default']
+    SeedSwatches: typeof import('./src/modules/settings/components/SeedSwatches.vue')['default']
+    SettingsChoice: typeof import('./src/modules/settings/components/SettingsChoice.vue')['default']
+    SettingsView: typeof import('./src/modules/settings/views/SettingsView.vue')['default']
+    StudioPreview: typeof import('./src/modules/settings/components/StudioPreview.vue')['default']
+    SurfacesContainerTransform: typeof import('./src/modules/gallery/components/surfaces/SurfacesContainerTransform.vue')['default']
+  }
+}

package/templates/m3e-app/index.html

@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, viewport-fit=cover"
+    />
+    <meta name="color-scheme" content="light dark" />
+    <title>App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/templates/m3e-app/package.json

@@ -0,0 +1,107 @@
+{
+  "name": "@cavulsqa/template-m3e-app",
+  "version": "0.0.0",
+  "private": true,
+  "description": "Vue 3 + Capacitor + SQLite starter in Material 3 Expressive: Framework7 as the navigation engine only, @cavulsqa/m3e-vue components, 2025-spec dynamic colour with a colour studio, light and dark.",
+  "type": "module",
+  "scripts": {
+    "dev": "vp dev",
+    "build": "vue-tsc --noEmit && vp build",
+    "type-check": "vue-tsc --noEmit",
+    "test": "vp test",
+    "check": "vp check"
+  },
+  "dependencies": {
+    "@capacitor-community/sqlite": "^8.1.1",
+    "@capacitor/android": "^8.5.0",
+    "@capacitor/app": "^8.0.0",
+    "@capacitor/core": "^8.0.0",
+    "@capacitor/haptics": "^8.0.2",
+    "@capacitor/keyboard": "^8.0.0",
+    "@capacitor/preferences": "^8.0.0",
+    "@capacitor/splash-screen": "^8.0.0",
+    "@capacitor/status-bar": "^8.0.0",
+    "@cavulsqa/m3e": "^1.4.0",
+    "@cavulsqa/m3e-vue": "^1.4.0",
+    "@cavulsqa/mobile-db": "^1.4.0",
+    "@cavulsqa/reactive-db": "^1.4.0",
+    "@cavulsqa/reactive-vue": "^1.4.0",
+    "@fontsource-variable/google-sans-flex": "^5.3.1",
+    "@sqlite.org/sqlite-wasm": "3.53.0-build1",
+    "@tailwindcss/vite": "^4.3.3",
+    "@vueuse/core": "^14.4.0",
+    "framework7": "^9.0.2",
+    "framework7-vue": "^9.1.2",
+    "kysely": "^0.29.5",
+    "tailwindcss": "^4.3.3",
+    "vue": "^3.5.0",
+    "vue-i18n": "^11.2.2",
+    "wa-sqlite": "^1.0.0"
+  },
+  "devDependencies": {
+    "@capacitor/cli": "^8.0.0",
+    "@iconify-json/material-symbols": "1.2.93",
+    "@intlify/unplugin-vue-i18n": "^11.2.5",
+    "@types/node": "^24.12.2",
+    "@vitejs/plugin-vue": "^6.0.3",
+    "sql.js": "1.13.0",
+    "typescript": "^5.9.3",
+    "unplugin-auto-import": "^21.1.0",
+    "unplugin-icons": "^23.0.1",
+    "unplugin-vue-components": "^32.1.0",
+    "vite": "npm:@voidzero-dev/vite-plus-core@0.3.0",
+    "vite-plus": "0.3.0",
+    "vue-tsc": "^3.2.4"
+  },
+  "cavulsqa": {
+    "storageEngines": [
+      "sqlite-wasm-opfs-sahpool",
+      "wa-sqlite-access-handle-pool",
+      "wa-sqlite-opfs-async",
+      "wa-sqlite-idb-batch-atomic",
+      "capacitor-sqlite"
+    ],
+    "engineModules": {
+      "opfsSahPool": {
+        "file": "src/shared/database/candidates/opfsSahPool.ts",
+        "engines": [
+          "sqlite-wasm-opfs-sahpool"
+        ],
+        "exports": [
+          "opfsSahPool"
+        ],
+        "dependencies": [
+          "@sqlite.org/sqlite-wasm"
+        ]
+      },
+      "waSqlite": {
+        "file": "src/shared/database/candidates/waSqlite.ts",
+        "engines": [
+          "wa-sqlite-access-handle-pool",
+          "wa-sqlite-opfs-async",
+          "wa-sqlite-idb-batch-atomic"
+        ],
+        "exports": [
+          "waAccessHandlePool",
+          "waOriginPrivateFileSystem",
+          "waIdbBatchAtomic"
+        ],
+        "dependencies": [
+          "wa-sqlite"
+        ]
+      },
+      "capacitorSqlite": {
+        "file": "src/shared/database/candidates/capacitorSqlite.ts",
+        "engines": [
+          "capacitor-sqlite"
+        ],
+        "exports": [
+          "capacitorSqlite"
+        ],
+        "dependencies": [
+          "@capacitor-community/sqlite"
+        ]
+      }
+    }
+  }
+}

package/templates/m3e-app/src/App.vue

@@ -0,0 +1,129 @@
+<template>
+  <F7App v-bind="parameters">
+    <M3NavigationRail
+      v-if="rail"
+      class="app-shell__rail"
+      :model-value="active"
+      :expanded="railExpanded"
+      :label="t('shell.navigation')"
+      @update:model-value="selectTab"
+      @reselect="reselect"
+    >
+      <template #header>
+        <M3IconButton
+          :label="railExpanded ? t('shell.collapse') : t('shell.expand')"
+          @click="railExpanded = !railExpanded"
+        >
+          <i-ms-menu-rounded />
+        </M3IconButton>
+      </template>
+      <M3NavigationItem v-for="tab in tabs" :key="tab.id" :value="tab.id" :label="t(tab.labelKey)">
+        <template #icon="{ selected }">
+          <component :is="selected ? tab.iconSelected : tab.icon" />
+        </template>
+      </M3NavigationItem>
+    </M3NavigationRail>
+
+    <F7Views tabs class="app-shell__views">
+      <F7View
+        v-for="(tab, index) in tabs"
+        :id="`view-${tab.id}`"
+        :key="tab.id"
+        :main="index === 0"
+        :tab="true"
+        :tab-active="index === 0"
+        :url="`/${tab.id}/`"
+      />
+    </F7Views>
+
+    <M3NavigationBar
+      v-if="!rail"
+      class="app-shell__bar"
+      :class="{ 'app-shell__bar--hidden': !navVisible }"
+      :model-value="active"
+      :label="t('shell.navigation')"
+      :aria-hidden="!navVisible || undefined"
+      :inert="!navVisible"
+      @update:model-value="selectTab"
+      @reselect="reselect"
+    >
+      <M3NavigationItem v-for="tab in tabs" :key="tab.id" :value="tab.id" :label="t(tab.labelKey)">
+        <template #icon="{ selected }">
+          <component :is="selected ? tab.iconSelected : tab.icon" />
+        </template>
+      </M3NavigationItem>
+    </M3NavigationBar>
+
+    <M3SnackbarHost :close-label="t('shell.dismiss')" />
+    <M3NotificationHost
+      :close-label="t('shell.dismiss')"
+      :label="t('shell.notification')"
+      :more-label="notificationsMore"
+      :less-label="t('shell.notificationsLess')"
+      :clear-label="t('shell.notificationsClear')"
+    />
+    <M3DialogHost />
+    <M3ActionSheetHost />
+  </F7App>
+</template>
+
+<script setup lang="ts">
+import { tabs } from "@/app/tabs";
+import { initCapacitor } from "@/plugins/capacitor";
+import { hideSplashWhenPageReady } from "@/plugins/capacitor/useSplashScreen";
+import { framework7Parameters } from "@/plugins/framework7.plugin";
+
+const { t } = useI18n();
+const parameters = framework7Parameters();
+const windowClass = useWindowClass();
+const { active, show } = useActiveTab();
+const { isVisible, isReserved, setScrollHidden } = useNavigationVisibility();
+const railExpanded = useLocalStorage("app-rail-expanded", false);
+
+function notificationsMore(count: number) {
+  return t("shell.notificationsMore", { count }, count);
+}
+
+const rail = computed(() => windowClass.value !== "compact");
+const navVisible = computed(() => !rail.value && isVisible.value);
+const navReserved = computed(() => !rail.value && isReserved.value);
+
+/**
+ * How much of the bottom edge the bar occupies, for everything that floats above it: page padding,
+ * FABs, the floating toolbar, snackbars. One variable on the root, so nothing measures the bar.
+ * Page padding keeps the row while the bar is only scrolled away; what floats follows the bar.
+ */
+watchEffect(() => {
+  const root = document.documentElement.style;
+  root.setProperty("--app-nav-offset", navReserved.value ? "64px" : "0px");
+  root.setProperty("--m3-snackbar-offset", navVisible.value ? "64px" : "0px");
+  root.setProperty("--m3-floating-toolbar-offset", navVisible.value ? "64px" : "0px");
+});
+
+function selectTab(id: string | undefined) {
+  if (id) show(id);
+}
+
+watch(active, () => setScrollHidden(false));
+
+/** M3: tapping the current destination returns to its root, or scrolls its root to the top. */
+function reselect(id: string) {
+  const view = f7.views.get(`#view-${id}`);
+  const router = view?.router;
+  if (router && router.history.length > 1) {
+    router.back(router.history[0], { force: true });
+    return;
+  }
+  document
+    .querySelector<HTMLElement>(`#view-${id} .page-current .page-content`)
+    ?.scrollTo({ top: 0, behavior: "smooth" });
+}
+
+onMounted(() => {
+  f7ready(async (instance) => {
+    useNavigationGuard();
+    await initCapacitor(instance);
+    hideSplashWhenPageReady(instance);
+  });
+});
+</script>

package/templates/m3e-app/src/app/pragmas.config.ts

@@ -0,0 +1,35 @@
+/**
+ * PRAGMAs applied to every engine identically, because SQLite's defaults are per-build and two
+ * engines left on their own are not comparable - an unpinned `synchronous` alone produced a 1.47x
+ * "ranking" between engines that were the same speed.
+ *
+ * `fast` is for measuring only: `synchronous = OFF` hands durability to the OS, so a battery pull can
+ * leave the database corrupt rather than merely stale. `safe` costs 19-57 ms on a single write and
+ * under 3 ms per row inside a transaction, so an app that batches gives up very little.
+ */
+export type PragmaProfile = "fast" | "safe";
+
+const PROFILES: Record<PragmaProfile, readonly string[]> = {
+  fast: [
+    // No journal file to create, write and delete per transaction.
+    "PRAGMA journal_mode = MEMORY",
+    // The big one for single writes, and the one that trades away crash durability.
+    "PRAGMA synchronous = OFF",
+    "PRAGMA temp_store = MEMORY",
+    // Negative means KiB rather than pages: 16 MB of page cache.
+    "PRAGMA cache_size = -16000",
+  ],
+  safe: [
+    "PRAGMA journal_mode = TRUNCATE",
+    "PRAGMA synchronous = FULL",
+    "PRAGMA temp_store = MEMORY",
+    "PRAGMA cache_size = -16000",
+  ],
+};
+
+export const pragmaProfile: PragmaProfile =
+  import.meta.env.VITE_PRAGMA_PROFILE === "fast" ? "fast" : "safe";
+
+export function pragmasFor(profile: PragmaProfile): readonly string[] {
+  return PROFILES[profile];
+}

package/templates/m3e-app/src/app/scroll.config.ts

@@ -0,0 +1,20 @@
+/**
+ * How the bars behave while a page scrolls - one place for the whole app; a page can still pass its
+ * own `scrollBehavior` to `AppPage`.
+ *
+ * - `topAppBar`: `"enterAlways"` slides a small top app bar away with the content as it scrolls
+ *   down and brings it back the moment it scrolls up (Compose's enter-always); `"pinned"` keeps it.
+ *   The large and medium bars collapse into their small bar either way.
+ * - `navigationBar`: `"hideOnScroll"` slides the navigation bar off the bottom while scrolling down
+ *   and back on the way up, at the top and at the end of the content (Material's hide-on-scroll);
+ *   `"pinned"` keeps it.
+ */
+export interface ScrollBehaviorConfig {
+  topAppBar: "pinned" | "enterAlways";
+  navigationBar: "pinned" | "hideOnScroll";
+}
+
+export const SCROLL_BEHAVIOR: ScrollBehaviorConfig = {
+  topAppBar: "enterAlways",
+  navigationBar: "hideOnScroll",
+};