@kodelyth/line 2026.5.42 → 2026.6.2

package/src/flex-templates/schedule-cards.ts

@@ -1,467 +0,0 @@
-import { attachFooterText } from "./common.js";
-import type { Action, FlexBox, FlexBubble, FlexComponent, FlexText } from "./types.js";
-
-function buildTitleSubtitleHeader(params: { title: string; subtitle?: string }): FlexComponent[] {
-  const { title, subtitle } = params;
-  const headerContents: FlexComponent[] = [
-    {
-      type: "text",
-      text: title,
-      weight: "bold",
-      size: "xl",
-      color: "#111111",
-      wrap: true,
-    } as FlexText,
-  ];
-
-  if (subtitle) {
-    headerContents.push({
-      type: "text",
-      text: subtitle,
-      size: "sm",
-      color: "#888888",
-      margin: "sm",
-      wrap: true,
-    } as FlexText);
-  }
-
-  return headerContents;
-}
-
-function buildCardHeaderSections(headerContents: FlexComponent[]): FlexComponent[] {
-  return [
-    {
-      type: "box",
-      layout: "vertical",
-      contents: headerContents,
-      paddingBottom: "lg",
-    } as FlexBox,
-    {
-      type: "separator",
-      color: "#EEEEEE",
-    },
-  ];
-}
-
-function createMegaBubbleWithFooter(params: {
-  bodyContents: FlexComponent[];
-  footer?: string;
-}): FlexBubble {
-  const bubble: FlexBubble = {
-    type: "bubble",
-    size: "mega",
-    body: {
-      type: "box",
-      layout: "vertical",
-      contents: params.bodyContents,
-      paddingAll: "xl",
-      backgroundColor: "#FFFFFF",
-    },
-  };
-
-  if (params.footer) {
-    attachFooterText(bubble, params.footer);
-  }
-
-  return bubble;
-}
-
-/**
- * Create a receipt/summary card (for orders, transactions, data tables)
- *
- * Editorial design: Clean table layout with alternating row backgrounds,
- * prominent total section, and clear visual hierarchy.
- */
-export function createReceiptCard(params: {
-  title: string;
-  subtitle?: string;
-  items: Array<{ name: string; value: string; highlight?: boolean }>;
-  total?: { label: string; value: string };
-  footer?: string;
-}): FlexBubble {
-  const { title, subtitle, items, total, footer } = params;
-
-  const itemRows: FlexComponent[] = items.slice(0, 12).map(
-    (item, index) =>
-      ({
-        type: "box",
-        layout: "horizontal",
-        contents: [
-          {
-            type: "text",
-            text: item.name,
-            size: "sm",
-            color: item.highlight ? "#111111" : "#666666",
-            weight: item.highlight ? "bold" : "regular",
-            flex: 3,
-            wrap: true,
-          } as FlexText,
-          {
-            type: "text",
-            text: item.value,
-            size: "sm",
-            color: item.highlight ? "#06C755" : "#333333",
-            weight: item.highlight ? "bold" : "regular",
-            flex: 2,
-            align: "end",
-            wrap: true,
-          } as FlexText,
-        ],
-        paddingAll: "md",
-        backgroundColor: index % 2 === 0 ? "#FFFFFF" : "#FAFAFA",
-      }) as FlexBox,
-  );
-
-  // Header section
-  const headerContents = buildTitleSubtitleHeader({ title, subtitle });
-
-  const bodyContents: FlexComponent[] = [
-    ...buildCardHeaderSections(headerContents),
-    {
-      type: "box",
-      layout: "vertical",
-      contents: itemRows,
-      margin: "md",
-      cornerRadius: "md",
-      borderWidth: "light",
-      borderColor: "#EEEEEE",
-    } as FlexBox,
-  ];
-
-  // Total section with emphasis
-  if (total) {
-    bodyContents.push({
-      type: "box",
-      layout: "horizontal",
-      contents: [
-        {
-          type: "text",
-          text: total.label,
-          size: "lg",
-          weight: "bold",
-          color: "#111111",
-          flex: 2,
-        } as FlexText,
-        {
-          type: "text",
-          text: total.value,
-          size: "xl",
-          weight: "bold",
-          color: "#06C755",
-          flex: 2,
-          align: "end",
-        } as FlexText,
-      ],
-      margin: "xl",
-      paddingAll: "lg",
-      backgroundColor: "#F0FDF4",
-      cornerRadius: "lg",
-    } as FlexBox);
-  }
-
-  return createMegaBubbleWithFooter({ bodyContents, footer });
-}
-
-/**
- * Create a calendar event card (for meetings, appointments, reminders)
- *
- * Editorial design: Date as hero, strong typographic hierarchy,
- * color-blocked zones, full text wrapping for readability.
- */
-export function createEventCard(params: {
-  title: string;
-  date: string;
-  time?: string;
-  location?: string;
-  description?: string;
-  calendar?: string;
-  isAllDay?: boolean;
-  action?: Action;
-}): FlexBubble {
-  const { title, date, time, location, description, calendar, isAllDay, action } = params;
-
-  // Hero date block - the most important information
-  const dateBlock: FlexBox = {
-    type: "box",
-    layout: "vertical",
-    contents: [
-      {
-        type: "text",
-        text: date.toUpperCase(),
-        size: "sm",
-        weight: "bold",
-        color: "#06C755",
-        wrap: true,
-      } as FlexText,
-      {
-        type: "text",
-        text: isAllDay ? "ALL DAY" : (time ?? ""),
-        size: "xxl",
-        weight: "bold",
-        color: "#111111",
-        wrap: true,
-        margin: "xs",
-      } as FlexText,
-    ],
-    paddingBottom: "lg",
-    borderWidth: "none",
-  };
-
-  // If no time and not all day, hide the time display
-  if (!time && !isAllDay) {
-    dateBlock.contents = [
-      {
-        type: "text",
-        text: date,
-        size: "xl",
-        weight: "bold",
-        color: "#111111",
-        wrap: true,
-      } as FlexText,
-    ];
-  }
-
-  // Event title with accent bar
-  const titleBlock: FlexBox = {
-    type: "box",
-    layout: "horizontal",
-    contents: [
-      {
-        type: "box",
-        layout: "vertical",
-        contents: [],
-        width: "4px",
-        backgroundColor: "#06C755",
-        cornerRadius: "2px",
-      } as FlexBox,
-      {
-        type: "box",
-        layout: "vertical",
-        contents: [
-          {
-            type: "text",
-            text: title,
-            size: "lg",
-            weight: "bold",
-            color: "#1a1a1a",
-            wrap: true,
-          } as FlexText,
-          ...(calendar
-            ? [
-                {
-                  type: "text",
-                  text: calendar,
-                  size: "xs",
-                  color: "#888888",
-                  margin: "sm",
-                  wrap: true,
-                } as FlexText,
-              ]
-            : []),
-        ],
-        flex: 1,
-        paddingStart: "lg",
-      } as FlexBox,
-    ],
-    paddingTop: "lg",
-    paddingBottom: "lg",
-    borderWidth: "light",
-    borderColor: "#EEEEEE",
-  };
-
-  const bodyContents: FlexComponent[] = [dateBlock, titleBlock];
-
-  // Details section (location + description) in subtle background
-  const hasDetails = location || description;
-  if (hasDetails) {
-    const detailItems: FlexComponent[] = [];
-
-    if (location) {
-      detailItems.push({
-        type: "box",
-        layout: "horizontal",
-        contents: [
-          {
-            type: "text",
-            text: "📍",
-            size: "sm",
-            flex: 0,
-          } as FlexText,
-          {
-            type: "text",
-            text: location,
-            size: "sm",
-            color: "#444444",
-            margin: "md",
-            flex: 1,
-            wrap: true,
-          } as FlexText,
-        ],
-        alignItems: "flex-start",
-      } as FlexBox);
-    }
-
-    if (description) {
-      detailItems.push({
-        type: "text",
-        text: description,
-        size: "sm",
-        color: "#666666",
-        wrap: true,
-        margin: location ? "lg" : "none",
-      } as FlexText);
-    }
-
-    bodyContents.push({
-      type: "box",
-      layout: "vertical",
-      contents: detailItems,
-      margin: "lg",
-      paddingAll: "lg",
-      backgroundColor: "#F8F9FA",
-      cornerRadius: "lg",
-    } as FlexBox);
-  }
-
-  return {
-    type: "bubble",
-    size: "mega",
-    body: {
-      type: "box",
-      layout: "vertical",
-      contents: bodyContents,
-      paddingAll: "xl",
-      backgroundColor: "#FFFFFF",
-      action,
-    },
-  };
-}
-
-/**
- * Create a calendar agenda card showing multiple events
- *
- * Editorial timeline design: Time-focused left column with event details
- * on the right. Visual accent bars indicate event priority/recency.
- */
-export function createAgendaCard(params: {
-  title: string;
-  subtitle?: string;
-  events: Array<{
-    title: string;
-    time?: string;
-    location?: string;
-    calendar?: string;
-    isNow?: boolean;
-  }>;
-  footer?: string;
-}): FlexBubble {
-  const { title, subtitle, events, footer } = params;
-
-  // Header with title and optional subtitle
-  const headerContents = buildTitleSubtitleHeader({ title, subtitle });
-
-  // Event timeline items
-  const eventItems: FlexComponent[] = events.slice(0, 6).map((event, index) => {
-    const isActive = event.isNow || index === 0;
-    const accentColor = isActive ? "#06C755" : "#E5E5E5";
-
-    // Time column (fixed width)
-    const timeColumn: FlexBox = {
-      type: "box",
-      layout: "vertical",
-      contents: [
-        {
-          type: "text",
-          text: event.time ?? "—",
-          size: "sm",
-          weight: isActive ? "bold" : "regular",
-          color: isActive ? "#06C755" : "#666666",
-          align: "end",
-          wrap: true,
-        } as FlexText,
-      ],
-      width: "65px",
-      justifyContent: "flex-start",
-    };
-
-    // Accent dot
-    const dotColumn: FlexBox = {
-      type: "box",
-      layout: "vertical",
-      contents: [
-        {
-          type: "box",
-          layout: "vertical",
-          contents: [],
-          width: "10px",
-          height: "10px",
-          backgroundColor: accentColor,
-          cornerRadius: "5px",
-        } as FlexBox,
-      ],
-      width: "24px",
-      alignItems: "center",
-      justifyContent: "flex-start",
-      paddingTop: "xs",
-    };
-
-    // Event details column
-    const detailContents: FlexComponent[] = [
-      {
-        type: "text",
-        text: event.title,
-        size: "md",
-        weight: "bold",
-        color: "#1a1a1a",
-        wrap: true,
-      } as FlexText,
-    ];
-
-    // Secondary info line
-    const secondaryParts: string[] = [];
-    if (event.location) {
-      secondaryParts.push(event.location);
-    }
-    if (event.calendar) {
-      secondaryParts.push(event.calendar);
-    }
-
-    if (secondaryParts.length > 0) {
-      detailContents.push({
-        type: "text",
-        text: secondaryParts.join(" · "),
-        size: "xs",
-        color: "#888888",
-        wrap: true,
-        margin: "xs",
-      } as FlexText);
-    }
-
-    const detailColumn: FlexBox = {
-      type: "box",
-      layout: "vertical",
-      contents: detailContents,
-      flex: 1,
-    };
-
-    return {
-      type: "box",
-      layout: "horizontal",
-      contents: [timeColumn, dotColumn, detailColumn],
-      margin: index > 0 ? "xl" : undefined,
-      alignItems: "flex-start",
-    } as FlexBox;
-  });
-
-  const bodyContents: FlexComponent[] = [
-    ...buildCardHeaderSections(headerContents),
-    {
-      type: "box",
-      layout: "vertical",
-      contents: eventItems,
-      paddingTop: "xl",
-    } as FlexBox,
-  ];
-
-  return createMegaBubbleWithFooter({ bodyContents, footer });
-}

