@inglorious/create-app 1.7.1 → 1.8.0

package/README.md

@@ -34,9 +34,11 @@ For the JavaScript and TypeScript Vite templates, the CLI then asks about the ap
 | Animate page transitions? | `--transitions` / `--no-transitions`                                     | View transitions between pages (with routing and Inglorious UI)                                            |
 | Which icon packs?         | `--icons=material,fontawesome,lucide` / `--no-icons`                     | Iconify icon sets, drawn by Inglorious UI's `Icon` (with Inglorious UI)                                    |
 | Translate the app?        | `--i18n` / `--no-i18n`, `--languages=en,it`                              | `@inglorious/i18n`, a catalogue per language and a language picker; the first language is the default      |
+| Add analytics?            | `--analytics` / `--no-analytics`                                         | Google Analytics for Firebase behind a consent prompt, on the web and in the native apps                   |
+| Add push notifications?   | `--push` / `--no-push`                                                   | Firebase Cloud Messaging, a permission prompt and the Supabase side of sending; turns on PWA support       |
 | Enable PWA support?       | `--pwa` / `--no-pwa`                                                     | `vite-plugin-pwa`, a manifest, icons, and a service worker that keeps installed apps on the latest version |
 
-Every template except `minimal` then asks whether to add agent skills (`--skills` / `--no-skills`). Saying yes runs the [skills CLI](https://skills.sh) in the new project. It asks which coding agents to install for, and installs the [Inglorious Forge skills](https://github.com/IngloriousCoderz/forge-skills) that match your choices: `forge`, `forge-best-practices`, `store`, `web` and `web-best-practices` always, plus `ssx`, `vite-plugin-jsx` or `vite-plugin-vue`, `ui` and `ui-best-practices`, and `i18n` when the project uses them. If the install fails, the CLI prints the command to retry it.
+Every template except `minimal` then asks whether to add agent skills (`--skills` / `--no-skills`). Saying yes runs the [skills CLI](https://skills.sh) in the new project. It asks which coding agents to install for, and installs the [Inglorious Forge skills](https://github.com/IngloriousCoderz/forge-skills) that match your choices: `forge`, `forge-best-practices`, `store`, `web` and `web-best-practices` always, plus `ssx`, `vite-plugin-jsx` or `vite-plugin-vue`, `ui` and `ui-best-practices`, `i18n`, `firebase` and `supabase` when the project uses them. If the install fails, the CLI prints the command to retry it.
 
 The app is generated in the syntax you chose: lit-html, JSX or Vue. Every question answered on the command line is skipped, so a project can be created without any prompt:
 
@@ -47,9 +49,11 @@ The app is generated in the syntax you chose: lit-html, JSX or Vue. Every questi
 | Select a rendering syntax   | `--syntax=lit-html\|jsx\|vue`                |
 
 ```bash
-npm create @inglorious/app@latest -- my-app --template=ts --syntax=jsx --ui --theme=material-3 --routing --transitions --icons=material --languages=en,it --no-mobile --no-pwa --skills
+npm create @inglorious/app@latest -- my-app --template=ts --syntax=jsx --ui --theme=material-3 --routing --transitions --icons=material --languages=en,it --no-mobile --no-analytics --no-push --no-pwa --skills
 ```
 
+Analytics and push generate their setup steps into the new project's README, and a `.env.example`. Push also generates a Supabase migration, the `push-notify` edge function and a service worker: a push is sent by inserting a row in `notifications`. It needs a Firebase project, a Supabase project and a sign-in screen, since the permission prompt appears once someone is signed in with Supabase Auth.
+
 ## Templates
 
 The following templates are available to get you started:

package/bin/index.js

@@ -18,6 +18,7 @@ import {
 } from "./lib/constants.js"
 import { SYNTAXES, TEMPLATES } from "./lib/features.js"
 import { copyDir } from "./lib/file.js"
+import { addFirebaseSupport } from "./lib/firebase.js"
 import { addMobileSupport } from "./lib/mobile.js"
 import { addPwaSupport } from "./lib/pwa.js"
 import { askAppFeatures } from "./lib/questions.js"
@@ -93,6 +94,8 @@ async function main() {
     languages: [],
     mobile: false,
     pwa: false,
+    analytics: false,
+    push: false,
   }
 
   if (VITE_APP_TEMPLATES.has(baseTemplate)) {
@@ -102,9 +105,14 @@ async function main() {
       console.log("Operation canceled.")
       return
     }
-  } else if (cliOptions.pwa || cliOptions.mobile) {
+  } else if (
+    cliOptions.pwa ||
+    cliOptions.mobile ||
+    cliOptions.analytics ||
+    cliOptions.push
+  ) {
     console.warn(
-      "PWA and mobile options are only available for JavaScript and TypeScript Vite app templates.",
+      "PWA, mobile, analytics and push options are only available for JavaScript and TypeScript Vite app templates.",
     )
   }
 
@@ -167,7 +175,9 @@ async function main() {
       features.ui ||
       features.routing ||
       Boolean(features.icons.length) ||
-      Boolean(features.languages.length)
+      Boolean(features.languages.length) ||
+      features.analytics ||
+      features.push
 
     if (hasAppFeatures) {
       spinner.text = "Adding app features..."
@@ -181,7 +191,7 @@ async function main() {
 
     if (features.pwa) {
       spinner.text = "Adding PWA support..."
-      addPwaSupport(targetDir, pkg, projectName)
+      addPwaSupport(targetDir, pkg, projectName, { push: features.push })
     }
 
     if (features.mobile) {
@@ -189,6 +199,11 @@ async function main() {
       addMobileSupport(targetDir, pkg, projectName)
     }
 
+    if (features.analytics || features.push) {
+      spinner.text = "Adding Firebase support..."
+      addFirebaseSupport(targetDir, pkg, { ...features, templatesRoot })
+    }
+
     for (const depType of ["dependencies", "devDependencies"]) {
       if (pkg[depType]) {
         for (const [name, version] of Object.entries(pkg[depType])) {

package/bin/lib/app-jsx.js

@@ -1,9 +1,3 @@
-// The app's components in JSX: .jsx or .tsx files, compiled to lit-html by
-// @inglorious/vite-plugin-jsx. A capitalized tag with props renders a
-// component; `<Message entityId="message1" />` renders an entity. TypeScript
-// expects components to be functions, so in .tsx each capitalized tag is
-// preceded by a `@ts-expect-error`.
-
 import { renderLocals, selectChange } from "./app-lit.js"
 import { importBlock } from "./imports.js"
 
@@ -152,21 +146,16 @@ ${span}
 `
 }
 
-// The comment line before a capitalized tag in .tsx: `{/* */}` among JSX
-// children, `//` inside code.
 function expectError(app, indent, isChild = true) {
   if (!app.isTypeScript) return ""
   const comment = isChild ? `{/* ${EXPECT_ERROR} */}` : `// ${EXPECT_ERROR}`
   return `${indent}${comment}\n`
 }
 
-// A callback's parameter. The components' props are not typed in .tsx, so
-// TypeScript cannot infer it.
 function typed(app, name, type) {
   return app.isTypeScript ? `${name}: ${type}` : name
 }
 
-// A page's label: translated, or the English text.
 function labelText(app, page) {
   return app.i18n ? `{t("${page.key}")}` : page.text
 }

package/bin/lib/app-lit.js

@@ -1,5 +1,3 @@
-// The app's components in lit-html: tagged templates in .js or .ts files.
-
 import { importBlock } from "./imports.js"
 
 export const extension = (app) => (app.isTypeScript ? "ts" : "js")
@@ -53,7 +51,6 @@ ${template}
 `
 }
 
-// The app's own entities are always there; TypeScript cannot know that.
 export function renderLocals(app) {
   const always = app.isTypeScript ? "!" : ""
   const locals = []
@@ -64,8 +61,6 @@ export function renderLocals(app) {
   return locals.length ? `${locals.join("\n")}\n\n` : ""
 }
 
-// The native language picker's change handler, laid out as Prettier would at
-// `indent`. TypeScript has to be told what the event's target is.
 export function selectChange(app, indent) {
   if (!app.isTypeScript) {
     return `(event) =>

package/bin/lib/app-vue.js

@@ -1,8 +1,3 @@
-// The app's components as Vue single-file components, compiled to lit-html by
-// @inglorious/vite-plugin-vue. Imported Inglorious UI components are tags with
-// props; imported .vue components with `v-bind="id"` render store entities;
-// script values that read `api` are computed on every render.
-
 import { importBlock } from "./imports.js"
 import { LINE_WIDTH } from "./source.js"
 
@@ -173,7 +168,6 @@ ${nav.join("\n")}
 
   if (!app.tabs) return header
 
-  // Each action on one line when it fits, one property per line otherwise.
   const actions = pages.map((page) => {
     const fields = [
       `value: '${page.path}'`,

package/bin/lib/app.js

@@ -5,9 +5,16 @@ import path from "path"
 import * as jsxComponents from "./app-jsx.js"
 import * as litComponents from "./app-lit.js"
 import * as vueComponents from "./app-vue.js"
-import { INDENTATION } from "./constants.js"
-import { ICON_PACKS, LANGUAGES } from "./features.js"
+import {
+  CAPACITOR_FIREBASE_VERSION,
+  CAPACITOR_VERSION,
+  FIREBASE_VERSION,
+  INDENTATION,
+  SUPABASE_VERSION,
+} from "./constants.js"
+import { ICON_PACKS, LANGUAGES, PROMPT_TEXTS } from "./features.js"
 import { importBlock } from "./imports.js"
+import { envExample, promptFiles } from "./prompts.js"
 import { appModel, call, LINE_WIDTH, union } from "./source.js"
 
 const COMPONENTS = {
@@ -18,8 +25,8 @@ const COMPONENTS = {
 
 /**
  * Writes the source of an app with the features chosen: Inglorious UI,
- * routing, page transitions, icon packs, internationalization and a mobile
- * layout, in lit-html, JSX or Vue. It replaces the template's hello world,
+ * routing, page transitions, icon packs, internationalization, a mobile
+ * layout, analytics and push prompts, in lit-html, JSX or Vue. It replaces the template's hello world,
  * keeping its message type as the example on the home page. The files come
  * out as Prettier and the template's ESLint config would leave them.
  *
@@ -36,14 +43,16 @@ const COMPONENTS = {
  * @param {boolean} options.transitions
  * @param {string[]} options.icons - Keys of ICON_PACKS.
  * @param {string[]} options.languages - Keys of LANGUAGES, the default first.
+ * @param {boolean} options.analytics
+ * @param {boolean} options.push
  */
 export function addAppFeatures(targetDir, pkg, options) {
   const app = { ...options, ext: options.isTypeScript ? "ts" : "js" }
   app.i18n = Boolean(app.languages.length)
-  // On a phone the pages are tabs at the bottom; elsewhere, links on top.
   app.tabs = app.ui && app.routing && app.mobile
   app.links = app.routing && !app.tabs
   app.isVue = app.renderer === "vue"
+  app.hasPrompts = app.analytics || app.push
 
   const components = COMPONENTS[app.renderer]
   const componentExt = components.extension(app)
@@ -68,9 +77,13 @@ export function addAppFeatures(targetDir, pkg, options) {
     files[`src/i18n/index.${app.ext}`] = i18nSource(app)
     for (const language of app.languages) {
       files[`src/i18n/locales/${language}.json`] =
-        JSON.stringify(LANGUAGES[language].texts, null, INDENTATION) + EOL
+        JSON.stringify(catalogue(app, language), null, INDENTATION) + EOL
     }
   }
+  if (app.hasPrompts) {
+    Object.assign(files, promptFiles(app))
+    files[".env.example"] = envExample(app)
+  }
   if (app.isTypeScript) {
     files["types/index.d.ts"] = typesSource(app)
   }
@@ -91,9 +104,31 @@ function addDependencies(pkg, app) {
   for (const key of app.icons) {
     Object.assign(pkg.dependencies, ICON_PACKS[key].packages)
   }
+  if (app.hasPrompts) {
+    pkg.dependencies["@inglorious/firebase"] = "workspace:*"
+    pkg.dependencies["@capacitor/core"] = CAPACITOR_VERSION
+    pkg.dependencies.firebase = FIREBASE_VERSION
+  }
+  if (app.analytics) {
+    pkg.dependencies["@capacitor-firebase/analytics"] =
+      CAPACITOR_FIREBASE_VERSION
+  }
+  if (app.push) {
+    pkg.dependencies["@capacitor-firebase/messaging"] =
+      CAPACITOR_FIREBASE_VERSION
+    pkg.dependencies["@supabase/supabase-js"] = SUPABASE_VERSION
+  }
+}
+
+function catalogue(app, language) {
+  const { analytics, push } = PROMPT_TEXTS[language]
+  return {
+    ...LANGUAGES[language].texts,
+    ...(app.analytics && { analytics }),
+    ...(app.push && { push }),
+  }
 }
 
-// The theme is a class on <body>, which the theme's stylesheet is scoped to.
 function applyTheme(targetDir, app) {
   const htmlPath = path.join(targetDir, "index.html")
   if (!fs.existsSync(htmlPath)) return
@@ -114,8 +149,6 @@ function componentImport(app, names, from) {
     : line
 }
 
-// ---------------------------------------------------------------- main
-
 function mainSource(app) {
   const imports = []
   if (app.ui) {
@@ -130,15 +163,21 @@ function mainSource(app) {
   }
   imports.push('import "./app.css"')
   imports.push(
-    'import { mount } from "@inglorious/web"',
+    `import { ${app.hasPrompts ? "html, mount" : "mount"} } from "@inglorious/web"`,
     componentImport(app, "App", "./app"),
     'import { store } from "./store"',
   )
   if (app.i18n) imports.push('import { ready } from "./i18n"')
+  if (app.push) imports.push('import { supabase } from "./api/supabase"')
+  if (app.hasPrompts) {
+    imports.push('import { renderPrompts } from "./common/prompt"')
+  }
 
   const args = [
     "store",
-    "(api) => App.render(null, api)",
+    app.hasPrompts
+      ? "(api) => html`${App.render(null, api)} ${renderPrompts(api)}`"
+      : "(api) => App.render(null, api)",
     app.isTypeScript
       ? 'document.getElementById("root")!'
       : 'document.getElementById("root")',
@@ -152,22 +191,56 @@ ${call("mount", args, "  ", ",")}
 )`
     : call("mount", args, "", "")
 
+  const session = app.push
+    ? `
+
+supabase.auth.onAuthStateChange((_event, session) => {
+  store.notify(session ? "#pushPrompt:pushStart" : "#pushPrompt:pushStop")
+})`
+    : ""
+
   return `${importBlock(imports)}
 
-${body}
+${body}${session}
 `
 }
 
-// The Inglorious UI components the app uses, for their stylesheets.
 function uiComponents(app) {
   const names = ["app-bar", "container"]
   if (app.links) names.push("link")
   if (app.tabs) names.push("bottom-navigation")
   if (app.icons.length) names.push("icon")
   if (app.i18n) names.push("select")
+  if (app.hasPrompts) names.push("snackbar", "button", "flex")
   return names
 }
 
+const PROMPT_ABOVE_TABS = `
+body {
+  --iw-snackbar-offset-bottom: 5rem;
+}
+`
+
+const PLAIN_PROMPT = `
+.app-prompt {
+  position: fixed;
+  inset-block-end: 1rem;
+  inset-inline: 1rem;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.75rem 1rem;
+  border: 1px solid #ddd;
+  background: #fff;
+}
+
+.app-prompt p {
+  flex: 1 1 100%;
+  margin: 0;
+}
+`
+
 function appStyles(app) {
   const layout = `body {
   min-height: 100dvh;
@@ -191,10 +264,8 @@ main {
   align-items: center;
   gap: 1rem;
 }
-`
+${app.tabs && app.hasPrompts ? PROMPT_ABOVE_TABS : ""}`
   if (app.ui) {
-    // In Vue the navigation is the app bar's content rather than its trailing
-    // slot, so it pushes itself to the end.
     return app.isVue
       ? `${layout}
 .iw-app-bar .app-nav {
@@ -203,7 +274,7 @@ main {
 `
       : layout
   }
-  return `${layout}
+  return `${layout}${app.hasPrompts ? PLAIN_PROMPT : ""}
 header {
   display: flex;
   align-items: center;
@@ -218,8 +289,6 @@ main {
 `
 }
 
-// ---------------------------------------------------------------- store
-
 function storeSource(app) {
   const imports = [
     'import { createStore } from "@inglorious/store"',
@@ -244,10 +313,18 @@ function storeSource(app) {
     imports.push('import type { AppEntity, AppState } from "../../types"')
   }
   if (app.i18n) imports.push('import { I18n } from "../i18n"')
+  if (app.analytics) {
+    imports.push('import { Analytics } from "../types/analytics"')
+  }
+  if (app.push) {
+    imports.push('import { PushPrompt } from "../types/push-prompt"')
+  }
 
   const types = ["Message", "Home"]
   if (app.routing) types.push("About", "Router")
   if (app.i18n) types.push("I18n")
+  if (app.analytics) types.push("Analytics")
+  if (app.push) types.push("PushPrompt")
   const oneLine = `  types: { ${types.join(", ")} },`
   const typesValue =
     oneLine.length <= LINE_WIDTH
@@ -269,17 +346,15 @@ ${typesValue}
 `
 }
 
-// The entities the store creates on its own, as the comment in the store
-// lists them.
 function singletons(app) {
   const ids = ["home"]
   if (app.routing) ids.push("about", "router")
   if (app.i18n) ids.push("i18n")
+  if (app.analytics) ids.push("analytics")
+  if (app.push) ids.push("pushPrompt")
   return ids
 }
 
-// Only the entities that need data, or come more than one to a type; the
-// store creates the rest.
 function entitiesSource(app) {
   const head = app.isTypeScript
     ? `import type { AppState } from "../../types"
@@ -309,8 +384,6 @@ export const routes = {`
 `
 }
 
-// ---------------------------------------------------------------- i18n
-
 function i18nSource(app) {
   const [defaultLocale] = app.languages
   return `import { createI18n } from "@inglorious/i18n"
@@ -325,12 +398,10 @@ export const { I18n, t, ready } = createI18n({
 `
 }
 
-// ---------------------------------------------------------------- types
-
 function typesSource(app) {
   const imports = [
     'import "./vite-end"',
-    'import type {\n  BaseEntity,\n  EntitiesState,\n  EntityType,\n} from "@inglorious/store"',
+    'import type { BaseEntity, EntitiesState, EntityType } from "@inglorious/store"',
     'import type { Api, TemplateResult } from "@inglorious/web"',
   ]
   const entities = ["MessageEntity", "HomeEntity"]
@@ -375,6 +446,28 @@ function typesSource(app) {
     )
     state.unshift("  i18n: AppI18nEntity")
   }
+  if (app.analytics) {
+    imports.push(
+      'import type { AnalyticsEntity } from "@inglorious/web/analytics"',
+    )
+    entities.push("AppAnalyticsEntity")
+    declarations.push(
+      `export interface AppAnalyticsEntity extends AnalyticsEntity {
+  type: "Analytics"
+}`,
+    )
+    state.push("  analytics: AppAnalyticsEntity")
+  }
+  if (app.push) {
+    imports.push('import type { PushPromptEntity } from "@inglorious/web/push"')
+    entities.push("AppPushPromptEntity")
+    declarations.push(
+      `export interface AppPushPromptEntity extends PushPromptEntity {
+  type: "PushPrompt"
+}`,
+    )
+    state.push("  pushPrompt: AppPushPromptEntity")
+  }
 
   return `${importBlock(imports)}
 

package/bin/lib/cli.js

@@ -5,6 +5,8 @@ export function parseCliOptions(args) {
     syntax: readValueFlag(args, "syntax"),
     mobile: readBooleanFlag(args, "mobile"),
     pwa: readBooleanFlag(args, "pwa"),
+    analytics: readBooleanFlag(args, "analytics"),
+    push: readBooleanFlag(args, "push"),
     ui: readBooleanFlag(args, "ui"),
     theme: readValueFlag(args, "theme"),
     routing: readBooleanFlag(args, "routing"),
@@ -28,14 +30,12 @@ export function readBooleanFlag(args, name) {
   return null
 }
 
-// `--name=value`, or null when the flag is not given.
 export function readValueFlag(args, name) {
   const prefix = `--${name}=`
   const arg = args.find((value) => value.startsWith(prefix))
   return arg ? arg.slice(prefix.length) : null
 }
 
-// `--name=a,b`, `--no-name` for an empty list, or null when neither is given.
 export function readListFlag(args, name) {
   if (args.includes(`--no-${name}`)) {
     return []

package/bin/lib/constants.js

@@ -1,8 +1,9 @@
 export const CAPACITOR_VERSION = "^8.5.3"
+export const CAPACITOR_FIREBASE_VERSION = "^8.5.2"
+export const FIREBASE_VERSION = "^12.19.0"
+export const SUPABASE_VERSION = "^2.118.0"
 export const VITE_PLUGIN_PWA_VERSION = "^2.0.0"
 export const VITE_PWA_ASSETS_GENERATOR_VERSION = "^2.0.0"
-// TypeScript 7 has no JavaScript API, which typescript-eslint and the
-// Capacitor CLI import, so `typescript` stays on 6.
 export const TYPESCRIPT_VERSION = "npm:@typescript/typescript6@^6.0.2"
 export const WORKBOX_WINDOW_VERSION = "^7.4.1"
 

package/bin/lib/features.js

@@ -1,5 +1,3 @@
-// The choices create-app offers for lit-html apps, and what each one brings.
-
 export const TEMPLATES = {
   minimal: {
     title: "Minimal",
@@ -41,9 +39,6 @@ export const THEMES = {
   "ios-26": { title: "iOS 26", description: "Liquid Glass inspired" },
 }
 
-// Icon sets from Iconify: one module per icon, so only the icons an app
-// imports are bundled. `nav` names the icons for the two example pages,
-// `showcase` the one shown on the home page.
 export const ICON_PACKS = {
   material: {
     title: "Material Symbols",
@@ -93,7 +88,6 @@ export const ICON_PACKS = {
   },
 }
 
-// The languages offered for the example app, with its few texts in each.
 export const LANGUAGES = {
   en: language("English", {
     nav: { home: "Home", about: "About" },
@@ -168,6 +162,109 @@ export const LANGUAGES = {
   }),
 }
 
+export const PROMPT_TEXTS = {
+  en: {
+    analytics: {
+      prompt:
+        "May we measure how you use this app? It helps us make it better.",
+      accept: "Allow",
+      decline: "No thanks",
+    },
+    push: {
+      prompt: "Turn on push notifications?",
+      ask: "Notify me",
+      decline: "Not now",
+    },
+  },
+  it: {
+    analytics: {
+      prompt: "Possiamo misurare come usi questa app? Ci aiuta a migliorarla.",
+      accept: "Consenti",
+      decline: "No, grazie",
+    },
+    push: {
+      prompt: "Attivare le notifiche push?",
+      ask: "Avvisami",
+      decline: "Non ora",
+    },
+  },
+  fr: {
+    analytics: {
+      prompt:
+        "Pouvons-nous mesurer comment vous utilisez cette app\u00a0? Cela nous aide à l'améliorer.",
+      accept: "Autoriser",
+      decline: "Non merci",
+    },
+    push: {
+      prompt: "Activer les notifications push\u00a0?",
+      ask: "Me prévenir",
+      decline: "Plus tard",
+    },
+  },
+  de: {
+    analytics: {
+      prompt:
+        "Dürfen wir messen, wie du diese App nutzt? Das hilft uns, sie zu verbessern.",
+      accept: "Erlauben",
+      decline: "Nein, danke",
+    },
+    push: {
+      prompt: "Push-Benachrichtigungen aktivieren?",
+      ask: "Benachrichtigen",
+      decline: "Nicht jetzt",
+    },
+  },
+  es: {
+    analytics: {
+      prompt: "¿Podemos medir cómo usas esta app? Nos ayuda a mejorarla.",
+      accept: "Permitir",
+      decline: "No, gracias",
+    },
+    push: {
+      prompt: "¿Activar las notificaciones push?",
+      ask: "Avisarme",
+      decline: "Ahora no",
+    },
+  },
+  pt: {
+    analytics: {
+      prompt: "Podemos medir como usas esta app? Ajuda-nos a melhorá-la.",
+      accept: "Permitir",
+      decline: "Não, obrigado",
+    },
+    push: {
+      prompt: "Ativar as notificações push?",
+      ask: "Avisar-me",
+      decline: "Agora não",
+    },
+  },
+  ja: {
+    analytics: {
+      prompt: "このアプリの使われ方を計測してもよいですか？改善に役立てます。",
+      accept: "許可する",
+      decline: "許可しない",
+    },
+    push: {
+      prompt: "プッシュ通知をオンにしますか？",
+      ask: "通知する",
+      decline: "今はしない",
+    },
+  },
+  ar: {
+    analytics: {
+      prompt:
+        "هل تسمح لنا بقياس طريقة استخدامك لهذا التطبيق؟ يساعدنا ذلك على تحسينه.",
+      accept: "سماح",
+      decline: "لا، شكرًا",
+    },
+    push: {
+      prompt: "هل تريد تفعيل الإشعارات الفورية؟",
+      ask: "أعلمني",
+      decline: "ليس الآن",
+    },
+  },
+}
+
 function from(name, source) {
   return { name, from: source }
 }