generator-chisel 1.0.0 → 2.0.0-alpha.1

package/lib/commands/create/creators/app/template/src/styles/tools/_breakpoints.scss

@@ -1,67 +0,0 @@
-// ==========================================================================
-// #BREAKPOINTS
-// ==========================================================================
-
-@function bp-val($name) {
-  @if type-of($name) == 'number' {
-    @return $name;
-  }
-
-  $val: map-get($breakpoints, $name);
-
-  @if $val == null {
-    @error 'Breakpoint #{$name} not found';
-  }
-
-  @return $val;
-}
-
-@function bp-val-next($name) {
-  $breakpoint-names: map_keys($breakpoints);
-  $n: index($breakpoint-names, $name);
-
-  @if $n >= length($breakpoint-names) {
-    @error 'Next breakpoint after #{$name} not found';
-  }
-
-  $next-key: nth($breakpoint-names, $n + 1);
-  @return map-get($breakpoints, $next-key);
-}
-
-@mixin bp($name) {
-  $val: bp-val($name);
-
-  @media (min-width: $val) {
-    @content;
-  }
-}
-
-@mixin bp-down($name) {
-  $val: bp-val($name);
-
-  @media (max-width: $val - 0.02) {
-    @content;
-  }
-}
-
-@mixin bp-only($name) {
-  @if type-of($name) == 'number' {
-    @error '#{$name} should be breakpoint name';
-  }
-
-  $min: bp-val($name);
-  $max: bp-val-next($name);
-
-  @media (min-width: $min) and (max-width: $max - 0.02) {
-    @content;
-  }
-}
-
-@mixin bp-between($name1, $name2) {
-  $min: bp-val($name1);
-  $max: bp-val($name2);
-
-  @media (min-width: $min) and (max-width: $max - 0.02) {
-    @content;
-  }
-}

package/lib/commands/create/creators/app/template/src/styles/tools/_clearfix.scss

@@ -1,18 +0,0 @@
-// ==========================================================================
-// #CLEARFIX
-// ==========================================================================
-
-// Mixin to drop micro clearfix into a selector. Further reading:
-// http://www.cssmojo.com/the-very-latest-clearfix-reloaded/
-//
-// .usage {
-//   @include clearfix();
-// }
-
-@mixin clearfix() {
-  &::after {
-    content: '' !important;
-    display: block !important;
-    clear: both !important;
-  }
-}

package/lib/commands/create/creators/app/template/src/styles/tools/_hidden.scss

@@ -1,17 +0,0 @@
-// ==========================================================================
-// #HIDDEN-VISUALLY
-// ==========================================================================
-
-// Mixin to quickly apply accessible hiding to elements.
-@mixin hidden-visually() {
-  border: 0 !important;
-  clip: rect(0 0 0 0) !important;
-  clip-path: inset(50%) !important;
-  height: 1px !important;
-  margin: -1px !important;
-  overflow: hidden !important;
-  padding: 0 !important;
-  position: absolute !important;
-  white-space: nowrap !important;
-  width: 1px !important;
-}

package/lib/commands/create/creators/app/template/src/styles/utilities/_align.scss

@@ -1,27 +0,0 @@
-/* ==========================================================================
-   #ALIGN
-   ========================================================================== */
-
-.u-float-left {
-  float: left;
-}
-
-.u-float-right {
-  float: right;
-}
-
-.u-clear {
-  clear: both;
-}
-
-.u-text-center {
-  text-align: center;
-}
-
-.u-text-left {
-  text-align: left;
-}
-
-.u-text-right {
-  text-align: right;
-}

package/lib/commands/create/creators/app/template/src/styles/utilities/_clearfix.scss

@@ -1,11 +0,0 @@
-/* ==========================================================================
-   #CLEARFIX
-   ========================================================================== */
-
-/**
- * Attach our clearfix mixin to a utility class.
- */
-
-.u-clearfix {
-  @include clearfix();
-}

package/lib/commands/create/creators/app/template/src/styles/utilities/_hide.scss

@@ -1,28 +0,0 @@
-/* ==========================================================================
-   #HIDE
-   ========================================================================== */
-
-/**
- * Hide only visually, but have it available for screen readers:
- * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
- */
-
-.u-hidden-visually {
-  @include hidden-visually();
-}
-
-/**
- * Hide visually and from screen readers.
- */
-
-.u-hidden {
-  display: none !important;
-}
-
-.u-hidden\@small {
-  display: none;
-
-  @include bp(medium) {
-    display: block;
-  }
-}

