セミナー受付を
運営LINEグループに自動通知する

const PROP_TOKEN = 'LINE_CHANNEL_ACCESS_TOKEN';
const PROP_GROUP_ID = 'LINE_GROUP_ID';
const PROP_TIMEZONE = 'TIMEZONE';
const DEFAULT_TIMEZONE = 'Asia/Tokyo';

function onOpen() {
  SpreadsheetApp.getUi()
    .createMenu('LINE通知設定')
    .addItem('設定サイドバーを開く', 'showLineSettingsSidebar')
    .addSeparator()
    .addItem('テスト送信', 'testSend')
    .addItem('フォーム送信トリガーを設定', 'installTrigger')
    .addItem('設定状態をログに表示', 'checkSettings')
    .addToUi();
}

function showLineSettingsSidebar() {
  const html = HtmlService
    .createHtmlOutput(getLineSettingsSidebarHtml_())
    .setTitle('LINE通知設定');

  SpreadsheetApp.getUi().showSidebar(html);
}

function getLineSettings() {
  const props = PropertiesService.getScriptProperties();

  return {
    hasToken: Boolean(props.getProperty(PROP_TOKEN)),
    groupId: props.getProperty(PROP_GROUP_ID) || '',
    timezone: props.getProperty(PROP_TIMEZONE) || DEFAULT_TIMEZONE
  };
}

function saveLineSettingsFromSidebar(settings) {
  const props = PropertiesService.getScriptProperties();
  const currentToken = props.getProperty(PROP_TOKEN);
  const token = String(settings.token || '').trim();
  const groupId = String(settings.groupId || '').trim();
  const timezone = String(settings.timezone || DEFAULT_TIMEZONE).trim() || DEFAULT_TIMEZONE;

  if (!token && !currentToken) {
    throw new Error('チャネルアクセストークン（長期）を入力してください。');
  }

  const values = {
    [PROP_GROUP_ID]: groupId,
    [PROP_TIMEZONE]: timezone
  };

  if (token) {
    values[PROP_TOKEN] = token;
  }

  props.setProperties(values, false);

  return {
    message: '設定を保存しました。',
    hasToken: true,
    groupId: groupId,
    timezone: timezone
  };
}

function doPost(e) {
  const body = e.postData && e.postData.contents ? e.postData.contents : '{}';
  const data = JSON.parse(body);
  const events = data.events || [];
  const props = PropertiesService.getScriptProperties();

  Logger.log('LINE webhook body: ' + body);

  events.forEach(function(event) {
    const source = event.source || {};
    const targetId = source.groupId || source.roomId;

    Logger.log('LINE webhook source: ' + JSON.stringify(source));

    if (!targetId) {
      Logger.log('groupId/roomIdがないイベントです。type=' + (source.type || 'unknown'));
      return;
    }

    props.setProperty(PROP_GROUP_ID, targetId);
    Logger.log('LINE_GROUP_IDを保存しました: ' + targetId);

    const text = event.message && event.message.type === 'text'
      ? event.message.text
      : '';

    if (event.replyToken && /接続テスト|groupid|グループID/i.test(text)) {
      const idType = source.groupId ? 'groupId' : 'roomId';
      replyText_(event.replyToken, '接続できました。' + idType + 'をLINE_GROUP_IDとしてGASに保存しました。');
    }
  });

  return ContentService.createTextOutput('OK');
}

function installTrigger() {
  ScriptApp.getProjectTriggers().forEach(function(trigger) {
    if (trigger.getHandlerFunction() === 'onFormSubmit') {
      ScriptApp.deleteTrigger(trigger);
    }
  });

  ScriptApp.newTrigger('onFormSubmit')
    .forSpreadsheet(SpreadsheetApp.getActive())
    .onFormSubmit()
    .create();

  Logger.log('フォーム送信時トリガーを設定しました。');
}

function onFormSubmit(e) {
  const groupId = getRequiredProperty_(PROP_GROUP_ID);
  const message = buildAttendanceMessage_(e);
  pushText_(groupId, message);
}

