search

TheFabulousPika / steam-chatlog-to-text

A chrome extension that converts Steam webchat log to text format
2 stars 0 forks source link

Store Link: Add Store Link URL to formatted text #34

Closed TheFabulousPika closed 3 years ago

TheFabulousPika commented 3 years ago

Setting: Don't embed images and other media in-line: OFF

Fix: Add the following link in the formatted text: https://store.steampowered.com/app/6910

<div class="msgText " data-copytext="">
  <div class="bbcode_ChatMessageSteamStore_gwzSZ" style="">
    <div class="bbcode_ChatMessageSteamStore_Header_3X7hC" style=""><img class="bbcode_ChatMessageSteamStore_HeaderImage_2s811" src="https://steamcdn-a.akamaihd.net/steam/apps/6910/header.jpg?t=1593506349"><img class="bbcode_ChatMessageSteamStore_HeaderImage_2s811 bbcode_Blurred_3BKMl" src="https://steamcdn-a.akamaihd.net/steam/apps/6910/header.jpg?t=1593506349">
      <div class="bbcode_ChatMessageSteamStore_GameDetails_99hwV">
        <div class="bbcode_ChatMessageSteamStore_GameNameAndIcon_qa-O1">
          <div class="bbcode_ChatMessageSteamStore_Name_2-b92">Deus Ex: Game of the Year Edition</div>
        </div>
        <div>from <span style="color: rgba(255, 255, 255, 0.8);">Ion Storm</span></div>
        <div style="font-size: 12px;">Release Date: <span style="color: rgba(255, 255, 255, 0.8);">Mar 29, 2007</span></div>
      </div>
    </div>
    <div class="bbcode_ChatMessageSteamStore_Body_1L1hB">
      <div class="bbcode_ChatMessageSteamStore_DetailsContainer_2d12m">
        <div class="bbcode_ChatMessageTweet_NameSection_3c-Qw">
          <div class="bbcode_ChatMessageSteamStore_Description_17PwS">The year is 2052 and the world is a dangerous and chaotic place. Terrorists operate openly - killing thousands; drugs, disease and pollution kill even more. The world's economies are close to collapse and the gap between the insanely wealthy and the desperately poor grows ever wider. </div>
          <div class="bbcode_ChatMessageSteamStore_Footer_1mXJd">
            <div class="bbcode_ChatMessageSteamStore_PricingContainer_fYTQK">
              <div class="bbcode_ChatMessageSteamStore_Pricing_bKeQr">
                <div class="bbcode_ChatMessageSteamStore_Pricing_FinalContainer_3piGx">
                  <div class="bbcode_ChatMessageSteamStore_Pricing_Final_2TCu5">$6.99</div>
                </div>
              </div>
              <div class="bbcode_ChatMessageSteamStore_ViewStore_1_czf">View Store Page</div>
            </div>
            <div class="bbcode_ChatMessageSteamStore_CopyURL_23S5M" title="Copy Link to Clipboard"><svg version="1.1" class="SVGIcon_Button SVGIcon_CopyToClipboard" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="256px" height="256px" viewBox="0 0 256 256">
                <polyline fill="none" class="line" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="178.25,197.25 247,197.25 247,82.5 175,10.25 111.5,10.25 111.5,56 "></polyline>
                <polygon fill="none" class="line" stroke-width="12" stroke-linejoin="round" stroke-miterlimit="10" points="155,133 83,60.75 11,60.75 11,247.75 155,247.75 "></polygon>
                <polyline fill="none" class="line" stroke-width="12" stroke-linejoin="round" stroke-miterlimit="10" points="83,60.75 83,133 155,133 "></polyline>
                <polyline fill="none" class="line" stroke-width="12" stroke-linejoin="round" stroke-miterlimit="10" points="175,10.25 175,82.5 247,82.5 "></polyline>
              </svg></div>
          </div>
        </div>
      </div>
      <div class="bbcode_ChatMessageSteamStore_MediaContainer_2i_00">
        <div class="bbcode_ChatMessageSteamStore_MainMedia_28eQq"><img src="https://steamcdn-a.akamaihd.net/steam/apps/6910/0000001631.600x338.jpg?t=1593506349" style="width: 100%;"></div>
        <div class="bbcode_ChatMessageSteamStore_ThumbnailsContainer_246HV">
          <div class="bbcode_ChatMessageSteamStore_Screenshot_3XVGb"><img class="bbcode_ChatMessageSteamStore_ScreenshotThumbnail_3R0VG" src="https://steamcdn-a.akamaihd.net/steam/apps/6910/0000001632.600x338.jpg?t=1593506349"></div>
          <div class="bbcode_ChatMessageSteamStore_Screenshot_3XVGb"><img class="bbcode_ChatMessageSteamStore_ScreenshotThumbnail_3R0VG" src="https://steamcdn-a.akamaihd.net/steam/apps/6910/0000001633.600x338.jpg?t=1593506349"></div>
          <div class="bbcode_ChatMessageSteamStore_Screenshot_3XVGb"><img class="bbcode_ChatMessageSteamStore_ScreenshotThumbnail_3R0VG" src="https://steamcdn-a.akamaihd.net/steam/apps/6910/0000001634.600x338.jpg?t=1593506349"></div>
        </div>
      </div>
      <div class="bbcode_ChatMessageSteamStore_VideoLargeContainer_2pzdG">
        <div><svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" class="SVGIcon_Button SVGIcon_X_Line" x="0px" y="0px" width="256px" height="256px" viewBox="0 0 256 256">
            <line fill="none" stroke="#ffffff" stroke-width="45" stroke-miterlimit="10" x1="212" y1="212" x2="44" y2="44"></line>
            <line fill="none" stroke="#ffffff" stroke-width="45" stroke-miterlimit="10" x1="44" y1="212" x2="212" y2="44"></line>
          </svg></div>
      </div>
    </div>
  </div>
</div>
TheFabulousPika commented 3 years ago

Grab the app ID (6910) from the following element and append to URL https://store.steampowered.com/app/xxxx

<img class="bbcode_ChatMessageSteamStore_HeaderImage_2s811" src="https://steamcdn-a.akamaihd.net/steam/apps/6910/header.jpg?t=1593506349">

node.src.split('/')[5]