package/lib/commands/create/creators/app/template/src/templates/components/footer.chisel-tpl.twig

@@ -1,3 +0,0 @@
-<footer class="o-wrapper c-footer">
-  <p>Copyright &copy; {{"now"|date('Y')}} <%= app.name %></p>
-</footer>

package/lib/commands/create/creators/app/template/src/templates/components/header.chisel-tpl.twig

@@ -1,3 +0,0 @@
-<header class="o-wrapper c-header">
-  <a href="/" rel="home"><%= app.name %></a>
-</header>

package/lib/commands/create/creators/app/template/src/templates/layouts/base.chisel-tpl.twig

@@ -1,42 +0,0 @@
-<!DOCTYPE html><% const isWP = app.projectType === 'wp-with-fe' %>
-<html class="no-js" lang="<%= isWP ? '{{ site.language }}' : 'en' %>" prefix="og: http://ogp.me/ns#" data-webpack-public-path="{{ getDistPath() }}">
-<head>
-  <meta charset="<% if (isWP) { %>{{ site.charset }}<% } else { %>utf-8<% }%>" /><% if (app.projectType == 'fe') { %>
-  <title>{{ pageName }} - <%= app.name %></title><% } %>
-  <link rel="stylesheet" property="stylesheet" href="{{ revisionedPath('styles/main.css') }}" type="text/css">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <script>document.documentElement.classList.remove('no-js');</script>
-  {% if isDev() %}
-    <script src="{{ revisionedPath('styles/main.js') }}" defer></script>
-  {% endif %}
-  <script src="{{ revisionedPath('scripts/app.js') }}" defer></script>
-<% if (isWP) { %>  <link rel="pingback" href="{{ site.pingback_url }}" />
-
-  {{ function('wp_head') }}
-<% } %>
-  {% block head %}
-  {% endblock %}
-</head>
-
-<body class="{{ body_class }}">
-<% if (isWP) { %>  {{ function('wp_body_open') }}
-<% } %>
-  {% block header %}
-    {% include 'components/header.twig' %}
-  {% endblock %}
-  <% if (isWP) { %>
-  {% include 'components/main-nav.twig' %}<% } %>
-
-  <main class="o-wrapper">
-    {% block content %}
-      Sorry, no content
-    {% endblock %}
-  </main>
-
-  {% block footer %}
-    {% include 'components/footer.twig' %}
-  {% endblock %}
-<% if (isWP) { %>
-  {{ function('wp_footer') }}<% } %>
-</body>
-</html>

package/lib/commands/create/creators/app/template/src/templates/layouts/page.twig

@@ -1,8 +0,0 @@
-{% extends "layouts/base.twig" %}
-{% set pageName = '<%= pageName %>' %}
-
-{% block content %}
-  <h1>Hello <span class="js-greeting"></span></h1>
-{% endblock %}
-
-

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

@@ -1,3 +0,0 @@
-module.exports = {
-  extends: ['stylelint-config-chisel'],
-};

package/lib/commands/create/creators/fe/index-styles.css