function testSend() {
  const groupId = getRequiredProperty_(PROP_GROUP_ID);
  pushText_(groupId, 'GASからLINE運営グループへのテスト通知です。');
}

function checkSettings() {
  const props = PropertiesService.getScriptProperties();
  Logger.log('TOKEN: ' + (props.getProperty(PROP_TOKEN) ? '保存済み' : '未保存'));
  Logger.log('LINE_GROUP_ID: ' + (props.getProperty(PROP_GROUP_ID) || '未取得'));
  Logger.log('TIMEZONE: ' + (props.getProperty(PROP_TIMEZONE) || DEFAULT_TIMEZONE));
}

function resetGroupId() {
  PropertiesService.getScriptProperties().deleteProperty(PROP_GROUP_ID);
  Logger.log('LINE_GROUP_IDを削除しました。もう一度グループで接続テストを送ってください。');
}

function buildAttendanceMessage_(e) {
  const namedValues = e && e.namedValues ? e.namedValues : {};

  const name = pick_(namedValues, ['お名前', '名前', '氏名', '参加者名']) || '参加者';
  const company = pick_(namedValues, ['会社名・所属', '会社名', '所属', '団体名']);
  const session = pick_(namedValues, ['参加枠', '参加回', 'セミナー枠']);
  const memo = pick_(namedValues, ['メモ', '備考', '受付メモ']);
  const timestamp = pick_(namedValues, ['タイムスタンプ', '受付時刻']);

  const lines = [
    '【来場受付】',
    name + 'さんが来場しました。',
    '',
    '受付時刻: ' + formatDate_(timestamp),
    '会社名・所属: ' + (company || '-'),
    '参加枠: ' + (session || '-')
  ];

  if (memo) {
    lines.push('メモ: ' + memo);
  }

  return lines.join('\n');
}

function pushText_(to, text) {
  const token = getRequiredProperty_(PROP_TOKEN);
  const url = 'https://api.line.me/v2/bot/message/push';
  const payload = {
    to: to,
    messages: [{ type: 'text', text: text }]
  };

  requestLine_(url, payload, token);
}

function replyText_(replyToken, text) {
  const token = getRequiredProperty_(PROP_TOKEN);
  const url = 'https://api.line.me/v2/bot/message/reply';
  const payload = {
    replyToken: replyToken,
    messages: [{ type: 'text', text: text }]
  };

  requestLine_(url, payload, token);
}

function requestLine_(url, payload, token) {
  const response = UrlFetchApp.fetch(url, {
    method: 'post',
    contentType: 'application/json',
    headers: {
      Authorization: 'Bearer ' + token
    },
    payload: JSON.stringify(payload),
    muteHttpExceptions: true
  });

  const status = response.getResponseCode();
  const body = response.getContentText();

  Logger.log('LINE API status: ' + status);
  Logger.log(body);

  if (status < 200 || status >= 300) {
    throw new Error('LINE API error: ' + status + ' ' + body);
  }
}

function pick_(namedValues, keys) {
  for (let i = 0; i < keys.length; i++) {
    const value = namedValues[keys[i]];
    if (Array.isArray(value) && value[0]) {
      return String(value[0]).trim();
    }
    if (value) {
      return String(value).trim();
    }
  }
  return '';
}

function formatDate_(value) {
  if (!value) {
    return Utilities.formatDate(new Date(), getTimeZone_(), 'yyyy/MM/dd HH:mm');
  }

  const date = value instanceof Date ? value : new Date(value);

  if (isNaN(date.getTime())) {
    return String(value);
  }

  return Utilities.formatDate(date, getTimeZone_(), 'yyyy/MM/dd HH:mm');
}

function getTimeZone_() {
  return PropertiesService.getScriptProperties().getProperty(PROP_TIMEZONE) || DEFAULT_TIMEZONE;
}

function getRequiredProperty_(key) {
  const value = PropertiesService.getScriptProperties().getProperty(key);

  if (!value) {
    throw new Error(key + ' が未設定です。スプレッドシートの「LINE通知設定」メニューから設定してください。');
  }

  return value;
}

