SDSS-595 | SDSS-596: Add Newsroom menu

docroot/profiles/sdss/sdss_profile/config/sync/block.block.newsresearch.yml

@@ -0,0 +1,45 @@
+uuid: 665d82ec-2af7-4f41-b566-ed89e6e26968
+langcode: en
+status: true
+dependencies:
+  config:
+    - system.menu.newsroom
+  module:
+    - menu_block
+    - node
+    - system
+  theme:
+    - sdss_subtheme
+id: newsresearch
+theme: sdss_subtheme
+region: newsroom
+weight: 0
+provider: null
+plugin: 'menu_block:newsroom'
+settings:
+  id: 'menu_block:newsroom'
+  label: 'News & Research'
+  label_display: visible
+  provider: menu_block
+  follow: true
+  follow_parent: child
+  label_link: false
+  label_type: block
+  level: 1
+  depth: 0
+  expand_all_items: true
+  parent: 'newsroom:'
+  suggestion: newsroom
+visibility:
+  request_path:
+    id: request_path
+    negate: false
+    pages: "/news/*\r\n"
+  'entity_bundle:node':
+    id: 'entity_bundle:node'
+    negate: false
+    context_mapping:
+      node: '@node.node_route_context:node'
+    bundles:
+      stanford_news: stanford_news
+      stanford_page: stanford_page

docroot/profiles/sdss/sdss_profile/config/sync/block.block.sdss_subtheme_main_navigation.yml

@@ -11,7 +11,7 @@ dependencies:
 id: sdss_subtheme_main_navigation
 theme: sdss_subtheme
 region: menu
-weight: 0
+weight: -7
 provider: null
 plugin: 'system_menu_block:main'
 settings:

docroot/profiles/sdss/sdss_profile/config/sync/block.block.sdss_subtheme_search.yml

@@ -5,7 +5,6 @@ dependencies:
   config:
     - views.view.search
   module:
-    - config_pages
     - views
   theme:
     - sdss_subtheme

docroot/profiles/sdss/sdss_profile/config/sync/node.type.stanford_news.yml

@@ -8,8 +8,9 @@ dependencies:
     - scheduler
 third_party_settings:
   menu_ui:
-    available_menus: {  }
-    parent: ''
+    available_menus:
+      - newsroom
+    parent: 'newsroom:'
   node_revision_delete:
     minimum_revisions_to_keep: 5
     minimum_age_to_delete: 0

docroot/profiles/sdss/sdss_profile/config/sync/system.menu.newsroom.yml

@@ -0,0 +1,8 @@
+uuid: 19d118e4-99e6-4f8c-ba61-f3cdc83e0105
+langcode: en
+status: true
+dependencies: {  }
+id: newsroom
+label: 'News & Research'
+description: 'Newsroom menu'
+locked: false

docroot/profiles/sdss/sdss_profile/themes/sdss_subtheme/decoupled-menu/.gitignore

@@ -0,0 +1 @@
+.env.local

docroot/profiles/sdss/sdss_profile/themes/sdss_subtheme/decoupled-menu/.nvmrc

@@ -0,0 +1 @@
+18

docroot/profiles/sdss/sdss_profile/themes/sdss_subtheme/decoupled-menu/.prettierrc

@@ -0,0 +1,6 @@
+{
+  "singleQuote": true,
+  "trailingComma": "all",
+  "semi": false,
+  "endOfLine": "auto"
+}

docroot/profiles/sdss/sdss_profile/themes/sdss_subtheme/decoupled-menu/FileSizePlugin.js

@@ -0,0 +1,70 @@
+/**
+ * Gets size stats for built islands.
+ */
+const { basename, join } = require('path')
+const { green, red, yellow, white } = require('kleur')
+const gzipSize = require('gzip-size')
+const brotliSize = require('brotli-size')
+const prettyBytes = require('pretty-bytes')
+const fs = require('fs/promises')
+
+/**
+ *
+ * Sauce pulled from here:
+ * https://github.com/developit/microbundle/blob/ecb0b022912397bcf98550c1a783e9e0534f33e5/src/lib/compressed-size.js
+ */
+function getPadLeft(str, width, char = ' ') {
+  return char.repeat(width - str.length)
+}
+
+function formatSize(size, filename, suffix, raw) {
+  const pretty = raw ? `${size} B` : prettyBytes(size)
+  const color = size < 5000 ? green : size > 40000 ? red : yellow
+  const indent = getPadLeft(pretty, 13)
+  return `${indent}${color(pretty)}: ${white(basename(filename))}${suffix}`
+}
+
+async function getSizeInfo(path, filename) {
+  const code = await fs.readFile(path)
+
+  const [original, gzip, brotli] = await Promise.all([
+    fs.stat(path).then((x) => x.size),
+    gzipSize(code).catch(() => null),
+    brotliSize.sync(code),
+  ])
+
+  const raw = original < 5000
+
+  let out = formatSize(original, filename, '', raw)
+
+  out += '\n' + formatSize(gzip, filename, '.gz', raw)
+
+  if (brotli) {
+    out += '\n' + formatSize(brotli, filename, '.br', raw)
+  }
+
+  return out
+}
+
+class FileSizePlugin {
+  apply(compiler) {
+    compiler.hooks.done.tap(
+      'File Size Plugin',
+      async (
+        stats /* stats is passed as an argument when done hook is tapped.  */,
+      ) => {
+        const promises = []
+        stats.compilation.assetsInfo.forEach((value, key) => {
+          const filePath = join(stats.compilation.outputOptions.path, key)
+          promises.push(getSizeInfo(filePath, key))
+        })
+
+        const resolve = await Promise.all(promises)
+
+        resolve.map((log) => console.log(log))
+      },
+    )
+  }
+}
+
+module.exports = FileSizePlugin

docroot/profiles/sdss/sdss_profile/themes/sdss_subtheme/decoupled-menu/dist/index.html

@@ -0,0 +1,21 @@
+<html><head><meta charset="utf-8"/><title>Islands</title><meta name="viewport" content="width=device-width,initial-scale=1"/><style>body {
+              font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI',
+                Roboto, 'Helvetica Neue', Arial, sans-serif;
+            }
+
+            .preview {
+              width: 100%;
+              max-width: 1500px;
+              margin: 80px auto;
+              border: 1px dashed rgba(0, 0, 0, 0.2);
+              position: relative;
+            }
+
+            .preview::before {
+              content: 'Island';
+              position: absolute;
+              display: block;
+              top: -18px;
+              font-size: 11px;
+              color: rgba(0, 0, 0, 0.5);
+            }</style><script defer="defer" src="/islands/newsroom-menu.island.umd.js"></script></head><body><div class="preview"><div data-island="newsroom-menu-island"></div></div></body></html>

docroot/profiles/sdss/sdss_profile/themes/sdss_subtheme/decoupled-menu/dist/islands/main-menu.island.umd.js.LICENSE.txt

@@ -0,0 +1,8 @@
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

docroot/profiles/sdss/sdss_profile/themes/sdss_subtheme/decoupled-menu/dist/islands/newsroom-menu.island.umd.js.LICENSE.txt

@@ -0,0 +1,8 @@
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */