generator-chisel 1.0.0 → 2.0.0-alpha.1

package/lib/commands/create/creators/app/template/package.chisel-tpl.json

@@ -1,43 +0,0 @@
-<% /* This file will be later formatted and sorted */ %>
-<% /* Don't worry too much how it looks here */ %>
-{
-  "name": "<%= app.nameSlug %>",
-  "version": "0.0.0",
-  "private": true,
-  "license": "UNLICENSED",
-  "author": "<%= app.author %>",
-  "description": "<%= app.name %>",
-  "scripts": {
-    "dev": "chisel-scripts dev",
-    "watch": "chisel-scripts dev",
-    "build": "chisel-scripts lint && chisel-scripts build",
-    "build-report": "chisel-scripts build --report",
-    <%= app.projectType == 'wp-with-fe' ? `"wp": "chisel-scripts wp",` : '' %>
-    "add-page": "chisel-scripts add-page",
-    "lint": "chisel-scripts lint"
-  },
-  "devDependencies": {
-    <%= app.projectType == 'wp-with-fe' ? `"chisel-plugin-wordpress": "*",` : '' %>
-    <%= app.projectType == 'fe' ? `"chisel-plugin-static-frontend": "*",` : '' %>
-    "babel-preset-chisel": "*",
-    "@jakub300/postcss-normalize": "^9.0.1",
-    "autoprefixer": "^9.8.0",
-    <% /* required by postcss-normalize for some reason  */ %>
-    "browserslist": "^4.12.0",
-    "chisel-plugin-code-style": "*",
-    "chisel-scripts": "*"
-  },
-  "dependencies": {
-  },
-  "engines": {
-    "node": "^10.14.2  || ^12 || ^14"
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
-  },
-  "lint-staged": {
-    "*.{js,scss}": "chisel-scripts lint"
-  }
-}

package/lib/commands/create/creators/app/template/postcss.config.js

@@ -1,8 +0,0 @@
-/* eslint import/no-extraneous-dependencies: ["error", { "devDependencies": true }], global-require: off */
-
-module.exports = {
-  plugins: [
-    require('autoprefixer')({ grid: 'autoplace' }),
-    require('@jakub300/postcss-normalize')(),
-  ],
-};

package/lib/commands/create/creators/app/template/prettier.config.js

@@ -1,4 +0,0 @@
-module.exports = {
-  singleQuote: true,
-  trailingComma: 'all',
-};

package/lib/commands/create/creators/app/template/src/scripts/app.chisel-tpl.js

@@ -1,8 +0,0 @@
-/*
-  Project: <%= app.name %>
-  Author: <%= app.author %>
- */
-
-import greet from './modules/greeting';
-
-greet('World');

package/lib/commands/create/creators/app/template/src/scripts/modules/greeting.chisel-tpl.js

@@ -1,17 +0,0 @@
-<% if (app.hasJQuery) { %>import $ from 'jquery';
-
-const greeting = (name) => {
-  const element = $('.js-greeting');
-
-  if (element.length) {
-    element.text(name);
-  }
-};<% } else { %>const greeting = (name) => {
-  const element = document.querySelector('.js-greeting');
-
-  if (element) {
-    element.innerHTML = name;
-  }
-};
-<% } %>
-export default greeting;

package/lib/commands/create/creators/app/template/src/styles/components/_btn.scss

@@ -1,60 +0,0 @@
-/* ==========================================================================
-   #BUTTONS
-   ========================================================================== */
-
-/**
- * This is an example component. Extend inuitcss by building your own components
- * that make up your UI. Component classes are prefixed with a `c-`.
- */
-
-/**
- * 1. Allow us to style box model properties.
- * 2. Line different sized buttons up a little nicer.
- * 3. Make buttons inherit font styles (often necessary when styling `input`s as
- *    buttons).
- * 4. Reset/normalize some styles.
- * 5. Force all button-styled elements to appear clickable.
- */
-
-.c-btn {
-  display: inline-block; /* [1] */
-  vertical-align: middle; /* [2] */
-  font: inherit; /* [3] */
-  text-align: center; /* [4] */
-  margin: 0; /* [4] */
-  cursor: pointer; /* [5] */
-  padding: 0.5rem 1rem;
-  transition: $global-transition;
-  border-radius: $global-radius;
-}
-
-/* Style variants
-   ========================================================================== */
-
-.c-btn--primary {
-  background-color: $color-link;
-
-  &,
-  &:hover,
-  &:active,
-  &:focus {
-    text-decoration: none; /* [4] */
-    color: $color-white;
-  }
-
-  &:hover,
-  &:focus {
-    background-color: $color-hover;
-  }
-}
-
-/* Size variants
-   ========================================================================== */
-
-.c-btn--small {
-  padding: 0.25rem 0.5rem;
-}
-
-.c-btn--large {
-  padding: 0.75rem 1.5rem;
-}

