GithubHelp home page GithubHelp logo

csalmeida / hozokit Goto Github PK

View Code? Open in Web Editor NEW
24.0 24.0 1.0 6.44 MB

Theme Building Framework for WordPress

License: GNU General Public License v2.0

PHP 27.03% JavaScript 36.67% SCSS 14.16% Twig 6.82% Shell 0.77% CSS 12.70% Dockerfile 1.86%
component-architecture timber twig wordpress

hozokit's People

Contributors

arrontp avatar csalmeida avatar dependabot[bot] avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

zielgestalt

hozokit's Issues

Docker setup does not work out when new components are added

When a new component is added or renamed whilst running Hozokit in a Docker container it creates the following issue:

Warning: file_get_contents(/var/www/html/wp-content/themes/hozokit/templates/components/button/index.twig): failed to open stream: No such file or directory in /var/www/html/wp-content/themes/hozokit/vendor/twig/twig/src/Loader/FilesystemLoader.php on line 145 

How to replicate:

  1. Run an instance of Hozokit in a Docker container.
  2. Render the home page.
  3. Add a new component with an index.twig file and some markup. e.g templates/components/button/index.twig
  4. Include the component in the templates/index.twig so that it tries to render in the homepage.
  5. You should get a failed to open stream warning and the button component won't render.

Need to work this one out eventually but for now docker compose down && docker compose up -d solves it (docker compose restart does not do the trick in this case).

templates/components/button/index.twig:

{% block button %}
  <button>Press me!</button>
{% endblock %}

templates/components/button/style.scss:

// Empty but it does exist

templates/index.twig:

{% extends "base.twig" %}

{% block content %}
  <h2>This is index.twig</h2>
  <p>This content block is rendered inside base.twig, which allows the header and footer to be included as well.</p>

  {% include "button/index.twig" %}

  <h3>Posts:</h3>
  <ol>
    {% for post in posts %}
    <li><a href="{{post.link}}">{{post.title}}</a></li>
    {% endfor %}
  </ol>
{% endblock %}

Base.scss file not found

Setup: Using Hozokit Generator.

On npm run start the following error occurs at styles.

Error: File not found with singular glob
**AT**
/styles/base.scss

(if this was purposeful, use `allowEmpty` option)

Gulp is looking for this file but doesn't exist from generator.

Note: this is on main and not v2.0.0

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.