Merge pull request #121 from UofGAnalytics/explicitly-show-env-sectio…

…ns-with-cli-flags explicitly show env sections with cli flag
UofGAnalytics · Jun 30, 2022 · dafb3ed · dafb3ed
2 parents a31d62c + 740ceb5
commit dafb3ed
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 11 deletions.
diff --git a/compiler/src/mdast/environment.ts b/compiler/src/mdast/environment.ts
@@ -53,7 +53,11 @@ export function environment(ctx: Context, targetPdf?: boolean) {
         if (platforms.includes(node.name)) {
           node.data = {
             hProperties: {
-              className: ['platform', node.name],
+              className: [
+                'platform',
+                node.name,
+                platformFlag === node.name ? 'show' : '',
+              ],
             },
           };
           if (platformFlag && platformFlag !== node.name) {
@@ -74,7 +78,11 @@ export function environment(ctx: Context, targetPdf?: boolean) {
         if (programs.includes(node.name)) {
           node.data = {
             hProperties: {
-              className: ['program', node.name],
+              className: [
+                'program',
+                node.name,
+                programFlag === node.name ? 'show' : '',
+              ],
             },
           };
           if (programFlag && programFlag !== node.name) {

diff --git a/template/src/styles/environment.scss b/template/src/styles/environment.scss
@@ -2,7 +2,7 @@
   padding: 0 1em 0 0.25em;
 }
 
-.platform {
+.platform:not(.show) {
   display: none;
 }
 
@@ -12,7 +12,7 @@ html.platform-linux .platform.linux {
   display: block;
 }
 
-.program {
+.program:not(.show) {
   display: none;
 }
 

diff --git a/template/webpack.config.js b/template/webpack.config.js
@@ -9,10 +9,6 @@ const {
   generateJSReferences
 } = require('mini-html-webpack-plugin');
 
-const COURSE = 'apm'
-const UNIT = 'week-2.html'
-const htmlFilePath = `../fixtures/${COURSE}/build/${UNIT}`
-
 const isProd = process.env.NODE_ENV === 'production';
 
 const plugins = [
@@ -31,7 +27,7 @@ if (isProd) {
 if (!isProd) {
   plugins.push(
     // new WatchExternalFilesPlugin({ files: [htmlFilePath] }),
-    new MiniHtmlWebpackPlugin({ template })
+    new MiniHtmlWebpackPlugin()
   )
 }
 
@@ -100,7 +96,6 @@ module.exports = {
 function template({ css, js2 }) {
   const cssTags = generateCSSReferences({ files: css })
   const jsTags = generateJSReferences({ files: js2 })
-  const content = fs.readFileSync(htmlFilePath, 'utf-8')
   return `
     <!DOCTYPE html>
     <html lang="en">
@@ -112,7 +107,6 @@ function template({ css, js2 }) {
         ${cssTags}
       </head>
       <body>
-        ${content}
         <div id="modal">
           <div id="modal-bg"></div>
           <div id="modal-wrapper">