package/lib/commands/create/creators/app/template/src/styles/components/_footer.scss

@@ -1,10 +0,0 @@
-/* ==========================================================================
-   #FOOTER
-   ========================================================================== */
-
-.c-footer {
-  border-top: 1px solid $color-border;
-  font-size: 0.875rem;
-  margin-top: 2em;
-  padding-top: 1em;
-}

package/lib/commands/create/creators/app/template/src/styles/components/_header.scss

@@ -1,9 +0,0 @@
-/* ==========================================================================
-   #HEADER
-   ========================================================================== */
-
-.c-header {
-  border-bottom: 1px solid $color-border;
-  margin-bottom: 2em;
-  padding-bottom: 1em;
-}

package/lib/commands/create/creators/app/template/src/styles/elements/_blockquote.scss

@@ -1,20 +0,0 @@
-/* ==========================================================================
-   #BLOCKQUOTES
-   ========================================================================== */
-
-blockquote {
-  quotes: '“' '”' '‘' '’';
-  font-style: italic;
-
-  p:first-child {
-    &::before {
-      content: open-quote;
-    }
-  }
-
-  p:last-child {
-    &::after {
-      content: close-quote;
-    }
-  }
-}

package/lib/commands/create/creators/app/template/src/styles/elements/_headings.scss

@@ -1,33 +0,0 @@
-/* ==========================================================================
-   #HEADINGS
-   ========================================================================== */
-
-/**
- * Simple default styles for headings 1 through 6. Anything more opinionated
- * than simple font-size changes should likely be applied via classes (see:
- * http://csswizardry.com/2016/02/managing-typography-on-large-apps/).
- */
-
-h1 {
-  font-size: 2.25rem;
-}
-
-h2 {
-  font-size: 1.75rem;
-}
-
-h3 {
-  font-size: 1.5rem;
-}
-
-h4 {
-  font-size: 1.25rem;
-}
-
-h5 {
-  font-size: 1.125rem;
-}
-
-h6 {
-  font-size: 1rem;
-}

package/lib/commands/create/creators/app/template/src/styles/elements/_html.scss

@@ -1,40 +0,0 @@
-/* ==========================================================================
-   #PAGE
-   ========================================================================== */
-
-/**
- * Simple page-level setup.
- *
- * 1. Set the default `font-size` and `line-height` for the entire project.
- * 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
- *    navigating between pages that do/do not have enough content to produce
- *    scrollbars naturally.
- * 3. Ensure the page always fills at least the entire height of the viewport.
- */
-
-html {
-  background: $color-bg;
-  color: $color-text;
-  font-family: $font-sans-serif;
-  font-size: 0.8125rem; /* [1] */ /* 13px */
-  line-height: 1.5; /* [1] */
-  min-height: 100%; /* [3] */
-  overflow-y: scroll; /* [2] */
-  padding: 1rem;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  text-rendering: optimizeLegibility;
-
-  @include bp(medium) {
-    font-size: 0.875em; /* 14px */
-  }
-
-  @include bp(large) {
-    font-size: 0.9375em; /* 15px */
-  }
-
-  @include bp(full) {
-    font-size: 1em; /* 16px */
-  }
-}
-

package/lib/commands/create/creators/app/template/src/styles/elements/_links.scss

@@ -1,12 +0,0 @@
-/* ==========================================================================
-   #LINKS
-   ========================================================================== */
-
-a {
-  color: $color-link;
-  text-decoration: underline;
-
-  &:hover {
-    color: $color-hover;
-  }
-}

package/lib/commands/create/creators/app/template/src/styles/elements/_lists.scss

@@ -1,23 +0,0 @@
-/* ==========================================================================
-   #LISTS
-   ========================================================================== */
-
-li {
-  margin-bottom: 0.5rem;
-
-  > ul,
-  > ol {
-    margin-bottom: 0;
-    margin-left: 1rem;
-    margin-top: 0.5rem;
-  }
-}
-
-dt {
-  font-weight: bold;
-}
-
-dd {
-  margin-bottom: 1rem;
-  margin-left: 1rem;
-}