@@ -1,147 +0,0 @@
-/* Project index styling */
-html {
-  font-size: 1em;
-  line-height: 1.5;
-}
-
-@media (min-width: 768px) {
-  html {
-    font-size: 1.25em;
-  }
-}
-
-@media (min-width: 1024px) {
-  html {
-    font-size: 1.5em;
-  }
-}
-
-body {
-  background: #f2e9da;
-  background-image: repeating-linear-gradient(
-      180deg,
-      transparent,
-      transparent 40px,
-      #eae3d7 40px,
-      #eae3d7 41px
-    ),
-    repeating-linear-gradient(
-      90deg,
-      transparent,
-      transparent 40px,
-      #eae3d7 40px,
-      #eae3d7 41px
-    );
-  color: #1b3729;
-  font-family: 'Crimson Text', serif;
-  padding: 1em;
-}
-
-a,
-a:link {
-  color: #b08b31;
-}
-
-a:hover {
-  color: #ecbb42;
-}
-
-p {
-  margin: 0 0 1em 0;
-}
-
-/* Layouts */
-.c-wrapper {
-  margin: 0 auto;
-  max-width: 860px;
-}
-
-.c-section {
-  margin-top: 2em;
-}
-
-.c-section__note {
-  margin-top: 1em;
-}
-
-.c-section__note:not(:last-child) {
-  display: none;
-}
-
-/* Header */
-.c-page-title {
-  margin: 0;
-}
-
-.c-page-subtitle {
-  border-bottom: 7px solid #1b3729;
-  display: inline-block;
-  font-size: 1.25rem;
-  font-weight: 600;
-  margin: 0;
-  padding-bottom: 0.25em;
-}
-
-.c-intro {
-  font-size: 1.25rem;
-  margin: 0 1em 1em 0;
-  line-height: 1.5;
-  font-weight: 600;
-}
-
-/* Headings */
-.c-heading {
-  border-bottom: 5px solid #ecbb42;
-  display: inline-block;
-  font-weight: 600;
-  margin: 0 0 0.5em 0;
-}
-
-/* Lists */
-.c-list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-.c-list li {
-  margin-bottom: 0.5em;
-  padding-left: 1em;
-  position: relative;
-}
-
-.c-list li::before {
-  background: #ecbb42;
-  content: '';
-  display: block;
-  height: 0.5em;
-  left: 0;
-  position: absolute;
-  top: 0.5em;
-  width: 0.5em;
-}
-
-/* Pages list */
-.c-page {
-  text-decoration: none;
-  position: relative;
-  display: block;
-  border-bottom: 1px dashed #ccc;
-  padding-bottom: 0.5em;
-}
-
-.c-page__link {
-  text-decoration: underline;
-}
-
-.c-page__name {
-  color: #1b3729;
-  margin-left: 0.5em;
-  position: absolute;
-  top: 0;
-  right: 0;
-}
-
-.c-page:hover .c-page__name {
-  color: #999;
-}

package/lib/commands/create/creators/fe/index.js

@@ -1,51 +0,0 @@
-const { runLocal } = require('chisel-shared-utils');
-
-module.exports = (api) => {
-  const runLocalCurrent = (args, opts) =>
-    runLocal(args, { ...opts, cwd: api.resolve() });
-
-  api.schedule(api.PRIORITIES.PROMPT, async () => {
-    await api.prompt([
-      {
-        type: 'checkbox',
-        name: 'additionalFeatures',
-        message: 'Additional features:',
-        choices: [
-          {
-            value: 'serveDist',
-            name: "Serve dist directory in dev / don't generate pages index",
-          },
-          {
-            value: 'skipHtmlExtension',
-            name:
-              "Don't include html extension in links (posts API) & support them in dev",
-          },
-        ],
-      },
-    ]);
-  });
-
-  api.schedule(api.PRIORITIES.COPY, async () => {
-    await api.copy();
-
-    if (!api.creator.data.fe.additionalFeatures.includes('serveDist')) {
-      await api.copy({ from: 'template-index' });
-
-      // lodash escaping seems to be broken, we use custom one
-      await api.modifyFile('index.html', (file) => {
-        return file.replace(/<\\%/g, '<%');
-      });
-    }
-
-    api.schedule(api.PRIORITIES.FE_ADD_INDEX, async () => {
-      if (api.creator.cmd.skipFeAddIndex) return;
-      if (!api.creator.data.fe.additionalFeatures.includes('serveDist')) return;
-
-      console.log('Adding index.twig page...');
-      await runLocalCurrent(
-        ['chisel-scripts', 'add-page', 'Index', '--no-build'],
-        { execaOpts: { stdio: 'inherit' } },
-      );
-    });
-  });
-};

package/lib/commands/create/creators/fe/template/.htmlhintrc

@@ -1,3 +0,0 @@
-{
-  "attr-lowercase": ["viewBox", "preserveAspectRatio"]
-}

package/lib/commands/create/creators/fe/template-index/index.chisel-tpl.html

