README.md

@@ -2,8 +2,6 @@
 
 Tutu is a comfortable experience for tooting. Designed to work on any device - desktop, phone and tablet.
 
-[Launch Tutu](https://tutu.lightstands.xyz)
-
 ## Compatibility
 
 The code is built against those targets and Tutu must run on those platforms:
@@ -14,12 +12,6 @@ The code is built against those targets and Tutu must run on those platforms:
 
 Tutu trys to push the Web technology to its limit. Some features might not be available on the platform does not meet the requirement.
 
-## The "Next" Branch
-
-The "next" branch of the app is built on every commit pushed into "master". You can tatse latest change but risks your data.
-
-[Launch Tutu (Next)](https://next.tututheapp.pages.dev)
-
 ## Build & Depoly
 
 Tutu uses [bun](https://bun.sh) as the package manager. Run

src/masto/clients.ts

@@ -49,8 +49,7 @@ export type Session = {
   client: mastodon.rest.Client;
 };
 
-const Context =
-  /* @__PURE__ */ createContext<Accessor<readonly Readonly<Session>[]>>();
+const Context = /* @__PURE__ */ createContext<Accessor<readonly Readonly<Session>[]>>();
 
 export const Provider = Context.Provider;
 
@@ -78,9 +77,7 @@ function useSessionsRaw() {
   return store;
 }
 
-const DefaultSessionContext = /* @__PURE__ */ createContext<Accessor<number>>(
-  () => 0,
-);
+const DefaultSessionContext = /* @__PURE__ */ createContext<Accessor<number>>(() => 0)
 
 export const DefaultSessionProvider = DefaultSessionContext.Provider;
 
@@ -90,14 +87,14 @@ export const DefaultSessionProvider = DefaultSessionContext.Provider;
  * This function may return `undefined`, but it will try to redirect the user to the sign in.
  */
 export function useDefaultSession() {
-  const sessions = useSessions();
-  const sessionIndex = useContext(DefaultSessionContext);
+  const sessions = useSessions()
+  const sessionIndex = useContext(DefaultSessionContext)
 
   return () => {
     if (sessions().length > 0) {
-      return sessions()[sessionIndex()];
+      return sessions()[sessionIndex()]
+    }
   }
-  };
 }
 
 /**
@@ -117,7 +114,7 @@ export function useDefaultSession() {
  * unauthorised client for the site. This client may not available for some operations.
  */
 export function useSessionForAcctStr(acct: Accessor<string>) {
-  const allSessions = useSessions();
+  const allSessions = useSessions()
 
   return createMemo(() => {
     const [inputUsername, inputSite] = acct().split("@", 2);
@@ -135,6 +132,4 @@ export function useSessionForAcctStr(acct: Accessor<string>) {
   });
 }
 
-export function makeAcctText(session: Session) {
-  return `${session.account.inf?.username}@${session.account.site}`;
-}
+

src/profiles/Profile.tsx

@@ -116,19 +116,10 @@ const Profile: Component = () => {
     }
 
     .acct-grp {
-      display: flex;
-      flex-flow: row wrap;
+      display: grid;
+      grid-template-columns: auto 1fr auto;
       gap: 16px;
       align-items: center;
-
-      & > :nth-child(2) {
-        flex-grow: 1;
-      }
-
-      & > :last-child {
-        flex-grow: 1;
-        text-align: right;
-      }
     }
 
     .name-grp {
@@ -137,13 +128,11 @@ const Profile: Component = () => {
     }
 
     table.acct-fields {
-      word-break: break-all;
-
       & td > :global(a) {
         display: inline-flex;
+        min-height: 44px;
         align-items: center;
         color: inherit;
-        min-height: 44px;
       }
 
       & :global(a > .invisible) {
@@ -157,9 +146,6 @@ const Profile: Component = () => {
 
     .page-title {
       flex-grow: 1;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
     }
   `;
 

src/timelines/RegularToot.tsx

@@ -39,8 +39,6 @@ import { FastAverageColor } from "fast-average-color";
 import Color from "colorjs.io";
 import { useDateFnLocale } from "../platform/i18n";
 import { canShare, share } from "../platform/share";
-import { makeAcctText, useDefaultSession } from "../masto/clients";
-import { useNavigate } from "@solidjs/router";
 
 type TootContentViewProps = {
   source?: string;
@@ -211,16 +209,12 @@ function TootActionGroup<T extends mastodon.v1.Status>(
   );
 }
 
-function TootAuthorGroup(props: {
-  status: mastodon.v1.Status;
-  now: Date;
-  onClick?: JSX.EventHandlerUnion<HTMLDivElement, MouseEvent>;
-}) {
+function TootAuthorGroup(props: { status: mastodon.v1.Status; now: Date }) {
   const toot = () => props.status;
   const dateFnLocale = useDateFnLocale();
 
   return (
-    <div class={tootStyle.tootAuthorGrp} onClick={props.onClick}>
+    <div class={tootStyle.tootAuthorGrp}>
       <Img src={toot().account.avatar} class={tootStyle.tootAvatar} />
       <div class={tootStyle.tootAuthorNameGrp}>
         <Body2
@@ -315,13 +309,6 @@ export function TootPreviewCard(props: {
   );
 }
 
-/**
- * Component for a toot.
- *
- * If the session involved is not the first session, you must wrap
- * this component under a `<DefaultSessionProvier />` with correct
- * session.
- */
 const RegularToot: Component<TootCardProps> = (props) => {
   let rootRef: HTMLElement;
   const [managed, managedActionGroup, rest] = splitProps(
@@ -332,25 +319,6 @@ const RegularToot: Component<TootCardProps> = (props) => {
   const now = useTimeSource();
   const status = () => managed.status;
   const toot = () => status().reblog ?? status();
-  const session = useDefaultSession();
-  const navigate = useNavigate();
-
-  const openProfile = (event: MouseEvent) => {
-    if (!managed.evaluated) return;
-    event.stopPropagation();
-
-    const s = session();
-    if (!s) {
-      console.warn("No session is provided");
-      return;
-    }
-
-    const acct = makeAcctText(s);
-
-    navigate(
-      `/${encodeURIComponent(acct)}/profile/${managed.status.account.id}`,
-    );
-  };
 
   css`
     .reply-sep {
@@ -428,7 +396,7 @@ const RegularToot: Component<TootCardProps> = (props) => {
             </span>
           </div>
         </Show>
-        <TootAuthorGroup status={toot()} now={now()} onClick={openProfile} />
+        <TootAuthorGroup status={toot()} now={now()} />
         <TootContentView
           source={toot().content}
           emojis={toot().emojis}