@jant/core 0.5.1 → 0.5.2

package/src/types/config.ts

@@ -269,6 +269,11 @@ export const CONFIG_FIELDS = {
     envOnly: false,
     internal: true,
   },
+  DISCOVERY_SLASH_COMMAND_AT: {
+    defaultValue: "",
+    envOnly: false,
+    internal: true,
+  },
   ONBOARDING_STATUS: {
     defaultValue: "pending",
     envOnly: false,

package/src/types/views.ts

@@ -253,6 +253,7 @@ export interface SiteLayoutProps {
   showComposeDialog?: boolean;
   showHeader?: boolean;
   composeOpenShortcutDiscovered?: boolean;
+  slashCommandDiscovered?: boolean;
   /** When set, the mobile compose FAB pre-selects this collection. */
   composeCollectionId?: string;
 }

package/src/ui/compose/ComposeDialog.tsx

@@ -17,6 +17,7 @@ import { getCollectionFormLabels } from "../shared/collection-management-labels.
 export interface ComposeDialogProps {
   collections?: Collection[];
   uploadMaxFileSize?: number;
+  slashCommandDiscovered?: boolean;
 }
 
 export interface ComposeFormProps extends ComposeDialogProps {
@@ -28,6 +29,7 @@ export interface ComposeFormProps extends ComposeDialogProps {
 export const ComposeForm: FC<ComposeFormProps> = ({
   collections,
   uploadMaxFileSize,
+  slashCommandDiscovered = false,
   pageMode = false,
   closeHref,
   autoRestoreDraft = false,
@@ -741,6 +743,13 @@ export const ComposeForm: FC<ComposeFormProps> = ({
           "@context: Compose dialog header title when composing a thread",
       }),
     ),
+    slashHint: i18n._(
+      msg({
+        message: "Type / for commands",
+        comment:
+          "@context: First-use hint shown over the compose editor to surface the slash command menu",
+      }),
+    ),
     collectionFormLabels: getCollectionFormLabels(i18n),
   }).replace(/</g, "\\u003c");
 
@@ -760,6 +769,7 @@ export const ComposeForm: FC<ComposeFormProps> = ({
       {...(pageMode ? { "page-mode": "" } : {})}
       {...(closeHref ? { "close-href": closeHref } : {})}
       {...(autoRestoreDraft ? { "auto-restore-draft": "" } : {})}
+      {...(slashCommandDiscovered ? { "slash-command-discovered": "" } : {})}
     >
       {/* SSR fallback skeleton */}
       <div class="compose-dialog-inner">
@@ -773,12 +783,14 @@ export const ComposeForm: FC<ComposeFormProps> = ({
 export const ComposeDialog: FC<ComposeDialogProps> = ({
   collections,
   uploadMaxFileSize,
+  slashCommandDiscovered = false,
 }) => {
   return (
     <dialog id="compose-dialog" class="compose-dialog">
       <ComposeForm
         collections={collections}
         uploadMaxFileSize={uploadMaxFileSize}
+        slashCommandDiscovered={slashCommandDiscovered}
       />
     </dialog>
   );

package/src/ui/layouts/SiteLayout.tsx

@@ -129,6 +129,7 @@ export const SiteLayout: FC<PropsWithChildren<SiteLayoutProps>> = ({
   showComposeDialog = true,
   showHeader = true,
   composeOpenShortcutDiscovered = false,
+  slashCommandDiscovered = false,
   composeCollectionId,
   children,
 }) => {
@@ -567,6 +568,7 @@ export const SiteLayout: FC<PropsWithChildren<SiteLayoutProps>> = ({
         <ComposeDialog
           collections={collections}
           uploadMaxFileSize={uploadMaxFileSize}
+          slashCommandDiscovered={slashCommandDiscovered}
         />
       )}
     </div>

package/src/ui/pages/ComposePage.tsx

@@ -8,12 +8,14 @@ export interface ComposePageProps {
   collections?: Collection[];
   uploadMaxFileSize?: number;
   closeHref?: string;
+  slashCommandDiscovered?: boolean;
 }
 
 export const ComposePage: FC<ComposePageProps> = ({
   collections,
   uploadMaxFileSize,
   closeHref = "/",
+  slashCommandDiscovered = false,
 }) => {
   const { i18n } = useLingui();
   const backLabel = i18n._(
@@ -52,6 +54,7 @@ export const ComposePage: FC<ComposePageProps> = ({
           pageMode
           closeHref={closeHref}
           autoRestoreDraft
+          slashCommandDiscovered={slashCommandDiscovered}
         />
       </div>
     </section>