@@ -1,77 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>Project Index - <%= app.name %></title>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700"
-    >
-    <!-- prettier-ignore -->
-    <style>
-      html{font-size:1em;line-height:1.5}@media (min-width:768px){html{font-size:1.25em}}@media (min-width:1024px){html{font-size:1.5em}}body{background:#fff;color:#2a1468;font-family:Quicksand,sans-serif;padding:1em}a,a:link{color:#2a1468;text-decoration:underline}a:hover{color:#ff6d54}p{margin:0 0 1em}.c-wrapper{margin:0 auto;max-width:860px}.c-section{margin-top:.5em}.c-section__content{font-size:.75em}.c-section__text a{font-weight:500}.c-section__intro{font-size:1em;font-weight:600}.c-section:last-child{margin-top:2em}.c-section__note{margin-top:1em}.c-section__note:not(:last-child){display:none}.c-page-title{margin:0;font-size:1.5em}.c-page-subtitle{margin:1.5em 0 0;font-size:1em}.c-heading,.c-page-subtitle{border-bottom:3px solid #ff6d54;display:inline-block;font-weight:600}.c-intro{font-size:1em;font-weight:600;margin:0 1em 1.9em 0;line-height:1.5}.c-heading{margin:0 0 .5em;font-size:1.35em}.c-list{list-style:none;margin:0;padding:0}.c-list li{margin-bottom:.5em;padding-left:1em;position:relative}.c-list li::before{background:#ff6d54;content:"";display:block;height:.5em;left:0;position:absolute;top:.5em;width:.5em}.c-page{text-decoration:none;position:relative;display:block;border-bottom:1px dashed #ccc;padding-bottom:.5em}.c-page__link{font-weight:600}.c-page__name{color:#2a1468;margin-left:.5em;position:absolute;top:0;right:0}.c-page:hover .c-page__name{color:#ff6d54}.c-section__code{padding:.9rem .8rem;overflow:auto;display:block;background:#2d2b57;color:#e3dfff;border-radius:10px}
-    </style>
-    <script type="text/x-chisel-pages-template">
-      <ul class="c-list">
-        <!-- CHISEL-PAGES -->
-      </ul>
-    </script>
-    <script type="text/x-chisel-page-template">
-      <li>
-        <a href="dist/<\%= page.path %>" class="c-page">
-          <span class="c-page__link"><\%= page.name %></span>
-          <span class="c-page__name"><\%= page.slug %>.html</span>
-        </a>
-      </li>
-    </script>
-  </head>
-  <body>
-    <div class="c-wrapper">
-      <h1 class="c-page-title"><%= app.name %></h1>
-      <h2 class="c-page-subtitle">Project index</h2>
-
-      <div class="c-section c-section--first">
-        <div class="c-section__content">
-          <p class="c-intro">
-            This project is powered by
-            <a href="https://www.getchisel.co/">Chisel</a>, a development
-            framework for creating easy to maintain and fast front-end
-            templates.
-          </p>
-          <h2 class="c-heading">Pages</h2>
-          <div class="c-section__note">
-            To add more pages run:
-            <pre><code class="c-section__code">npm run add-page 'My Awesome Page'</code></pre>
-            or
-            <pre><code class="c-section__code">yarn add-page 'My Awesome Page'</code></pre>
-          </div>
-          <!-- CHISEL-PAGES-LIST -->
-        </div>
-      </div>
-      <!-- /c-section -->
-
-      <section class="c-section">
-        <div class="c-section__content">
-          <h2 class="c-heading">Documentation</h2>
-          <p>
-            <strong class="c-section__intro">Chisel supports modern web development workflows and helps
-              developers to create a code base which is easy to
-              maintain.</strong>
-          </p>
-          <p class="c-section__text">
-            For detailed information how Chisel works, please check out
-            <a href="https://www.getchisel.co/">www.getchisel.co</a>.
-          </p>
-          <p class="c-section__text">
-            If you are just looking for your deliverable files, they are located
-            inside the <code>dist</code> folder. No files found outside of that
-            folder should usually be uploaded to your server (e.g. this file).
-          </p>
-        </div>
-      </section>
-      <!-- /c-section -->
-    </div>
-    <!-- /c-wrapper -->
-  </body>
-</html>

package/lib/commands/create/creators/fe/template-index/index.chisel-tpl.html.rej

@@ -1,13 +0,0 @@
-diff a/packages/generator-chisel/lib/commands/create/creators/fe/template-index/index.chisel-tpl.html b/packages/generator-chisel/lib/commands/create/creators/fe/template-index/index.chisel-tpl.html	(rejected hunks)
-@@ -10,7 +10,11 @@
-      >
-      <!-- prettier-ignore -->
-      <style>
-++<<<<<<< HEAD
- +      html{font-size:1em;line-height:1.5}@media (min-width:768px){html{font-size:1.25em}}@media (min-width:1024px){html{font-size:1.5em}}body{background:#fff;color:#2a1468;font-family:Quicksand,sans-serif;padding:1em}a,a:link{color:#2a1468;text-decoration:underline}a:hover{color:#ff6d54}p{margin:0 0 1em}.c-wrapper{margin:0 auto;max-width:860px}.c-section{margin-top:.5em}.c-section__content{font-size:.75em}.c-section__text a{font-weight:500}.c-section__intro{font-size:1em;font-weight:600}.c-section:last-child{margin-top:2em}.c-section__note{margin-top:1em}.c-section__note:not(:last-child){display:none}.c-page-title{margin:0;font-size:1.5em}.c-page-subtitle{margin:1.5em 0 0;font-size:1em}.c-heading,.c-page-subtitle{border-bottom:3px solid #ff6d54;display:inline-block;font-weight:600}.c-intro{font-size:1em;font-weight:600;margin:0 1em 1.9em 0;line-height:1.5}.c-heading{margin:0 0 .5em;font-size:1.35em}.c-list{list-style:none;margin:0;padding:0}.c-list li{margin-bottom:.5em;padding-left:1em;position:relative}.c-list li:before{background:#ff6d54;content:"";display:block;height:.5em;left:0;position:absolute;top:.5em;width:.5em}.c-page{text-decoration:none;position:relative;display:block;border-bottom:1px dashed #ccc;padding-bottom:.5em}.c-page__link{font-weight:600}.c-page__name{color:#2a1468;margin-left:.5em;position:absolute;top:0;right:0}.c-page:hover .c-page__name{color:#ff6d54}.c-section__code{padding:.9rem .8rem;overflow:auto;display:block;background:#2d2b57;color:#e3dfff;border-radius:10px}
-++=======
-+       html{font-size:1em;line-height:1.5}@media (min-width: 768px){html{font-size:1.25em}}@media (min-width: 1024px){html{font-size:1.5em}}body{background:#fff;color:#2a1468;font-family:Quicksand,sans-serif;padding:1em}a,a:link{color:#2a1468;text-decoration:underline}a:hover{color:#ff6d54}p{margin:0 0 1em}.c-wrapper{margin:0 auto;max-width:860px}.c-section{margin-top:0.5em}.c-section__content{font-size:0.75em}.c-section__text a{font-weight:500}.c-section__intro{font-size:1em;font-weight:600}.c-section:last-child{margin-top:2em}.c-section__note{margin-top:1em}.c-section__note:not(:last-child){display:none}.c-page-title{margin:0;font-size:1.5em}.c-page-subtitle{margin:1.5em 0 0;font-size:1em}.c-page-subtitle,.c-heading{border-bottom:3px solid #ff6d54;display:inline-block;font-weight:600}.c-intro{font-size:1em;font-weight:600;margin:0 1em 1.9em 0;line-height:1.5}.c-heading{margin:0 0 0.5em;font-size:1.35em}.c-list{list-style:none;margin:0;padding:0}.c-list li{margin-bottom:0.5em;padding-left:1em;position:relative}.c-list li:before{background:#ff6d54;content:"";display:block;height:0.5em;left:0;position:absolute;top:0.5em;width:0.5em}.c-page{text-decoration:none;position:relative;display:block;border-bottom:1px dashed #ccc;padding-bottom:0.5em}.c-page__link{font-weight:600}.c-page__name{color:#2a1468;margin-left:0.5em;position:absolute;top:0;right:0}.c-page:hover .c-page__name{color:#ff6d54}.c-section__code{padding:0.9rem 0.8rem;overflow:auto;display:block;background:#2d2b57;color:#e3dfff;border-radius:10px}
-++>>>>>>> Minimize index styles
-      </style>
-      <script type="text/x-chisel-pages-template">
-        <ul class="c-list">

package/lib/commands/create/creators/wp/chisel-starter-theme/.gitignore.chisel-tpl

@@ -1 +0,0 @@
-/dist

package/lib/commands/create/creators/wp/chisel-starter-theme/404.chisel-tpl.php

@@ -1,9 +0,0 @@
-<?php
-/**
- * The template for displaying 404 pages (Not Found)
- *
- * @package <%= app.nameSlug %>
- */
-
-$context = \Timber\Timber::get_context();
-\Timber\Timber::render( '404.twig', $context );

package/lib/commands/create/creators/wp/chisel-starter-theme/Chisel/Extensions/ChiselExtension.php

@@ -1,14 +0,0 @@
-<?php
-
-namespace Chisel\Extensions;
-
-/**
- * Interface ChiselExtension
- * @package Chisel\Extensions
- */
-interface ChiselExtension {
-	/**
-	 * Method used to run call Extension after instantiating
-	 */
-	public function extend();
-}