package/lib/commands/create/creators/app/template/src/styles/elements/_tables.scss

@@ -1,11 +0,0 @@
-/* ==========================================================================
-   #TABLES
-   ========================================================================== */
-
-/**
- * 1. Ensure tables fill up as much space as possible.
- */
-
-table {
-  width: 100%; /* [1] */
-}

package/lib/commands/create/creators/app/template/src/styles/generic/_box-sizing.scss

@@ -1,20 +0,0 @@
-/* ==========================================================================
-   #BOX-SIZING
-   ========================================================================== */
-
-/**
- * More sensible default box-sizing:
- * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
- */
-
-html {
-  box-sizing: border-box;
-}
-
-* {
-  &,
-  &::before,
-  &::after {
-    box-sizing: inherit;
-  }
-}

package/lib/commands/create/creators/app/template/src/styles/generic/_font-face.scss

@@ -1,8 +0,0 @@
-/* ==========================================================================
-   #FONT-FACE
-   ========================================================================== */
-
-/**
- * Add font-display: swap to font-face blocks here
- * https://www.zachleat.com/web/comprehensive-webfonts/#font-display
- */

package/lib/commands/create/creators/app/template/src/styles/generic/_normalize.scss

@@ -1,5 +0,0 @@
-/* ==========================================================================
-   #NORMALIZE
-   ========================================================================== */
-
-@import-normalize;

package/lib/commands/create/creators/app/template/src/styles/generic/_reset.scss

@@ -1,51 +0,0 @@
-/* ==========================================================================
-   #RESET
-   ========================================================================== */
-
-/**
- * A very simple reset that sits on top of Normalize.css.
- */
-
-body,
-h1, h2, h3, h4, h5, h6,
-blockquote, p, pre,
-dl, dd, ol, ul,
-figure,
-hr,
-fieldset, legend {
-  margin: 0;
-  padding: 0;
-}
-
-
-/**
- * Remove trailing margins from nested lists.
- */
-
-li > {
-  ol,
-  ul {
-    margin-bottom: 0;
-  }
-}
-
-
-/**
- * Remove default table spacing.
- */
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
-
-/**
- * 1. Reset Chrome and Firefox behaviour which sets a `min-width: min-content;`
- *    on fieldsets.
- */
-
-fieldset {
-  min-width: 0; /* [1] */
-  border: 0;
-}

package/lib/commands/create/creators/app/template/src/styles/generic/_shared.scss

@@ -1,32 +0,0 @@
-/* ==========================================================================
-   #SHARED
-   ========================================================================== */
-
-/**
- * Shared declarations for certain elements.
- */
-
-/**
- * Always declare margins in the same direction:
- * csswizardry.com/2012/06/single-direction-margin-declarations
- */
-
-address,
-h1, h2, h3, h4, h5, h6,
-blockquote, p, pre,
-dl, ol, ul,
-figure,
-hr,
-table,
-fieldset {
-  margin-bottom: 1.3rem;
-}
-
-
-/**
- * Consistent indentation for lists.
- */
-
-dd, ol, ul {
-  margin-left: 1rem;
-}

package/lib/commands/create/creators/app/template/src/styles/main.chisel-tpl.scss

@@ -1,13 +0,0 @@
-/*
-  Project: <%= app.name %>
-  Author: <%= app.author %>
- */
-
-@import 'settings/*';
-@import 'tools/*';
-@import 'generic/*';
-@import 'elements/*';
-@import 'vendor/*';
-@import 'objects/*';
-@import 'components/*';
-@import 'utilities/*';

package/lib/commands/create/creators/app/template/src/styles/objects/_layout.scss

@@ -1,49 +0,0 @@
-/* ==========================================================================
-   #LAYOUT
-   ========================================================================== */
-
-/* Simple flexbox layout system */
-
-.o-layout {
-  display: block;
-
-  @include bp(medium) {
-    display: flex;
-  }
-}
-
-.o-layout__item {
-  flex: 1;
-}
-
-.o-layout--guttered {
-  justify-content: space-between;
-
-  > .o-layout__item {
-    flex: none;
-  }
-}
-
-.o-layout--2 {
-  > .o-layout__item {
-    @include bp(medium) {
-      width: 49%;
-    }
-  }
-}
-
-.o-layout--3 {
-  > .o-layout__item {
-    @include bp(medium) {
-      width: 32%;
-    }
-  }
-}
-
-.o-layout--4 {
-  > .o-layout__item {
-    @include bp(medium) {
-      width: 24%;
-    }
-  }
-}