package/src/flex-templates/types.ts

@@ -1,22 +0,0 @@
-import type { messagingApi } from "@line/bot-sdk";
-
-export type FlexContainer = messagingApi.FlexContainer;
-export type FlexBubble = messagingApi.FlexBubble;
-export type FlexCarousel = messagingApi.FlexCarousel;
-export type FlexBox = messagingApi.FlexBox;
-export type FlexText = messagingApi.FlexText;
-export type FlexImage = messagingApi.FlexImage;
-export type FlexButton = messagingApi.FlexButton;
-export type FlexComponent = messagingApi.FlexComponent;
-export type Action = messagingApi.Action;
-
-export interface ListItem {
-  title: string;
-  subtitle?: string;
-  action?: Action;
-}
-
-export interface CardAction {
-  label: string;
-  action: Action;
-}

package/src/flex-templates.ts

@@ -1,32 +0,0 @@
-export {
-  createActionCard,
-  createCarousel,
-  createImageCard,
-  createInfoCard,
-  createListCard,
-  createNotificationBubble,
-} from "./flex-templates/basic-cards.js";
-export {
-  createAgendaCard,
-  createEventCard,
-  createReceiptCard,
-} from "./flex-templates/schedule-cards.js";
-export {
-  createAppleTvRemoteCard,
-  createDeviceControlCard,
-  createMediaPlayerCard,
-} from "./flex-templates/media-control-cards.js";
-export { toFlexMessage } from "./flex-templates/message.js";
-
-export type {
-  CardAction,
-  FlexBox,
-  FlexBubble,
-  FlexButton,
-  FlexCarousel,
-  FlexComponent,
-  FlexContainer,
-  FlexImage,
-  FlexText,
-  ListItem,
-} from "./flex-templates/types.js";

