<commit_before><template>
  <div>
    <ScoreHeader></ScoreHeader>
    <main id="sideBySide">
      <!--<div ref='mainDiv' class="mainDiv service-workers">
    <div class="mastHead">
      <h2>{{ $t('serviceworker.title') }}</h2>
      <p>{{ $t('serviceworker.summary') }}</p>
    </div>
    <div class="l-generator-semipadded pure-g">
      <div class="pure-u-1 pure-u-md-1-2 generator-section">

        <form @submit.prevent="download" @keydown.enter.prevent="download">
          <div class="l-generator-field checkbox" v-for="sw in serviceworkers" :key="sw.id">
            <input type="radio" :value="sw.id" v-model="serviceworker$" :disabled="sw.disable" :id="sw.id" />
            <label class="l-generator-label" :for="sw.id">
              <h4>{{ sw.title }} </h4> <span v-if="sw.disable">(coming soon)</span>
            </label>
            <span class="l-generator-description">{{ sw.description }}</span>
          </div>
          <div class="l-generator-wrapper pure-u-2-5">

           
            <a class="work-button"  @click="onClickShowGBB()" href="#">I'm done</a>
          
          </div>
          <div class="pure-u-3-5">
            <p class="l-generator-error" v-if="error"><span class="icon-exclamation"></span> {{ $t(error) }}</p>
          </div>
        </form>

      </div>
      <div class="serviceworker-preview pure-u-1 pure-u-md-1-2 generator-section">
        <CodeViewer codeType="javascript" :size="viewerSize" :code="webPreview" :title="$t('serviceworker.code_preview_web')">
          <nuxt-link :to="$i18n.path('publish')" class="pwa-button pwa-button--simple pwa-button--brand pwa-button--header" @click=" $awa( { 'referrerUri': 'https://preview.pwabuilder.com/generator-nextStep-trigger'})">
            {{ $t("serviceworker.next_step") }}
          </nuxt-link>
        </CodeViewer>
        <CodeViewer class="bottomViewer" codeType="javascript" :size="bottomViewerSize" :code="serviceworkerPreview" :title="$t('serviceworker.code_preview_serviceworker')"></CodeViewer>
            <p class="download-text">{{ $t('serviceworker.download_link') }}
          <a class="" href="https://github.com/pwa-builder/serviceworkers" target="_blank">GitHub</a>.
          </p>
      </div>

    </div>
  </div>

  <!--<Modal title="Next" ref="nextStepModal" @submit="onSubmitIconModal" @cancel="onCancelIconModal">
    <GoodPWA :hasWorker="hasSW"/>
      </Modal>-->
      <!--<Modal v-on:modalOpened="modalOpened()" v-on:modalClosed="modalClosed()" title="" ref="nextStepModal">
    <GoodPWA :hasWorker="hasSW" :hasBetterWorker="betterSW"/>
    <a class="cancelText" href="#" @click="onClickHideGBB(); $awa( { 'referrerUri': 'https://preview.pwabuilder.com/manifest/add-member' });">
      {{$t("modal.goBack")}}
    </a>

      </Modal>-->
      <section id="leftSide">
        <header class="mastHead">
          <h2>{{ $t("serviceworker.title") }}</h2>
          <p>{{ $t("serviceworker.summary") }}</p>

          <div id="doneDiv">
            <!--<button id="doneButton">Done</button>-->
            <nuxt-link id="doneButton" to="reportCard">Done</nuxt-link>
          </div>
        </header>

        <div id="inputSection">
          <form @submit.prevent="download" @keydown.enter.prevent="download">
            <div class="inputContainer" v-for="sw in serviceworkers" :key="sw.id">
              <label class="l-generator-label" :for="sw.id">
                <div id="inputDiv">
                  <input
                    type="radio"
                    :value="sw.id"
                    v-model="serviceworker$"
                    :disabled="sw.disable"
                    :id="sw.id"
                  >
                  <h4>{{ sw.title }}</h4>
                  <span v-if="sw.disable">(coming soon)</span>
                </div>
              </label>
              <div class="swDesc">{{ sw.description }}</div>
            </div>
            <div class="pure-u-3-5">
              <p class="l-generator-error" v-if="error">
                <span class="icon-exclamation"></span>
                {{ $t(error) }}
              </p>
            </div>
          </form><commit_msg>chore(): done button should call analytics<commit_after><template>
  <div>
    <ScoreHeader></ScoreHeader>
    <main id="sideBySide">
      <!--<div ref='mainDiv' class="mainDiv service-workers">
    <div class="mastHead">
      <h2>{{ $t('serviceworker.title') }}</h2>
      <p>{{ $t('serviceworker.summary') }}</p>
    </div>
    <div class="l-generator-semipadded pure-g">
      <div class="pure-u-1 pure-u-md-1-2 generator-section">

        <form @submit.prevent="download" @keydown.enter.prevent="download">
          <div class="l-generator-field checkbox" v-for="sw in serviceworkers" :key="sw.id">
            <input type="radio" :value="sw.id" v-model="serviceworker$" :disabled="sw.disable" :id="sw.id" />
            <label class="l-generator-label" :for="sw.id">
              <h4>{{ sw.title }} </h4> <span v-if="sw.disable">(coming soon)</span>
            </label>
            <span class="l-generator-description">{{ sw.description }}</span>
          </div>
          <div class="l-generator-wrapper pure-u-2-5">

           
            <a class="work-button"  @click="onClickShowGBB()" href="#">I'm done</a>
          
          </div>
          <div class="pure-u-3-5">
            <p class="l-generator-error" v-if="error"><span class="icon-exclamation"></span> {{ $t(error) }}</p>
          </div>
        </form>

      </div>
      <div class="serviceworker-preview pure-u-1 pure-u-md-1-2 generator-section">
        <CodeViewer codeType="javascript" :size="viewerSize" :code="webPreview" :title="$t('serviceworker.code_preview_web')">
          <nuxt-link :to="$i18n.path('publish')" class="pwa-button pwa-button--simple pwa-button--brand pwa-button--header" @click=" $awa( { 'referrerUri': 'https://preview.pwabuilder.com/generator-nextStep-trigger'})">
            {{ $t("serviceworker.next_step") }}
          </nuxt-link>
        </CodeViewer>
        <CodeViewer class="bottomViewer" codeType="javascript" :size="bottomViewerSize" :code="serviceworkerPreview" :title="$t('serviceworker.code_preview_serviceworker')"></CodeViewer>
            <p class="download-text">{{ $t('serviceworker.download_link') }}
          <a class="" href="https://github.com/pwa-builder/serviceworkers" target="_blank">GitHub</a>.
          </p>
      </div>

    </div>
  </div>

  <!--<Modal title="Next" ref="nextStepModal" @submit="onSubmitIconModal" @cancel="onCancelIconModal">
    <GoodPWA :hasWorker="hasSW"/>
      </Modal>-->
      <!--<Modal v-on:modalOpened="modalOpened()" v-on:modalClosed="modalClosed()" title="" ref="nextStepModal">
    <GoodPWA :hasWorker="hasSW" :hasBetterWorker="betterSW"/>
    <a class="cancelText" href="#" @click="onClickHideGBB(); $awa( { 'referrerUri': 'https://preview.pwabuilder.com/manifest/add-member' });">
      {{$t("modal.goBack")}}
    </a>

      </Modal>-->
      <section id="leftSide">
        <header class="mastHead">
          <h2>{{ $t("serviceworker.title") }}</h2>
          <p>{{ $t("serviceworker.summary") }}</p>

          <div id="doneDiv">
            <!--<button id="doneButton">Done</button>-->
            <nuxt-link  @click=" $awa( { 'referrerUri': 'https://preview.pwabuilder.com/generator-nextStep-trigger'})" id="doneButton" to="reportCard">Done</nuxt-link>
          </div>
        </header>

        <div id="inputSection">
          <form @submit.prevent="download" @keydown.enter.prevent="download">
            <div class="inputContainer" v-for="sw in serviceworkers" :key="sw.id">
              <label class="l-generator-label" :for="sw.id">
                <div id="inputDiv">
                  <input
                    type="radio"
                    :value="sw.id"
                    v-model="serviceworker$"
                    :disabled="sw.disable"
                    :id="sw.id"
                  >
                  <h4>{{ sw.title }}</h4>
                  <span v-if="sw.disable">(coming soon)</span>
                </div>
              </label>
              <div class="swDesc">{{ sw.description }}</div>
            </div>
            <div class="pure-u-3-5">
              <p class="l-generator-error" v-if="error">
                <span class="icon-exclamation"></span>
                {{ $t(error) }}
              </p>
            </div>
          </form>
{'fraction_non_alphanumeric': 0.19866841041493283, 'fraction_numerical': 0.005231244798478183, 'mean_word_length': 2.3053045186640473, 'pattern_counts': {'":': 0, '<': 201, '<?xml version=': 0, '>': 199, 'https://': 7, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 12, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1438244', 'n_tokens_mistral': 2706, 'n_tokens_neox': 2625, 'n_words': 422}