@abcnews/aunty 16.0.1 → 17.0.0-next.2

package/src/generators/project/templates/basic/src/components/ErrorBox/index.ts

@@ -1,24 +0,0 @@
-import styles from './styles.scss';
-<% if (isTS) { %>
-type ErrorBoxProps = {
-  error: Error;
-}
-<% } %>
-export default class ErrorBox {<% if (isTS) { %>
-  el: Element;
-<% } %>
-  constructor({ error }<% if (isTS) { %>: ErrorBoxProps<% } %>) {
-    const el = (this.el = document.createElement('pre'));
-
-    el.className = styles.root;
-    el.textContent = `${String(error)}\n\n${error.stack}`;
-
-    (function logOnMount() {
-      if (!el.parentNode) {
-        return setTimeout(logOnMount, 100);
-      }
-
-      console.error(error);
-    })();
-  }
-}

package/src/generators/project/templates/basic/src/components/Worm/index.test.ts

@@ -1,7 +0,0 @@
-import Worm from './index';
-
-test('it renders', () => {
-  const component = new Worm();
-
-  expect(component.el.src).toContain('worm.svg');
-});

package/src/generators/project/templates/basic/src/components/Worm/index.ts

@@ -1,12 +0,0 @@
-import styles from './styles.scss';
-import worm from './worm.svg';
-
-export default class Worm {<% if (isTS) { %>
-  el: HTMLImageElement;
-<% } %>
-  constructor() {
-    this.el = document.createElement('img');
-    this.el.className = styles.root;
-    this.el.src = worm;
-  }
-}

package/src/generators/project/templates/basic/src/index.ts

@@ -1,50 +0,0 @@
-import acto from '@abcnews/alternating-case-to-object';
-import { <% if (isOdyssey) { %>whenOdysseyLoaded<% } else { %>whenDOMReady<% } %> } from '@abcnews/env-utils';
-import { getMountValue, selectMounts } from '@abcnews/mount-utils';<% if (isTS) { %>
-import type { Mount } from '@abcnews/mount-utils';<% } %>
-import App from './components/App';<% if (isTS) { %>
-import type { AppProps } from './components/App';<% } %>
-
-let appMountEl<% if (isTS) { %>: Mount<% } %>;
-let appProps<% if (isTS) { %>: AppProps<% } %>;
-
-function renderApp() {
-  render(new App(appProps).el, appMountEl);
-}
-
-<% if (isOdyssey) { %>whenOdysseyLoaded<% } else { %>whenDOMReady<% } %>.then(() => {
-  [appMountEl] = selectMounts('<%= projectNameFlat %>');
-
-  if (appMountEl) {
-    appProps = acto(getMountValue(appMountEl))<% if (isTS) { %> as AppProps<% } %>;
-    renderApp();
-  }
-});
-
-if (module.hot) {
-  module.hot.accept('./components/App', () => {
-    try {
-      renderApp();
-    } catch (err) {
-      import('./components/ErrorBox').then(({ default: ErrorBox }) => {
-        render(new ErrorBox({ error: err<% if (isTS) { %> as Error<% } %> }).el, appMountEl);
-      });
-    }
-  });
-}
-
-if (process.env.NODE_ENV === 'development') {
-  console.debug(`[<%= projectName %>] public path: ${__webpack_public_path__}`);
-}
-
-function render(el<% if (isTS) { %>: Element<% } %>, parentEl<% if (isTS) { %>: Element | null<% } %>) {
-  if (parentEl === null) {
-    throw new Error('parentEl is not an Element');
-  }
-
-  while (parentEl.firstElementChild) {
-    parentEl.removeChild(parentEl.firstElementChild);
-  }
-
-  parentEl.appendChild(el);
-}

package/src/generators/project/templates/preact/src/components/App/index.test.tsx

@@ -1,21 +0,0 @@
-import { h } from 'preact';
-import render from 'preact-render-to-string';
-import htmlLooksLike from 'html-looks-like';
-import App from '.';<% if (isTS) { %>
-import type { AppProps } from '.';<% } %>
-
-describe('App', () => {
-  test('It renders', () => {
-    const props<% if (isTS) { %>: AppProps<% } %> = { x: 42, y: 'text', z: true };
-    const actual = render(<App {...props} />);
-    const expected = `
-      <div>
-        {{ ... }}
-        <pre>${JSON.stringify(props)}</pre>
-        <h1><%= projectName %></h1>
-      </div>
-    `;
-
-    htmlLooksLike(actual, expected);
-  });
-});

package/src/generators/project/templates/preact/src/components/App/index.tsx

