From 5f9aba389f140b03f0c8a0d1db05066930341929 Mon Sep 17 00:00:00 2001
From: HutchGrant <h.g.utchinson@gmail.com>
Date: Thu, 5 Nov 2020 15:39:04 -0500
Subject: [PATCH] task: remove old transforms

---
 .../cli/src/old-transforms/css.transform.js   |  34 ---
 .../cli/src/old-transforms/html.transform.js  | 268 ------------------
 .../src/old-transforms/images.transform.js    |  42 ---
 .../cli/src/old-transforms/js.transform.js    |  19 --
 .../cli/src/old-transforms/json.transform.js  |  31 --
 .../old-transforms/node-modules.transform.js  |  22 --
 6 files changed, 416 deletions(-)
 delete mode 100644 packages/cli/src/old-transforms/css.transform.js
 delete mode 100644 packages/cli/src/old-transforms/html.transform.js
 delete mode 100644 packages/cli/src/old-transforms/images.transform.js
 delete mode 100644 packages/cli/src/old-transforms/js.transform.js
 delete mode 100644 packages/cli/src/old-transforms/json.transform.js
 delete mode 100644 packages/cli/src/old-transforms/node-modules.transform.js

diff --git a/packages/cli/src/old-transforms/css.transform.js b/packages/cli/src/old-transforms/css.transform.js
deleted file mode 100644
index b5847566a..000000000
--- a/packages/cli/src/old-transforms/css.transform.js
+++ /dev/null
@@ -1,34 +0,0 @@
-const path = require('path');
-const { promises: fsp } = require('fs');
-
-module.exports = filterStyles = async (ctx, userWorkspace) => {
-  return new Promise(async (resolve, reject) => {
-    try {
-      if (ctx.url.indexOf('.css') >= 0) {
-        const destHeader = ctx.header['sec-fetch-dest'];
-        const cssPath = ctx.url.indexOf('/node_modules') >= 0
-          ? path.join(process.cwd(), ctx.url)
-          : path.join(userWorkspace, ctx.url);
-        const css = await fsp.readFile(cssPath, 'utf-8');
-
-        // <style> tag used
-        if (destHeader === 'style') {
-          ctx.set('Content-Type', 'text/css');
-          ctx.body(css);
-        } else if (destHeader === 'empty') {
-          // assume JS import being being used
-          ctx.set('Content-Type', 'text/javascript');
-          // TODO line breaks are bad for fetch, need to return CSS string all on one line
-          ctx.body(`
-            const css = "${css.replace(/\r?\n|\r/g, ' ')}";
-
-            export default css;
-          `);
-        }
-      }
-      resolve();
-    } catch (err) {
-      reject(err);
-    }
-  });
-};
\ No newline at end of file
diff --git a/packages/cli/src/old-transforms/html.transform.js b/packages/cli/src/old-transforms/html.transform.js
deleted file mode 100644
index 3429eea68..000000000
--- a/packages/cli/src/old-transforms/html.transform.js
+++ /dev/null
@@ -1,268 +0,0 @@
-/* eslint-disable complexity */
-// TODO ^^
-const acorn = require('acorn');
-const { promises: fsp } = require('fs');
-const fs = require('fs');
-const path = require('path');
-const frontmatter = require('front-matter');
-const htmlparser = require('node-html-parser');
-const rehypeStringify = require('rehype-stringify');
-const remarkFrontmatter = require('remark-frontmatter');
-const remarkParse = require('remark-parse');
-const remarkRehype = require('remark-rehype');
-const unified = require('unified');
-const walk = require('acorn-walk');
-
-module.exports = filterHTML = async (ctx, config, userWorkspace) => {
-  return new Promise(async (resolve, reject) => {
-    try {
-      // TODO filter out node modules, only page / user requests from brower
-      // TODO make sure this only happens for "pages", nor partials or fixtures, templates, et)
-      if (ctx.request.url.endsWith('/') || ctx.request.url.endsWith('.html')) {
-        // console.log('URL ends with / or endsWith.html');
-        // TODO get port from compilation
-        // ctx.redirect(`http://localhost:1984${ctx.url}index.html`);
-        // }
-        let title = config.title;
-
-        const metaOutletContent = config.meta.map(item => {
-          let metaHtml = '';
-        
-          // TODO better way to implememnt this?  should we implement this?
-          for (const [key, value] of Object.entries(item)) {
-            const isOgUrl = item.property === 'og:url' && key === 'content';
-            const hasTrailingSlash = isOgUrl && value[value.length - 1] === '/';
-            const contextualValue = isOgUrl
-              ? hasTrailingSlash
-                ? `${value}${ctx.url.replace('/', '')}`
-                : `${value}${ctx.url === '/' ? '' : ctx.url}`
-              : value;
-              
-            metaHtml += ` ${key}="${contextualValue}"`;
-          }
-
-          return item.rel
-            ? `<link${metaHtml}/>`
-            : `<meta${metaHtml}/>`;
-        }).join('\n');
-
-        // TODO get pages path from compilation
-        const barePath = ctx.request.url.endsWith('/')
-          ? `${userWorkspace}/pages${ctx.request.url}index`
-          : `${userWorkspace}/pages${ctx.request.url.replace('.html', '')}`;
-
-        // console.debug('bare path', barePath);
-
-        let contents = `
-          <!DOCTYPE html>
-          <html lang="en" prefix="og:http://ogp.me/ns#">
-            <head>
-              <title>${title}</title>
-              <meta charset='utf-8'>
-              <meta name='viewport' content='width=device-width, initial-scale=1'/>
-              <meta-outlet></meta-outlet>
-            </head>
-            <body>
-              <section>
-                <content-outlet>
-                  <h1>Welcome to my website!</h1>
-                </content-outlet>
-              </section>
-            </body>
-          </html>
-        `;
-
-        if (fs.existsSync(`${barePath}.html`)) {
-          // console.debug('this route exists as HTML');
-          contents = await fsp.readFile(`${barePath}.html`, 'utf-8');
-        } else if (fs.existsSync(`${barePath}.md`) 
-          || fs.existsSync(`${userWorkspace}/pages${ctx.url.replace('/index.html', '.md')}`) 
-          || fs.existsSync(`${barePath.replace('/index', '.md')}`)) {
-          
-          // TODO all this lookup could probably be handled a bit more gracefully perhaps?
-          // console.debug('this route exists as markdown');
-          const markdownPath = fs.existsSync(`${barePath}.md`)
-            ? `${barePath}.md`
-            : fs.existsSync(`${barePath.replace('/index', '.md')}`)
-              ? `${barePath.replace('/index', '.md')}`
-              : `${userWorkspace}/pages${ctx.url.replace('/index.html', '.md')}`;
-          const markdownContents = await fsp.readFile(markdownPath, 'utf-8');
-
-          const rehypePlugins = [];
-          const remarkPlugins = [];
-
-          config.markdown.plugins.forEach(plugin => {
-            if (plugin.indexOf('rehype-') >= 0) {
-              rehypePlugins.push(require(plugin));
-            }
-
-            if (plugin.indexOf('remark-') >= 0) {
-              remarkPlugins.push(require(plugin));
-            }
-          });
-
-          // TODO extract front matter contents from remark-frontmatter instead of frontmatter lib
-          const fm = frontmatter(markdownContents);
-          const processedMarkdown = await unified()
-            .use(remarkParse) // parse markdown into AST
-            .use(remarkFrontmatter) // extract frontmatter from AST
-            .use(...remarkPlugins) // apply userland remark plugins
-            .use(remarkRehype, { allowDangerousHtml: true }) // convert from markdown to HTML AST
-            .use(...rehypePlugins) // apply userland rehype plugins
-            .use(rehypeStringify) // convert AST to HTML string
-            .process(markdownContents);
-
-          // TODO use an app template
-          if (fm.attributes.template) {
-            contents = await fsp.readFile(`${userWorkspace}/templates/${fm.attributes.template}.html`, 'utf-8');
-          } else if (fs.existsSync(`${userWorkspace}/templates/page.html`)) {
-            // console.debug('has a page template!');
-            contents = await fsp.readFile(`${userWorkspace}/templates/page.html`, 'utf-8');
-          }
-
-          // use page title
-          if (fm.attributes.title) {
-            title = `${title} - ${fm.attributes.title}`;
-          }
-
-          contents = contents.replace(/\<content-outlet>(.*)<\/content-outlet>/s, processedMarkdown.contents);
-        } else if (fs.existsSync(`${userWorkspace}/templates/page.html`)) {
-          // console.debug('only has a page template');
-          const page = await fsp.readFile(`${userWorkspace}/templates/page.html`, 'utf-8');
-          
-          contents = page.replace(/\<content-outlet>(.*)<\/content-outlet>/s, contents.match(/\<content-outlet>(.*)<\/content-outlet>/s)[0]);
-        }
-
-        const appTemplate = `${userWorkspace}/templates/app.html`;
-
-        if (fs.existsSync(appTemplate)) {
-          let appTemplateContents = fs.readFileSync(appTemplate, 'utf-8');
-          const root = htmlparser.parse(contents, {
-            script: true,
-            style: true,
-            noscript: true,
-            pre: true
-          });
-          const body = root.querySelector('body');
-          const headScripts = root.querySelectorAll('head script');
-          const headLinks = root.querySelectorAll('head link');
-
-          appTemplateContents = appTemplateContents.replace(/<page-outlet><\/page-outlet>/, body);
-          
-          headScripts.forEach(script => {
-            if (script.rawAttrs !== '') {
-              appTemplateContents = appTemplateContents.replace(/<\/script>/, `
-                </script>\n
-                <script ${script.rawAttrs}></script>\n
-              `);
-            }
-
-            if (script.rawAttrs === '') {
-              appTemplateContents = appTemplateContents.replace(/<\/script>/, `
-                </script>\n
-                <script>
-                  ${script.text}
-                </script>\n
-              `);
-            }
-          });
-
-          headLinks.forEach(link => {
-            appTemplateContents = appTemplateContents.replace(/<\/link>/, `
-              </link>\n
-              <link ${link.rawAttrs}></link>\n
-            `);
-          });
-
-          contents = appTemplateContents;
-        }
-        
-        // TODO use an HTML parser?  https://www.npmjs.com/package/node-html-parser
-        if (process.env.__GWD_COMMAND__ === 'develop') { // eslint-disable-line no-underscore-dangle
-          // TODO setup and teardown should be done together
-          // console.debug('running in develop mode, attach live reload script');
-          contents = contents.replace('</head>', `
-              <script src="http://localhost:35729/livereload.js?snipver=1"></script>
-            </head>
-          `);
-        }
-
-        contents = contents.replace(/type="module"/g, 'type="module-shim"');
-        
-        const importMap = {};
-        const userPackageJson = fs.existsSync(`${userWorkspace}/package.json`)
-          ? require(path.join(userWorkspace, 'package.json')) // its a monorepo?
-          : fs.existsSync(`${process.cwd()}/package.json`)
-            ? require(path.join(process.cwd(), 'package.json'))
-            : {};
-
-        // console.debug('userPackageJson', userPackageJson);
-        // console.debug('dependencies', userPackageJson.dependencies);
-        
-        Object.keys(userPackageJson.dependencies || {}).forEach(dependency => {
-          const packageRootPath = path.join(process.cwd(), './node_modules', dependency);
-          const packageJsonPath = path.join(packageRootPath, 'package.json');
-          const packageJson = require(packageJsonPath);
-          const packageEntryPointPath = path.join(process.cwd(), './node_modules', dependency, packageJson.main);
-          const packageFileContents = fs.readFileSync(packageEntryPointPath, 'utf-8');
-
-          walk.simple(acorn.parse(packageFileContents, { sourceType: 'module' }), {
-            ImportDeclaration(node) {
-              // console.log('Found a ImportDeclaration');
-              const sourceValue = node.source.value;
-
-              if (sourceValue.indexOf('.') !== 0 && sourceValue.indexOf('http') !== 0) {
-                // console.log(`found a bare import for ${sourceValue}!!!!!`);
-                importMap[sourceValue] = `/node_modules/${sourceValue}`;
-              }
-            },
-            ExportNamedDeclaration(node) {
-              // console.log('Found a ExportNamedDeclaration');
-              const sourceValue = node && node.source ? node.source.value : '';
-
-              if (sourceValue.indexOf('.') !== 0 && sourceValue.indexOf('http') !== 0) {
-                // console.log(`found a bare export for ${sourceValue}!!!!!`);
-                importMap[sourceValue] = `/node_modules/${sourceValue}`;
-              }
-            }
-          });
-          
-          importMap[dependency] = `/node_modules/${dependency}/${packageJson.main}`;
-        });
-
-        // console.log('importMap all complete', importMap);
-        
-        contents = contents.replace('<head>', `
-          <head>
-            <script defer src="/node_modules/es-module-shims/dist/es-module-shims.js"></script>
-            <script type="importmap-shim">
-              {
-                "imports": ${JSON.stringify(importMap, null, 1)}
-              }
-            </script>
-        `);
-
-        if (process.env.__GWD_COMMAND__ === 'build') { // eslint-disable-line no-underscore-dangle
-          // TODO setup and teardown should be done together
-          // console.debug('running in build mode, polyfill WebComponents for puppeteer');
-          contents = contents.replace('<head>', `
-            <head>
-              <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
-          `);
-        }
-
-        contents = contents.replace('<meta-outlet></meta-outlet>', metaOutletContent);
-
-        // TODO make smarter so that if it already exists, then leave it alone
-        contents = contents.replace(/<title>(.*)<\/title>/, '');
-        contents = contents.replace('<head>', `<head><title>${title}</title>`);
-
-        ctx.set('Content-Type', 'text/html');
-        ctx.body(contents);
-      }
-      resolve();
-    } catch (err) {
-      reject(err);
-    }
-  });
-};
\ No newline at end of file
diff --git a/packages/cli/src/old-transforms/images.transform.js b/packages/cli/src/old-transforms/images.transform.js
deleted file mode 100644
index d862e716e..000000000
--- a/packages/cli/src/old-transforms/images.transform.js
+++ /dev/null
@@ -1,42 +0,0 @@
-const { promises: fsp } = require('fs');
-const path = require('path');
-
-module.exports = filterAssets = async (ctx, userWorkspace) => {
-  return new Promise(async (resolve, reject) => {
-    try {
-      // TODO break up into distinct font / icons / svg handlers, not related to assets/
-      if (ctx.url.indexOf('assets/') >= 0 && ctx.url.indexOf('.css') < 0) {
-        const assetPath = path.join(userWorkspace, ctx.url);
-        const ext = path.extname(assetPath);
-        const type = ext === '.svg'
-          ? `${ext.replace('.', '')}+xml`
-          : ext.replace('.', '');
-
-        // console.debug('assetPath', assetPath);
-        // console.debug('asset ext', ext);
-
-        if (['.jpg', '.png', '.gif', '.svg'].includes(ext)) {
-          ctx.set('Content-Type', `image/${type}`);
-
-          if (ext === '.svg') {
-            ctx.body(await fsp.readFile(assetPath, 'utf-8'));
-          } else {
-            ctx.body(await fsp.readFile(assetPath)); 
-          }
-        } else if (['.woff2', '.woff', '.ttf'].includes(ext)) {
-          ctx.set('Content-Type', `font/${type}`);
-          ctx.body(await fsp.readFile(assetPath));
-        } else if (['.ico'].includes(ext)) {
-          ctx.set('Content-Type', 'image/x-icon');
-          ctx.body(await fsp.readFile(assetPath));
-        } else {
-          ctx.set('Content-Type', `text/${type}`);
-          ctx.body(await fsp.readFile(assetPath, 'utf-8'));
-        }
-      }
-      resolve();
-    } catch (err) {
-      reject(err);
-    }
-  });
-};
\ No newline at end of file
diff --git a/packages/cli/src/old-transforms/js.transform.js b/packages/cli/src/old-transforms/js.transform.js
deleted file mode 100644
index 6f568a6dd..000000000
--- a/packages/cli/src/old-transforms/js.transform.js
+++ /dev/null
@@ -1,19 +0,0 @@
-const { promises: fsp } = require('fs');
-const path = require('path');
-
-module.exports = filterJavascript = async (ctx, userWorkspace) => {
-  return new Promise(async (resolve, reject) => {
-    try {
-      if (ctx.url.indexOf('/node_modules') < 0 && ctx.url.indexOf('.js') >= 0 && ctx.url.indexOf('.json') < 0) {
-        const jsPath = path.join(userWorkspace, ctx.url);
-        const contents = await fsp.readFile(jsPath, 'utf-8');
-
-        ctx.set('Content-Type', 'text/javascript');
-        ctx.body(contents);
-      }
-      resolve();
-    } catch (err) {
-      reject(err);
-    }
-  });
-};
\ No newline at end of file
diff --git a/packages/cli/src/old-transforms/json.transform.js b/packages/cli/src/old-transforms/json.transform.js
deleted file mode 100644
index 24e67bb6b..000000000
--- a/packages/cli/src/old-transforms/json.transform.js
+++ /dev/null
@@ -1,31 +0,0 @@
-const { promises: fsp } = require('fs');
-const path = require('path');
-
-module.exports = filterJSON = async (ctx, { userWorkspace, scratchDir }) => {
-  return new Promise(async (resolve, reject) => {
-    try {
-      // TODO This is here because of ordering, should make JS / JSON matching less greedy
-      // handle things outside if workspace, like a root directory resolver plugin?
-      if (ctx.url.indexOf('.json') >= 0) {
-        // console.debug('JSON file request!', ctx.url);'
-
-        if (ctx.url.indexOf('graph.json') >= 0) {
-          const json = await fsp.readFile(path.join(scratchDir, 'graph.json'), 'utf-8');
-
-          ctx.set('Content-Type', 'application/json');
-          ctx.body(JSON.parse(json));
-        } else {
-          const json = await fsp.readFile(path.join(userWorkspace, ctx.url), 'utf-8');
-
-          ctx.set('Content-Type', 'text/javascript');
-          ctx.body(`
-            export default ${json}
-          `);
-        }
-      }
-      resolve();
-    } catch (err) {
-      reject(err);
-    }
-  });
-};
\ No newline at end of file
diff --git a/packages/cli/src/old-transforms/node-modules.transform.js b/packages/cli/src/old-transforms/node-modules.transform.js
deleted file mode 100644
index 3f46b9353..000000000
--- a/packages/cli/src/old-transforms/node-modules.transform.js
+++ /dev/null
@@ -1,22 +0,0 @@
-const { promises: fsp } = require('fs');
-const path = require('path');
-
-module.exports = filterModule = async (ctx) => {
-  return new Promise(async (resolve, reject) => {
-    try {
-      if (ctx.url.indexOf('/node_modules') >= 0) {
-        const modulePath = path.join(process.cwd(), ctx.url);
-        const contents = await fsp.readFile(modulePath, 'utf-8'); // have to handle CJS vs ESM?
-        const type = ctx.url.indexOf('.js') > 0
-          ? 'text/javascript'
-          : 'text/css'; // TODO eve components assume a bundler
-
-        ctx.set('Content-Type', type);
-        ctx.body(contents);
-      }
-      resolve();
-    } catch (err) {
-      reject(err);
-    }
-  });
-};
\ No newline at end of file