package/src/gateway.ts

@@ -1,129 +0,0 @@
-import { createLazyRuntimeModule } from "klaw/plugin-sdk/lazy-runtime";
-import { resolveLineAccount } from "./accounts.js";
-import {
-  clearAccountEntryFields,
-  DEFAULT_ACCOUNT_ID,
-  type ChannelPlugin,
-  type LineConfig,
-  type KlawConfig,
-  type ResolvedLineAccount,
-} from "./channel-api.js";
-import { getLineRuntime } from "./runtime.js";
-
-const loadLineProbeRuntime = createLazyRuntimeModule(() => import("./probe.runtime.js"));
-const loadLineMonitorRuntime = createLazyRuntimeModule(() => import("./monitor.runtime.js"));
-
-export const lineGatewayAdapter: NonNullable<ChannelPlugin<ResolvedLineAccount>["gateway"]> = {
-  startAccount: async (ctx) => {
-    const account = ctx.account;
-    const token = account.channelAccessToken.trim();
-    const secret = account.channelSecret.trim();
-    if (!token) {
-      throw new Error(
-        `LINE webhook mode requires a non-empty channel access token for account "${account.accountId}".`,
-      );
-    }
-    if (!secret) {
-      throw new Error(
-        `LINE webhook mode requires a non-empty channel secret for account "${account.accountId}".`,
-      );
-    }
-
-    let lineBotLabel = "";
-    try {
-      const probe = await (await loadLineProbeRuntime()).probeLineBot(token, 2500);
-      const displayName = probe.ok ? probe.bot?.displayName?.trim() : null;
-      if (displayName) {
-        lineBotLabel = ` (${displayName})`;
-      }
-    } catch (err) {
-      if (getLineRuntime().logging.shouldLogVerbose()) {
-        ctx.log?.debug?.(`[${account.accountId}] bot probe failed: ${String(err)}`);
-      }
-    }
-
-    ctx.log?.info(`[${account.accountId}] starting LINE provider${lineBotLabel}`);
-
-    const monitorLineProvider =
-      getLineRuntime().channel.line?.monitorLineProvider ??
-      (await loadLineMonitorRuntime()).monitorLineProvider;
-
-    return await monitorLineProvider({
-      channelAccessToken: token,
-      channelSecret: secret,
-      accountId: account.accountId,
-      config: ctx.cfg,
-      runtime: ctx.runtime,
-      abortSignal: ctx.abortSignal,
-      webhookPath: account.config.webhookPath,
-    });
-  },
-  logoutAccount: async ({ accountId, cfg }) => {
-    const envToken = process.env.LINE_CHANNEL_ACCESS_TOKEN?.trim() ?? "";
-    const nextCfg = { ...cfg } as KlawConfig;
-    const lineConfig = (cfg.channels?.line ?? {}) as LineConfig;
-    const nextLine = { ...lineConfig };
-    let cleared = false;
-    let changed = false;
-
-    if (accountId === DEFAULT_ACCOUNT_ID) {
-      if (
-        nextLine.channelAccessToken ||
-        nextLine.channelSecret ||
-        nextLine.tokenFile ||
-        nextLine.secretFile
-      ) {
-        delete nextLine.channelAccessToken;
-        delete nextLine.channelSecret;
-        delete nextLine.tokenFile;
-        delete nextLine.secretFile;
-        cleared = true;
-        changed = true;
-      }
-    }
-
-    const accountCleanup = clearAccountEntryFields({
-      accounts: nextLine.accounts,
-      accountId,
-      fields: ["channelAccessToken", "channelSecret", "tokenFile", "secretFile"],
-      markClearedOnFieldPresence: true,
-    });
-    if (accountCleanup.changed) {
-      changed = true;
-      if (accountCleanup.cleared) {
-        cleared = true;
-      }
-      if (accountCleanup.nextAccounts) {
-        nextLine.accounts = accountCleanup.nextAccounts;
-      } else {
-        delete nextLine.accounts;
-      }
-    }
-
-    if (changed) {
-      if (Object.keys(nextLine).length > 0) {
-        nextCfg.channels = { ...nextCfg.channels, line: nextLine };
-      } else {
-        const nextChannels = { ...nextCfg.channels };
-        delete (nextChannels as Record<string, unknown>).line;
-        if (Object.keys(nextChannels).length > 0) {
-          nextCfg.channels = nextChannels;
-        } else {
-          delete nextCfg.channels;
-        }
-      }
-      await getLineRuntime().config.replaceConfigFile({
-        nextConfig: nextCfg,
-        afterWrite: { mode: "auto" },
-      });
-    }
-
-    const resolved = resolveLineAccount({
-      cfg: changed ? nextCfg : cfg,
-      accountId,
-    });
-    const loggedOut = resolved.tokenSource === "none";
-
-    return { cleared, envToken: Boolean(envToken), loggedOut };
-  },
-};