package/lib/commands/create/creators/app/template/src/styles/objects/_list-bare.scss

@@ -1,13 +0,0 @@
-/* ==========================================================================
-   #LIST-BARE
-   ========================================================================== */
-
-/**
- * Strip list-like appearance from lists by removing their bullets, and any
- * indentation.
- */
-
-.o-list-bare {
-  list-style: none;
-  margin-left: 0;
-}

package/lib/commands/create/creators/app/template/src/styles/objects/_list-inline.scss

@@ -1,16 +0,0 @@
-/* ==========================================================================
-   #LIST-INLINE
-   ========================================================================== */
-
-/**
- * The list-inline object simply displays a list of items in one line.
- */
-
-.o-list-inline {
-  list-style: none;
-  margin-left: 0;
-}
-
-.o-list-inline__item {
-  display: inline-block;
-}

package/lib/commands/create/creators/app/template/src/styles/objects/_media.scss

@@ -1,53 +0,0 @@
-/* ==========================================================================
-   #MEDIA
-   ========================================================================== */
-
-/**
- * Place any image- and text-like content side-by-side, as per:
- * http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
- */
-
-.o-media {
-  @include clearfix();
-  display: block;
-}
-
-.o-media__img {
-  float: left;
-  margin-right: 1rem;
-
-  > img {
-    display: block;
-  }
-}
-
-.o-media__body {
-  display: block;
-  overflow: hidden;
-
-  &,
-  > :last-child {
-    margin-bottom: 0;
-  }
-}
-
-/* Reversed media objects
-   ========================================================================== */
-
-.o-media--reverse {
-  > .o-media__img {
-    float: right;
-    margin-left: 1rem;
-    margin-right: 0;
-  }
-}
-
-/* Gutterless media objects
-   ========================================================================== */
-
-.o-media--flush {
-  > .o-media__img {
-    margin-left: 0;
-    margin-right: 0;
-  }
-}

package/lib/commands/create/creators/app/template/src/styles/objects/_table.scss

@@ -1,26 +0,0 @@
-/* ==========================================================================
-   #TABLE
-   ========================================================================== */
-
-/**
- * A simple object for manipulating the structure of HTML `table`s.
- */
-
-.o-table {
-  width: 100%;
-}
-
-/* Equal-width table cells.
-   ========================================================================== */
-
-/**
- * `table-layout: fixed` forces all cells within a table to occupy the same
- * width as each other. This also has performance benefits: because the browser
- * does not need to (re)calculate cell dimensions based on content it discovers,
- * the table can be rendered very quickly. Further reading:
- * https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout#Values
- */
-
-.o-table--fixed {
-  table-layout: fixed;
-}

package/lib/commands/create/creators/app/template/src/styles/objects/_wrapper.scss

@@ -1,14 +0,0 @@
-/* ==========================================================================
-   #WRAPPER
-   ========================================================================== */
-
-/**
- * Page-level constraining and wrapping elements.
- */
-
-.o-wrapper {
-  @include clearfix();
-  margin-right: auto;
-  margin-left: auto;
-  max-width: 1200px;
-}

package/lib/commands/create/creators/app/template/src/styles/settings/_global.scss

@@ -1,50 +0,0 @@
-// ==========================================================================
-// #GLOBAL
-// ==========================================================================
-// The global settings file contains any project-wide variables; things that
-// need to be made available to the entire codebase.
-
-$global-radius: 3px !default;
-$global-transition: all 300ms ease-in-out !default;
-
-/* Fonts
-   ========================================================================== */
-
-$font-sans-serif: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI',
-  'Roboto', 'Helvetica Neue', 'Arial', sans-serif !default;
-
-/* Breakpoints
-   ========================================================================== */
-
-$breakpoints: (
-  small: 480px,
-  medium: 768px,
-  large: 1024px,
-  xlarge: 1280px,
-  full: 1600px,
-);
-
-/* Colors
-   ========================================================================== */
-
-// Colors shouldn't be used directly but reassigned
-$color-white: #fff;
-$color-black: #000;
-$color-very-light-grey: #ccc;
-$color-light-grey: #999;
-$color-medium-grey: #666;
-$color-dark-grey: #333;
-
-// Text
-$color-bg: $color-white;
-$color-text: $color-black;
-
-// Links
-$color-link: $color-medium-grey;
-$color-hover: $color-light-grey;
-
-// Borders
-$color-border: $color-very-light-grey;
-
-// Fills
-$color-fill: $color-very-light-grey;