@@ -1,21 +0,0 @@
-import { h<% if (isTS) { %>, type FunctionalComponent<% } %> } from 'preact';
-import Worm from '../Worm';
-import styles from './styles.scss';
-<% if (isTS) { %>
-export type AppProps = {
-  x: number;
-  y: string;
-  z: boolean;
-}
-<% } %>
-const App<% if (isTS) { %>: FunctionalComponent<AppProps><% } %> = ({ x, y, z }) => {
-  return (
-    <div className={styles.root}>
-      <Worm />
-      <pre>{JSON.stringify({ x, y, z })}</pre>
-      <h1><%= projectName %></h1>
-    </div>
-  );
-};
-
-export default App;

package/src/generators/project/templates/preact/src/components/ErrorBox/index.tsx

@@ -1,15 +0,0 @@
-import { h<% if (isTS) { %>, type FunctionalComponent<% } %> } from 'preact';
-import { useEffect } from 'preact/hooks';
-import styles from './styles.scss';
-<% if (isTS) { %>
-type ErrorBoxProps = {
-  error: Error;
-}
-<% } %>
-const ErrorBox<% if (isTS) { %>: FunctionalComponent<ErrorBoxProps><% } %> = ({ error }) => {
-  useEffect(() => console.log(error), []);
-
-  return <pre className={styles.root}>{`${String(error)}\n\n${error.stack}`}</pre>;
-};
-
-export default ErrorBox;

package/src/generators/project/templates/preact/src/components/Worm/index.test.tsx

@@ -1,14 +0,0 @@
-import { h } from 'preact';
-import render from 'preact-render-to-string';
-import htmlLooksLike from 'html-looks-like';
-
-import Worm from '.';
-
-describe('Worm', () => {
-  test('It renders', () => {
-    const actual = render(<Worm />);
-    const expected = `<img src="worm.svg">`;
-
-    htmlLooksLike(actual, expected);
-  });
-});

package/src/generators/project/templates/preact/src/components/Worm/index.tsx

@@ -1,9 +0,0 @@
-import { h<% if (isTS) { %>, type FunctionalComponent<% } %> } from 'preact';
-import styles from './styles.scss';
-import worm from './worm.svg';
-
-const Worm<% if (isTS) { %>: FunctionalComponent<% } %> = () => {
-  return <img className={styles.root} src={worm} />;
-};
-
-export default Worm;

package/src/generators/project/templates/preact/src/index.tsx

@@ -1,42 +0,0 @@
-import acto from '@abcnews/alternating-case-to-object';
-import { <% if (isOdyssey) { %>whenOdysseyLoaded<% } else { %>whenDOMReady<% } %> } from '@abcnews/env-utils';
-import { getMountValue, selectMounts } from '@abcnews/mount-utils';<% if (isTS) { %>
-import type { Mount } from '@abcnews/mount-utils';<% } %>
-import { h, render } from 'preact';
-import App from './components/App';<% if (isTS) { %>
-import type { AppProps } from './components/App';<% } %>
-
-let appMountEl<% if (isTS) { %>: Mount<% } %>;
-let appProps<% if (isTS) { %>: AppProps<% } %>;
-
-function renderApp() {
-  render(<App {...appProps} />, appMountEl);
-}
-
-<% if (isOdyssey) { %>whenOdysseyLoaded<% } else { %>whenDOMReady<% } %>.then(() => {
-  [appMountEl] = selectMounts('<%= projectNameFlat %>');
-
-  if (appMountEl) {
-    appProps = acto(getMountValue(appMountEl))<% if (isTS) { %> as AppProps<% } %>;
-    renderApp();
-  }
-});
-
-if (module.hot) {
-  module.hot.accept('./components/App', () => {
-    try {
-      renderApp();
-    } catch (err<% if (isTS) { %>: any<% } %>) {
-      import('./components/ErrorBox').then(({ default: ErrorBox }) => {
-        if (appMountEl) {
-          render(<ErrorBox error={err} />, appMountEl);
-        }
-      });
-    }
-  });
-}
-
-if (process.env.NODE_ENV === 'development') {
-  require('preact/debug');
-  console.debug(`[<%= projectName %>] public path: ${__webpack_public_path__}`);
-}

