{"version":3,"file":"columnEmpathyComponent-7c67f4ac.js","sources":["../../../resources/js/bookcolumn/AppEmpathy.vue","../../../resources/js/column/AppEmpathy.vue","../../../resources/js/columnEmpathyComponent.js"],"sourcesContent":["<script setup>\r\nimport {ClientJS} from \"clientjs\";\r\nimport {computed, inject, onMounted, ref} from \"vue\";\r\nimport {nextTick} from \"alpinejs/src/nextTick\";\r\n\r\n// URL\r\nconst siteUrl = document.querySelector('meta[name=\"site-url\"]').content;\r\n\r\n// コラム ID\r\nconst id = inject('id');\r\n\r\n// 表示数\r\nconst empathy = ref('');\r\n\r\n// 現在自身が共感しているか\r\nconst active = ref(false);\r\n\r\n// 連打防止用のロック\r\nconst lock = ref(false);\r\n\r\n// 実際の共感数\r\nconst realEmpathyCount = computed(() => {\r\n  return empathy.value === '' ? '' : new Intl.NumberFormat().format(Number(empathy.value) + (active.value ? 1 : 0));\r\n});\r\n\r\n// 共感の変更を行う\r\nconst changeFavorite = async () => {\r\n  // ロック中は処理を行わない\r\n  if (lock.value) {\r\n    return;\r\n  }\r\n\r\n  // ロックを設定\r\n  lock.value = true;\r\n\r\n  //サーバーと通信を試みる\r\n  try {\r\n    //サーバーと適切なメソッドで通知を行う\r\n    const response = await fetch(siteUrl+'column/toggleEmpathy/'+id+'?fingerprint='+(new ClientJS()).getFingerprint());\r\n\r\n    //レスポンス異常発生\r\n    if ( ! response.ok) {\r\n      //もし 404 だったらログインしていない\r\n      if (response.status === 404) {\r\n        throw new Error('ログインセッションが切れている可能性があります。恐れ入りますがページをリロードして再度ログインしてください。');\r\n      }\r\n\r\n      //エラーメッセージが返っているか判定\r\n      const parameter = await response.json();\r\n\r\n      //もしエラーメッセージが存在すれば返す\r\n      if ('messages' in parameter && Array.isArray(parameter.messages)) {\r\n        throw parameter.messages;\r\n      }\r\n\r\n      //エラーメッセージを文字列に変換して例外を投げる\r\n      throw new Error('エラーが発生しました。しばらくしてから再度お試しください。');\r\n    }\r\n\r\n    // 応答 JSON のパース\r\n    const data = await response.json();\r\n\r\n    // data.empathy が true なら +1、false なら -1\r\n    active.value = data.empathy;\r\n  }\r\n\r\n    //エラーが起きたら文字列の一次元配列に成形して errors に登録する\r\n  catch (error) {\r\n    //恐らく通信途絶\r\n    if (error instanceof TypeError) {\r\n      console.log('ネットワーク接続に失敗しました。');\r\n    }\r\n\r\n    //恐らく意図的な中断\r\n    else if (error instanceof DOMException) {\r\n      console.log('ネットワーク接続が中断されました。');\r\n    }\r\n\r\n    //恐らくサーバーからのメッセージ\r\n    else if (Array.isArray(error)) {\r\n      console.log(error.join(\"\\n\"));\r\n    }\r\n\r\n    //恐らくカスタムエラー\r\n    else if (error instanceof Error) {\r\n      console.log(error.message);\r\n    }\r\n\r\n    //不明\r\n    else {\r\n      console.log('エラーが発生しました。しばらくしてから再度お試しください。');\r\n    }\r\n\r\n    // エラーが発生した場合は、active の値を元に戻す\r\n    active.value = ! active.value;\r\n  }\r\n\r\n  finally {\r\n    // ロックを解除\r\n    lock.value = false;\r\n  }\r\n};\r\n\r\n// サーバーから共感数を取得\r\nonMounted(() => {\r\n  setTimeout(async () => {\r\n    try {\r\n      // サーバーと通信\r\n      const response = await fetch(siteUrl+'column/getEmpathy/'+id+'?fingerprint='+(new ClientJS()).getFingerprint());\r\n\r\n      // レスポンス異常発生\r\n      if ( ! response.ok) {\r\n        return;\r\n      }\r\n\r\n      // レスポンスを取得\r\n      const data = await response.json();\r\n\r\n      // 各値を設定\r\n      empathy.value = String(data.count);\r\n      active.value = data.result;\r\n      empathy.value = active.value ? empathy.value - 1 : empathy.value;\r\n    }\r\n\r\n    catch (error) {\r\n      console.log(error.message);\r\n    }\r\n  }, 3000 + Math.floor(Math.random() * 5001));\r\n});\r\n</script>\r\n\r\n<template>\r\n  <label class=\"pChip dHeart dRed\">\r\n    <input\r\n      v-model=\"active\"\r\n      type=\"checkbox\"\r\n      @change=\"changeFavorite\"\r\n    >\r\n    <span class=\"pFont14 pFontMedium\">{{realEmpathyCount}}</span>\r\n  </label>\r\n</template>\r\n","<script setup>\r\nimport {ClientJS} from \"clientjs\";\r\nimport {computed, inject, onMounted, ref} from \"vue\";\r\nimport {nextTick} from \"alpinejs/src/nextTick\";\r\n\r\n// URL\r\nconst siteUrl = document.querySelector('meta[name=\"site-url\"]').content;\r\n\r\n// コラム ID\r\nconst id = inject('id');\r\n\r\n// 表示数\r\nconst empathy = ref('');\r\n\r\n// 現在自身が共感しているか\r\nconst active = ref(false);\r\n\r\n// 連打防止用のロック\r\nconst lock = ref(false);\r\n/**/\r\n// 実際の共感数\r\nconst realEmpathyCount = computed(() => {\r\n  return empathy.value === '' ? '' : new Intl.NumberFormat().format(Number(empathy.value) + (active.value ? 1 : 0));\r\n});\r\n\r\n// 共感の変更を行う\r\nconst changeFavorite = async () => {\r\n  // ロック中は処理を行わない\r\n  if (lock.value) {\r\n    return;\r\n  }\r\n\r\n  // ロックを設定\r\n  lock.value = true;\r\n\r\n  // この時点の active の値を保持\r\n  const activeValue = active.value;\r\n\r\n  //サーバーと通信を試みる\r\n  try {\r\n    //サーバーと適切なメソッドで通知を行う\r\n    const response = await fetch(siteUrl+'writing/toggleEmpathy/'+id+'?fingerprint='+(new ClientJS()).getFingerprint());\r\n\r\n    //レスポンス異常発生\r\n    if ( ! response.ok) {\r\n      //もし 404 だったらログインしていない\r\n      if (response.status === 404) {\r\n        throw new Error('ログインセッションが切れている可能性があります。恐れ入りますがページをリロードして再度ログインしてください。');\r\n      }\r\n\r\n      //エラーメッセージが返っているか判定\r\n      const parameter = await response.json();\r\n\r\n      //もしエラーメッセージが存在すれば返す\r\n      if ('messages' in parameter && Array.isArray(parameter.messages)) {\r\n        throw parameter.messages;\r\n      }\r\n\r\n      //エラーメッセージを文字列に変換して例外を投げる\r\n      throw new Error('エラーが発生しました。しばらくしてから再度お試しください。');\r\n    }\r\n\r\n    // 応答 JSON のパース\r\n    const data = await response.json();\r\n\r\n    // data.empathy が true なら +1、false なら -1\r\n    active.value = data.empathy;\r\n  }\r\n\r\n    //エラーが起きたら文字列の一次元配列に成形して errors に登録する\r\n  catch (error) {\r\n    //恐らく通信途絶\r\n    if (error instanceof TypeError) {\r\n      console.log('ネットワーク接続に失敗しました。');\r\n    }\r\n\r\n    //恐らく意図的な中断\r\n    else if (error instanceof DOMException) {\r\n      console.log('ネットワーク接続が中断されました。');\r\n    }\r\n\r\n    //恐らくサーバーからのメッセージ\r\n    else if (Array.isArray(error)) {\r\n      console.log(error.join(\"\\n\"));\r\n    }\r\n\r\n    //恐らくカスタムエラー\r\n    else if (error instanceof Error) {\r\n      console.log(error.message);\r\n    }\r\n\r\n    //不明\r\n    else {\r\n      console.log('エラーが発生しました。しばらくしてから再度お試しください。');\r\n    }\r\n\r\n    // エラーが発生した場合は、active の値を元に戻す\r\n    active.value = ! active.value;\r\n  }\r\n\r\n  finally {\r\n    // ロックを解除\r\n    lock.value = false;\r\n  }\r\n};\r\n\r\n// サーバーから共感数を取得\r\nonMounted(() => {\r\n  setTimeout(async () => {\r\n    try {\r\n      // サーバーと通信\r\n      const response = await fetch(siteUrl+'writing/getEmpathy/'+id+'?fingerprint='+(new ClientJS()).getFingerprint());\r\n\r\n      // レスポンス異常発生\r\n      if ( ! response.ok) {\r\n        return;\r\n      }\r\n\r\n      // レスポンスを取得\r\n      const data = await response.json();\r\n\r\n      // 各値を設定\r\n      empathy.value = String(data.count);\r\n      active.value = data.result;\r\n      empathy.value = active.value ? empathy.value - 1 : empathy.value;\r\n    }\r\n\r\n    catch (error) {\r\n      console.log(error.message);\r\n    }\r\n  }, 3000 + Math.floor(Math.random() * 5001));\r\n});\r\n</script>\r\n\r\n<template>\r\n  <label class=\"pChip dHeart dRed\">\r\n    <input\r\n      v-model=\"active\"\r\n      type=\"checkbox\"\r\n      @change=\"changeFavorite\"\r\n    >\r\n    <span class=\"pFont14 pFontMedium\">{{realEmpathyCount}}</span>\r\n  </label>\r\n</template>\r\n","import {createApp} from \"vue\";\r\nimport BookColumnEmpathy from \"./bookcolumn/AppEmpathy.vue\";\r\nimport ColumnEmpathy from \"./column/AppEmpathy.vue\";\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  const empathyComponents = document.querySelectorAll('.js-empathy');\r\n  for (const empathyComponent of empathyComponents) {\r\n    const app = empathyComponent.dataset.type === 'writing' ? createApp(ColumnEmpathy) : createApp(BookColumnEmpathy);\r\n    app.provide('id', Number(empathyComponent.dataset.id));\r\n    app.mount(empathyComponent);\r\n  }\r\n});\r\n"],"names":["siteUrl","id","inject","empathy","ref","active","lock","realEmpathyCount","computed","changeFavorite","response","ClientJS","parameter","data","error","onMounted","empathyComponents","empathyComponent","app","createApp","ColumnEmpathy","BookColumnEmpathy"],"mappings":"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"}