Giter Club home page Giter Club logo

bod's Introduction

Bod

Author LICENSE

Node Version Code Lines

CI Jest Coverage Jest Coverage

Lerna NPM Version NPM Version

NPM Version NPM Version NPM Version

Boilerplate CLI App - Create a new project powered by Create React App, @sabertazimi/react-scripts and bod template.

Documentation | Bod Template | Webpack Template | JSX Template | TSX Template

Bod CLI

Installation

# Global installation
npm install -g bod

# Local installation
npm install -D bod

Usage

bod create <appName>
bod info
Usage: bod <command> [options]

Options:
  -v, --version     output the version number
  -h, --help        display help for command

Commands:
  create|c <appName>  Create a new project powered by @sabertazimi/react-scripts
  info|i              Print debugging information about your environment
  help [command]      display help for command

ℹ   Run bod <command> --help for detailed usage of given command.

More details on package bod.

Bod Template

The official React template for Bod CLI.

Live Demo

Start with Template

This template is shipped with Bod CLI out of box:

# Select option `React Framework`
bod create my-app

Or use with Create React App:

npm create react-app my-app --template bod --scripts-version @sabertazimi/react-scripts

More available scripts on package cra-template-bod.

Custom Template

You can custom bod template by clone this monorepo (with package @sabertazimi/react-scripts).

git clone --depth=1 https://github.com/sabertazimi/bod
cd bod
npm i
npm run start:template

@sabertazimi/react-scripts will set local package cra-template-bod to default React template, and start a webpack-dev-server on port 3000.

Contributing

Contributions are greatly appreciated. Please fork this repository and open a pull request.

Credits

Contact

Email Twitter GitHub

bod's People

Contributors

dependabot[bot] avatar renovate[bot] avatar sabertazimi avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

bod's Issues

[Bug]: `peerDependencies` compatibility

@dg-scripts/eslint-config

@dg-scripts/stylelint-config

Dependency Dashboard

This issue provides visibility into Renovate updates and their statuses. Learn more

Rate Limited

These updates are currently rate limited. Click on a checkbox below to force their creation now.

  • fix(deps): pin dependencies (@easyops-cn/docusaurus-search-local, @reduxjs/toolkit, @rushstack/eslint-patch, @svgr/webpack, @testing-library/dom, @testing-library/jest-dom, @testing-library/react, @testing-library/user-event, @tsconfig/docusaurus, @types/cross-spawn, @types/envinfo, @types/inquirer, @types/jest, @types/node, @types/node-fetch, @types/react, @types/react-dom, @types/react-helmet, @types/react-redux, @types/react-router-dom, @types/rimraf, @types/semver, babel-plugin-named-asset-import, babel-preset-react-app, bfj, browserslist, camelcase, chalk, chokidar, ci-info, clsx, concurrently, consola, dotenv, eslint, eslint-config-prettier, eslint-plugin-flowtype, eslint-plugin-import, eslint-plugin-jest, eslint-plugin-jsx-a11y, eslint-plugin-prettier, eslint-plugin-react, eslint-plugin-testing-library, eslint-webpack-plugin, file-loader, fs-extra, node-fetch, nodejieba, prettier, prism-react-renderer, react-app-polyfill, react-dev-utils, react-redux, resolve-url-loader, rimraf, sass-loader, semver, source-map-loader, stylelint, stylelint-config-prettier, stylelint-prettier, stylelint-webpack-plugin, ts-jest, ts-node, tslib, typescript, url-loader, verdaccio, web-vitals, webpack, webpack-bundle-analyzer, webpack-dev-server, webpack-manifest-plugin, webpackbar)
  • fix(deps): pin dependencies (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)
  • fix(deps): pin dependencies (babel-jest, jest)
  • fix(deps): pin dependencies (eslint-plugin-react-hooks, react, react-dom, react-refresh)
  • fix(deps): pin dependency @babel/eslint-parser to 7.15.4
  • fix(deps): pin dependency @mdx-js/react to 1.6.22
  • fix(deps): pin dependency react-router-dom to 5.3.0
  • fix(deps): pin dependency workbox-webpack-plugin to 6.3.0
  • chore(deps): update dependency typescript to v4.4.3
  • fix(deps): update dependency @pmmmwh/react-refresh-webpack-plugin to v0.5.0-rc.6
  • fix(deps): update dependency confusing-browser-globals to v2.0.0-next.fb6e6f70
  • fix(deps): update dependency dotenv to v10.0.0
  • chore(deps): update dependency @testing-library/react to v12.1.0
  • fix(deps): update dependency @reduxjs/toolkit to v1.6.1
  • fix(deps): update dependency mini-css-extract-plugin to v2.3.0
  • chore(deps): update dependency node-fetch to v3 (node-fetch, @types/node-fetch)
  • fix(deps): update dependency camelcase to v6
  • fix(deps): update dependency fs-extra to v10

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.


  • Check this box to trigger a request for Renovate to run again on this repository

A '/bod/bod/' is leading in the url

Hello Sabertaz,

For some reason, there is a leading '/bod/bod/' in the URL of all my routes such as host:/bod/bod/whatever
I cannot find a place in the configuration where it is defined
Is it me who is missing the obvious or is this an issue?

Anyway, thank you for the great work.
Olivier

[Bug]: it doesn't work

after running:
npx bod create bod
and then:
npm run
I get this error:

image

Describe the bug

A clear and concise description of what the bug is.

To Reproduce

Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior

A clear and concise description of what you expected to happen.

Screenshots

If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context

Add any other context about the problem here.

Bug: caniuse-lite outdated problem

# Why you should do it regularly:
# https://github.com/browserslist/browserslist#browsers-data-updating
# Browserslist: caniuse-lite is outdated. Please run:
npx browserslist@latest --update-db

Bug: resolve tsconfig `baseUrl` when local template development

Describe the bug

Resolve tsconfig baseUrl when local template development:

Error: Your project's `baseUrl` can only be set to `src` or `node_modules`. Create React App does not support other values at this time.
     at getAdditionalModulePaths
     at getModules
     at Object.<anonymous>
     at Module._compile
     at Object.Module._extensions..js
     at Module.load
     at Function.Module._load
     at Module.require
     at require
     at Object.<anonymous>

To Reproduce

npm run start:template

Expected behavior

Start local webpack-dev-server with local bod template without any Error.

ESLint v9 support

Validations

  • Read the contributing guidelines.
  • Follow our code of conduct.
  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • Check that this is a concrete bug. For Q&A open a GitHub discussion.

Describe the Bug

Missing ESLint v9 support.

Reproduction

pnpm add -D eslint@latest
pnpm lint

Minimal Example

Expected Behavior

Linter works fine.

System Information

System:
    OS: Linux 5.15 Ubuntu 22.04.4 LTS 22.04.4 LTS (Jammy Jellyfish)
    Container: Yes
    Shell: 5.8.1 - /usr/bin/zsh
  Binaries:
    Node: 20.11.0 - ~/.nvm/versions/node/v20.11.0/bin/node
    npm: 10.2.4 - ~/.nvm/versions/node/v20.11.0/bin/npm
    pnpm: 8.15.6 - ~/.nvm/versions/node/v20.11.0/bin/pnpm

Used Package Manager

pnpm

Additional Context

Upstream

Downstream

Action Required: Fix Renovate Configuration

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Location: .github/renovate.json
Error type: Invalid JSON (parsing failed)
Message: Syntax error: expecting end of expression or separator near {

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.