function getLineSettingsSidebarHtml_() {
  return `
<!DOCTYPE html>
<html>
<head>
  <base target="_top">
  <style>
    body{font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP",sans-serif;color:#1f2937;padding:14px;line-height:1.6}
    h2{font-size:18px;margin:0 0 12px}
    label{display:block;font-weight:700;margin-top:14px;font-size:13px}
    input{box-sizing:border-box;width:100%;border:1px solid #d1d5db;border-radius:6px;padding:9px 10px;font-size:13px}
    button{width:100%;border:0;border-radius:999px;padding:10px 12px;margin-top:12px;color:#fff;background:#0f9f9a;font-weight:700;cursor:pointer}
    button.secondary{color:#0f9f9a;background:#eaf7f6}
    .help{color:#64748b;font-size:12px;margin-top:4px}
    .status{background:#f1f5f9;border-radius:6px;padding:9px 10px;font-size:12px;margin:10px 0}
    #message{min-height:20px;margin-top:12px;font-size:12px;color:#166534}
    #message.error{color:#dc2626}
  </style>
</head>
<body>
  <h2>LINE通知設定</h2>
  <div class="status" id="tokenStatus">読み込み中...</div>
  <label for="token">チャネルアクセストークン（長期）</label>
  <input id="token" type="password" autocomplete="off" placeholder="新しく保存する時だけ貼り付け">
  <div class="help">空欄で保存すると、保存済みトークンをそのまま使います。</div>
  <label for="groupId">LINE_GROUP_ID（roomIdも可）</label>
  <input id="groupId" type="text" placeholder="接続テストで自動取得。手入力も可">
  <div class="help">運営LINEグループまたは複数人トークで「接続テスト」と送ると自動保存されます。</div>
  <label for="timezone">タイムゾーン</label>
  <input id="timezone" type="text" value="Asia/Tokyo">
  <button onclick="save()">設定を保存</button>
  <button class="secondary" onclick="testSend()">テスト送信</button>
  <button class="secondary" onclick="installTrigger()">フォーム送信トリガーを設定</button>
  <div id="message"></div>
  <script>
    function setMessage(text, isError) {
      var el = document.getElementById('message');
      el.textContent = text || '';
      el.className = isError ? 'error' : '';
    }
    function load() {
      google.script.run.withSuccessHandler(function(settings) {
        document.getElementById('tokenStatus').textContent = settings.hasToken ? 'TOKEN: 保存済み' : 'TOKEN: 未保存';
        document.getElementById('groupId').value = settings.groupId || '';
        document.getElementById('timezone').value = settings.timezone || 'Asia/Tokyo';
      }).withFailureHandler(function(error) {
        setMessage(error.message, true);
      }).getLineSettings();
    }
    function save() {
      setMessage('保存中...');
      google.script.run.withSuccessHandler(function(settings) {
        document.getElementById('token').value = '';
        document.getElementById('tokenStatus').textContent = settings.hasToken ? 'TOKEN: 保存済み' : 'TOKEN: 未保存';
        document.getElementById('groupId').value = settings.groupId || '';
        document.getElementById('timezone').value = settings.timezone || 'Asia/Tokyo';
        setMessage(settings.message || '保存しました。');
      }).withFailureHandler(function(error) {
        setMessage(error.message, true);
      }).saveLineSettingsFromSidebar({
        token: document.getElementById('token').value,
        groupId: document.getElementById('groupId').value,
        timezone: document.getElementById('timezone').value
      });
    }
    function testSend() {
      setMessage('テスト送信中...');
      google.script.run.withSuccessHandler(function() {
        setMessage('テスト送信しました。LINEグループを確認してください。');
      }).withFailureHandler(function(error) {
        setMessage(error.message, true);
      }).testSend();
    }
    function installTrigger() {
      setMessage('トリガー設定中...');
      google.script.run.withSuccessHandler(function() {
        setMessage('フォーム送信トリガーを設定しました。');
      }).withFailureHandler(function(error) {
        setMessage(error.message, true);
      }).installTrigger();
    }
    load();
  </script>
</body>
</html>`;
}

npx wrangler pages deploy . --project-name shiftai-yurutto-line-gas