jquery and webpack changed

app/assets/javascripts/pages/projects/snippets/show/index.js

@@ -2,10 +2,12 @@ import initNotes from '~/init_notes';
 import ZenMode from '~/zen_mode';
 import LineHighlighter from '../../../../line_highlighter';
 import BlobViewer from '../../../../blob/viewer';
+import snippetEmbed from '../../../../snippet/snippet_embed';
 
 document.addEventListener('DOMContentLoaded', () => {
   new LineHighlighter(); // eslint-disable-line no-new
   new BlobViewer(); // eslint-disable-line no-new
   initNotes();
   new ZenMode(); // eslint-disable-line no-new
+  snippetEmbed();
 });

app/assets/javascripts/pages/snippets/show/index.js

@@ -2,10 +2,12 @@ import LineHighlighter from '../../../line_highlighter';
 import BlobViewer from '../../../blob/viewer';
 import ZenMode from '../../../zen_mode';
 import initNotes from '../../../init_notes';
+import snippetEmbed from '../../../snippet/snippet_embed';
 
 document.addEventListener('DOMContentLoaded', () => {
   new LineHighlighter(); // eslint-disable-line no-new
   new BlobViewer(); // eslint-disable-line no-new
   initNotes();
   new ZenMode(); // eslint-disable-line no-new
+  snippetEmbed();
 });

app/assets/javascripts/snippet/snippet_embed.js

-(() => {
-  $(() => {
-    const { protocol, host, pathname } = location;
+export default () => {
+  const { protocol, host, pathname } = location;
+  const shareBtn = document.querySelector('#share-btn');
+  const embedBtn = document.querySelector('#embed-btn');
+  const snippetUrlArea = document.querySelector('#snippet-url-area');
+  const embedAction = document.querySelector('#embed-action');
 
-    $('#share-btn').click((event) => {
-      event.preventDefault();
-      $('#share-btn').addClass('is-active');
-      $('#embed-btn').removeClass('is-active');
-      $('#snippet-url-area').val(`${protocol}//${host + pathname}`);
-      $('#embed-action').html('Share');
-    });
+  shareBtn.addEventListener('click', (event) => {
+    event.preventDefault();
+    shareBtn.classList.add('is-active');
+    embedBtn.classList.remove('is-active');
+    snippetUrlArea.value = `${protocol}//${host + pathname}`;
+    embedAction.innerHTML = 'Share';
+  });
 
-    $('#embed-btn').click((event) => {
-      event.preventDefault();
-      $('#embed-btn').addClass('is-active');
-      $('#share-btn').removeClass('is-active');
-      const scriptTag = `<script src="${protocol}//${host + pathname}.js"></script>`;
-      $('#snippet-url-area').val(scriptTag);
-      $('#embed-action').html('Embed');
-    });
+  embedBtn.addEventListener('click', (event) => {
+    event.preventDefault();
+    embedBtn.classList.add('is-active');
+    shareBtn.classList.remove('is-active');
+    const scriptTag = `<script src="${protocol}//${host + pathname}.js"></script>`;
+    snippetUrlArea.value = scriptTag;
+    embedAction.innerHTML = 'Embed';
   });
-}).call(window);
+};

app/views/shared/snippets/_header.html.haml

-- content_for :page_specific_javascripts do
-  = page_specific_javascript_bundle_tag('snippet_embed')
-
 .detail-page-header
   .detail-page-header-body
     .snippet-box.has-tooltip.inline.append-right-5{ title: snippet_visibility_level_description(@snippet.visibility_level, @snippet), data: { container: "body" } }
@@ -36,7 +33,7 @@
     .embed-snippet
       .input-group
         .input-group-btn
-          %a.btn.embed-toggle{ 'data-toggle': 'dropdown' }
+          %button.btn.embed-toggle{ 'data-toggle': 'dropdown' }
             %span#embed-action Embed
             = sprite_icon('angle-down', size: 12)
           %ul.dropdown-menu.dropdown-menu-selectable.embed-toggle-list

config/webpack.config.js

@@ -57,7 +57,6 @@ function generateEntries() {
     protected_branches:   './protected_branches',
     protected_tags:       './protected_tags',
     registry_list:        './registry/index.js',
-    snippet_embed:        './snippet/snippet_embed.js',
     sketch_viewer:        './blob/sketch_viewer.js',
     stl_viewer:           './blob/stl_viewer.js',
     terminal:             './terminal/terminal_bundle.js',