package/src/generators/project/templates/react/src/components/App/index.test.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-import renderer from 'react-test-renderer';
-import App from '.';<% if (isTS) { %>
-import type { AppProps } from '.';<% } %>
-
-describe('App', () => {
-  test('It renders', () => {
-    const props<% if (isTS) { %>: AppProps<% } %> = { x: 42, y: 'text', z: true };
-    const component = renderer.create(<App {...props} />);
-
-    let tree = component.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-});

package/src/generators/project/templates/react/src/components/App/index.tsx

@@ -1,21 +0,0 @@
-import React from 'react';
-import Worm from '../Worm';
-import styles from './styles.scss';
-<% if (isTS) { %>
-export type AppProps = {
-  x: number;
-  y: string;
-  z: boolean;
-}
-<% } %>
-const App<% if (isTS) { %>: React.FC<AppProps><% } %> = ({ x, y, z }) => {
-  return (
-    <div className={styles.root}>
-      <Worm />
-      <pre>{JSON.stringify({ x, y, z })}</pre>
-      <h1><%= projectName %></h1>
-    </div>
-  );
-};
-
-export default App;

package/src/generators/project/templates/react/src/components/ErrorBox/index.tsx

@@ -1,14 +0,0 @@
-import React, { useEffect } from 'react';
-import styles from './styles.scss';
-<% if (isTS) { %>
-type ErrorBoxProps = {
-  error: Error;
-}
-<% } %>
-const ErrorBox<% if (isTS) { %>: React.FC<ErrorBoxProps><% } %> = ({ error }) => {
-  useEffect(() => console.log(error), []);
-
-  return <pre className={styles.root}>{`${String(error)}\n\n${error.stack}`}</pre>;
-};
-
-export default ErrorBox;

package/src/generators/project/templates/react/src/components/Worm/index.test.tsx

@@ -1,13 +0,0 @@
-import React from 'react';
-import renderer from 'react-test-renderer';
-
-import Worm from '.';
-
-describe('Worm', () => {
-  test('It renders', () => {
-    const component = renderer.create(<Worm />);
-
-    let tree = component.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-});

package/src/generators/project/templates/react/src/components/Worm/index.tsx

@@ -1,9 +0,0 @@
-import React from 'react';
-import styles from './styles.scss';
-import worm from './worm.svg';
-
-const Worm<% if (isTS) { %>: React.FC<% } %> = () => {
-  return <img className={styles.root} src={worm} />;
-};
-
-export default Worm;

package/src/generators/project/templates/react/src/index.tsx

@@ -1,40 +0,0 @@
-import acto from '@abcnews/alternating-case-to-object';
-import { <% if (isOdyssey) { %>whenOdysseyLoaded<% } else { %>whenDOMReady<% } %> } from '@abcnews/env-utils';
-import { getMountValue, selectMounts } from '@abcnews/mount-utils';
-import React from 'react';
-import { createRoot<% if (isTS) { %>, type Root<% } %> } from 'react-dom/client';
-import App from './components/App';<% if (isTS) { %>
-import type { AppProps } from './components/App';<% } %>
-
-let root<% if (isTS) { %>: Root<% } %>;
-let appProps<% if (isTS) { %>: AppProps<% } %>;
-
-function renderApp() {
-  root.render(<App {...appProps} />);
-}
-
-<% if (isOdyssey) { %>whenOdysseyLoaded<% } else { %>whenDOMReady<% } %>.then(() => {
-  const [appMountEl] = selectMounts('<%= projectNameFlat %>');
-
-  if (appMountEl) {
-    root = createRoot(appMountEl);
-    appProps = acto(getMountValue(appMountEl))<% if (isTS) { %> as AppProps<% } %>;
-    renderApp();
-  }
-});
-
-if (module.hot) {
-  module.hot.accept('./components/App', () => {
-    try {
-      renderApp();
-    } catch (err<% if (isTS) { %>: any<% } %>) {
-      import('./components/ErrorBox').then(({ default: ErrorBox }) => {
-        root.render(<ErrorBox error={err} />);
-      });
-    }
-  });
-}
-
-if (process.env.NODE_ENV === 'development') {
-  console.debug(`[<%= projectName %>] public path: ${__webpack_public_path__}`);
-}

package/src/generators/project/templates/svelte/src/components/App/App.svelte

@@ -1,37 +0,0 @@
-<script<% if (isTS) { %> lang="ts"<% } %>>
-  import Worm from '../Worm/Worm.svelte';
-
-  export let x<% if (isTS) { %>: number<% } %>;
-  export let y<% if (isTS) { %>: string<% } %>;
-  export let z<% if (isTS) { %>: boolean<% } %>;
-</script>
-
-<div>
-  <Worm />
-  <pre>{JSON.stringify({ x, y, z })}</pre>
-  <h1><%= projectName %></h1>
-</div>
-
-<style lang="scss">
-  div {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    height: 100%;
-    min-height: 320px;
-    background-color: #<% if (isTS) { %>3178c7<% } else { %>f0db4e<% } %>;
-    color: #<% if (isTS) { %>fff<% } else { %>000<% } %>;
-    text-align: center;
-  }
-
-  h1 {
-    margin: 0;
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
-    font-size: 24px !important;
-    font-weight: normal !important;
-    line-height: normal !important;
-    letter-spacing: normal !important;
-  }
-</style>

package/src/generators/project/templates/svelte/src/components/App/App.test.ts

@@ -1,18 +0,0 @@
-import { render } from '@testing-library/svelte';
-import App from './App.svelte';
-
-const props = { x: 42, y: 'text', z: true };
-
-describe('App', () => {
-  it('should render correct contents', () => {
-    const { container } = render(App, {...props});
-
-    expect(container.textContent).toContain(JSON.stringify(props));
-  });
-
-  it('renders a snapshot', () => {
-    const { container } = render(App, {...props});
-
-    expect(container).toMatchSnapshot();
-  });
-});

package/src/generators/project/templates/svelte/src/components/Worm/Worm.svelte

@@ -1,12 +0,0 @@
-<script<% if (isTS) { %> lang="ts"<% } %>>
-  import worm from './worm.svg';
-</script>
-
-<img src={worm} alt="" />
-
-<style lang="scss">
-  img {
-    width: 240px;
-    height: auto;
-  }
-</style>

package/src/generators/project/templates/svelte/src/components/Worm/Worm.test.ts

@@ -1,16 +0,0 @@
-import { render } from '@testing-library/svelte';
-import Worm from './Worm.svelte';
-
-describe('Worm', () => {
-  it('should render correct contents', () => {
-    const { container } = render(Worm);
-
-    expect(container.querySelector('img')).toBeDefined();
-  });
-
-  it('renders a snapshot', () => {
-    const { container } = render(Worm);
-
-    expect(container).toMatchSnapshot();
-  });
-});

package/src/generators/project/templates/svelte/src/index.ts

@@ -1,26 +0,0 @@
-import acto from '@abcnews/alternating-case-to-object';
-import { <% if (isOdyssey) { %>whenOdysseyLoaded<% } else { %>whenDOMReady<% } %> } from '@abcnews/env-utils';
-import { getMountValue, selectMounts } from '@abcnews/mount-utils';<% if (isTS) { %>
-import type { Mount } from '@abcnews/mount-utils';<% } %>
-import App from './components/App/App.svelte';
-import { mount } from 'svelte';
-
-let appMountEl<% if (isTS) { %>: Mount<% } %>;
-let appProps;
-
-<% if (isOdyssey) { %>whenOdysseyLoaded<% } else { %>whenDOMReady<% } %>.then(() => {
-  [appMountEl] = selectMounts('<%= projectNameFlat %>');
-
-  if (appMountEl) {
-    appProps = acto(getMountValue(appMountEl));
-    
-    mount(App, {
-      target: appMountEl,
-      props: appProps
-    });
-  }
-});
-
-if (process.env.NODE_ENV === 'development') {
-  console.debug(`[<%= projectName %>] public path: ${__webpack_public_path__}`);
-}

package/src/utils/async.js

@@ -1,13 +0,0 @@
-const pack = (module.exports.pack = promise => promise.then(result => [null, result]).catch(err => [err]));
-
-module.exports.packs = fn => (...fnArgs) => pack(fn(...fnArgs));
-
-const throws = (module.exports.throws = packed => {
-  if (packed[0]) {
-    throw packed[0];
-  }
-
-  return packed;
-});
-
-module.exports.unpack = (packed, ignoreErrors) => (ignoreErrors ? packed[1] : throws(packed)[1]);

package/src/utils/audio.js

@@ -1,30 +0,0 @@
-// Native
-const { execSync, spawn } = require('child_process');
-const { join } = require('path');
-
-const ANNOUNCEMENT_FILENAME = join(__dirname, '../../assets/done.mp3');
-
-function has(cmd) {
-  try {
-    execSync('which ' + cmd + ' 2>/dev/null 2>/dev/null');
-    return true;
-  } catch (err) {
-    return false;
-  }
-}
-
-module.exports.announce = () => {
-  const args = [ANNOUNCEMENT_FILENAME];
-  let bin = 'play';
-
-  if (process.platform == 'darwin') {
-    bin = 'afplay';
-  }
-
-  if (has('mplayer')) {
-    bin = 'mplayer';
-    args.unshift('-really-quiet');
-  }
-
-  spawn(bin, args);
-};

package/src/utils/branding.js

@@ -1,57 +0,0 @@
-// Ours
-const { blue, cyan, dim, green, hvy, magenta, red, yellow } = require('./color');
-const { zipTemplateLiterals } = require('./text');
-
-const COLORS = [blue, cyan, green, magenta, yellow];
-
-function pickRandomColor() {
-  return COLORS[Math.floor(Math.random() * COLORS.length)];
-}
-
-const createLogo = (module.exports.createLogo = color =>
-  (color || pickRandomColor())(`
-⣾${dim('⢷')}⡾⢷${dim('⡾')}⣷ 
-⢿⡾${dim('⢷⡾')}⢷⡿ `));
-
-module.exports.createCommandLogo = (commandName, isDry) =>
-  zipTemplateLiterals([
-    createLogo(),
-    `
-${dim('aunty')}
-${hvy(commandName)}${isDry ? ` ${cyan('[dry]')}` : ''}`
-  ]);
-
-module.exports.createErrorLogo = () =>
-  zipTemplateLiterals([
-    createLogo(red),
-    `
-${red(dim('ERROR'))}
-${red(hvy('ЯOЯЯƎ'))}`
-  ]);
-
-module.exports.SPINNER_FRAMES = [
-  '⣏⠀⠀',
-  '⡟⠀⠀',
-  '⠟⠄⠀',
-  '⠛⡄⠀',
-  '⠙⣄⠀',
-  '⠘⣤⠀',
-  '⠐⣤⠂',
-  '⠀⣤⠃',
-  '⠀⣠⠋',
-  '⠀⢠⠛',
-  '⠀⠠⠻',
-  '⠀⠀⢻',
-  '⠀⠀⣹',
-  '⠀⠀⣼',
-  '⠀⠐⣴',
-  '⠀⠘⣤',
-  '⠀⠙⣄',
-  '⠀⠛⡄',
-  '⠠⠛⠄',
-  '⢠⠛⠀',
-  '⣠⠋⠀',
-  '⣤⠃⠀',
-  '⣦⠂⠀',
-  '⣧⠀⠀'
-];

package/src/utils/color.js

@@ -1,12 +0,0 @@
-// External
-const chalk = require('chalk');
-
-module.exports = Object.assign(chalk, {
-  bad: chalk.red,
-  cmd: chalk.yellow,
-  hvy: chalk.bold,
-  ok: chalk.green,
-  opt: chalk.cyan,
-  req: chalk.magenta,
-  sec: chalk.bold.underline
-});

package/src/utils/ftp.js

@@ -1,80 +0,0 @@
-// External
-const ftp = require('basic-ftp');
-const { to: wrap } = require('await-to-js');
-const { probe } = require('tcp-ping-sync');
-
-const { addProfileProperties, addKnownProfileProperties } = require('../config/deploy');
-const { INTERNAL_TEST_HOST } = require('../constants');
-
-/**
- * Check if a project exists on FTP
- * @param {string} projectNameSlug
- * @returns {Promise<boolean>}
- */
-const projectExists = async projectNameSlug => {
-  // If not on internal network FTP won't connect, so bail out
-  const isOnInternalNetwork = probe(INTERNAL_TEST_HOST);
-  if (!isOnInternalNetwork) throw new Error('Not on internal network');
-
-  const config = addProfileProperties(addKnownProfileProperties({}));
-  const { host, username: user, password, to } = config;
-  const [baseDir] = to.split('<name>');
-
-  if (!host || !user || !password) throw new Error('Missing FTP credentials');
-
-  const client = new ftp.Client();
-
-  try {
-    await client.access({
-      host,
-      user,
-      password,
-      secure: false
-    });
-    await client.cd(baseDir);
-    const list = await client.list();
-
-    for (const item of list) {
-      if (projectNameSlug === item.name) return true;
-    }
-  } catch (err) {
-    throw err;
-  }
-
-  client.close();
-
-  return false;
-};
-
-/**
- * Quick FTP check if deployment dir exists
- * @param {string} deployToDir - Remote dir to check
- * @returns {Promise<boolean>}
- */
-const deploymentExists = async deployToDir => {
-  const config = addProfileProperties(addKnownProfileProperties({}));
-  const { host, username: user, password, to } = config;
-
-  const client = new ftp.Client();
-
-  const [accessErr] = await wrap(
-    client.access({
-      host,
-      user,
-      password,
-      secure: false
-    })
-  );
-  if (accessErr) throw accessErr;
-
-  const [cdError] = await wrap(client.cd(deployToDir));
-  if (cdError) {
-    throw cdError;
-  }
-
-  client.close();
-
-  return false;
-};
-
-module.exports = { projectExists, deploymentExists };