Git Product home page Git Product logo

angular-builder's Introduction

Angular Builders

All Contributors

Website Screenshot

Click here to see list of builders.

This project was generated with Angular CLI version 8.0.3.

Adding a new builder

  1. Find the builders.json in assets folder.
  2. Provide the data for new builder in below json format
{
    "name": "Bazel Build",
    "description": "Bazel is an open-source build and test tool similar to Make, Maven, and Gradle. It uses a human-readable, high-level build language. Bazel supports projects in multiple languages and builds outputs for multiple platforms. Bazel supports large codebases across multiple repositories, and large numbers of users.",
    "repository": "https://github.com/bazelbuild/bazel"
  }

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Become a contributor

Missing a builder, found bug or typo in docs?

Please, feel free to open an issue or submit a pull request to make this project better for everyone!

Contributors โœจ

Thanks goes to these wonderful people (emoji key):


Santosh Yadav

๐Ÿ’ป ๐Ÿ–‹ ๐ŸŽจ ๐Ÿ“–

Nitish Kumar Singh

๐Ÿ’ป ๐ŸŽจ

patel-manas

๐Ÿ’ป

Bojan Kogoj

๐Ÿ’ป

Jeffrey Bosch

๐Ÿ“–

This project follows the all-contributors specification. Contributions of any kind welcome!

angular-builder's People

Contributors

allcontributors[bot] avatar bampakoa avatar bojankogoj avatar chihab avatar danduh avatar dependabot[bot] avatar djgovani avatar jefiozie avatar nitishk72 avatar patel-manas avatar patelvimal avatar renovate-bot avatar renovate[bot] avatar santoshyadavdev avatar sumitkharche avatar sv9045 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

angular-builder's Issues

Adding nrwl/builders to this list.

I would like to suggest @nrwl/builders to this amazing list.

Description:

This package is part of their Nx Modern tools.
You can add this package via npm i @nrwl/builders or yarn add -D @nrwl/builders.
Having Nx workspace is not compulsory as they seamlessly integrate with angular cli, like below:

Usage:

In **angular.json** for testing

"test": {
          "builder": "@nrwl/builders:jest",
          "options": {
            "jestConfig": "./jest.config.js",
            "tsConfig": "src/tsconfig.spec.json",
            "setupFile": "src/setupJest.ts"
          }
        } 

Here is link to their dev guide and repo

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

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

  • chore(deps): update dependency karma-jasmine to v4.0.2
  • chore(deps): update dependency all-contributors-cli to v6.26.1
  • chore(deps): update dependency karma-chrome-launcher to v3.2.0
  • chore(deps): update angular-cli monorepo to v18 (major) (@angular-devkit/build-angular, @angular/cli)
  • chore(deps): update dependency @types/jasmine to v5
  • chore(deps): update dependency @types/node to v20
  • chore(deps): update dependency jasmine-core to v5
  • chore(deps): update dependency karma-jasmine to v5
  • chore(deps): update dependency karma-jasmine-html-reporter to v2
  • chore(deps): update dependency typescript to v5
  • fix(deps): update angular monorepo to v18 (major) (@angular/animations, @angular/common, @angular/compiler, @angular/compiler-cli, @angular/core, @angular/forms, @angular/platform-browser, @angular/platform-browser-dynamic, @angular/router, @angular/service-worker)
  • fix(deps): update angularmaterial monorepo to v18 (major) (@angular/cdk, @angular/material)
  • ๐Ÿ” Create all rate-limited PRs at once ๐Ÿ”

Edited/Blocked

These updates have been manually edited so Renovate will no longer make changes. To discard all commits and start over, click on a checkbox.

Open

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

Detected dependencies

npm
package.json
  • @angular/animations 13.0.0
  • @angular/cdk 13.0.0
  • @angular/common 13.0.0
  • @angular/compiler 13.0.0
  • @angular/core 13.0.0
  • @angular/forms 13.0.0
  • @angular/material 13.0.0
  • @angular/platform-browser 13.0.0
  • @angular/platform-browser-dynamic 13.0.0
  • @angular/router 13.0.0
  • @angular/service-worker 13.0.0
  • rxjs 6.6.7
  • tslib 2.2.0
  • zone.js 0.11.4
  • @angular-devkit/build-angular 13.0.1
  • @angular/cli 13.0.1
  • @angular/compiler-cli 13.0.0
  • @types/jasmine 3.7.6
  • @types/node 14.17.1
  • all-contributors-cli 6.20.0
  • jasmine-core 3.7.1
  • karma 6.3.2
  • karma-chrome-launcher 3.1.0
  • karma-coverage 2.0.3
  • karma-jasmine 4.0.1
  • karma-jasmine-html-reporter 1.6.0
  • karma-coverage-istanbul-reporter 3.0.3
  • jasmine-spec-reporter 7.0.0
  • typescript 4.4.4

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

Add PWA to website

App PWA to make it installable

use ng add @angular/pwa
use cli icon for the app.

Remove bootstrap and font-awesome?

Are there any significant reasons for including so many font awesome font sets along with bootstrap and ngx-bootstrap when the material icons are already included along with Angular Material?

It seems like extra bloat that may not actually be needed.

Add a site footer

It would be nice to have links to

  • relevant Angular.io Builders documentation and glossary entry
  • Builders source code in the CLI repo
  • GitHub repo
  • privacy policy
  • mention site authors

Add @ngx-env/builder to the list of builders

First of all, thanks for this project. It was an inspiration and a good resource for me to build the @ngx-env/builder.

I suggest to add @ngx-env/builder ๐Ÿ‘‡ to the list of builders.

Usage

  1. Add @ngx-env to your CLI project
ng add @ngx-env/builder
  1. Define Environment Variables in .env
NG_APP_ENABLE_ANALYTICS=false
NG_APP_VERSION=$npm_package_version
NG_APP_COMMIT=$GITHUB_SHA
  1. Use in TS and HTML
@Component({
  selector: "app-footer",
})
export class FooterComponent {
  version = process.env.NG_APP_VERSION;
  branch = process.env.NG_APP_BRANCH_NAME;
  commit = process.env.NG_APP_COMMIT;
  analyticsFlag = process.env.NG_APP_ENABLE_ANALYTICS;
}
<!-- Same output in the spans -->
<span> {{ 'process.env.NG_APP_BRANCH_NAME' | env }} </span>
<span> {{ 'NG_APP_BRANCH_NAME' | env }} </span>
<span> {{ branch }} </span>
<!-- index.html -->
<head>
  <title>NgApp on %NG_APP_BRANCH_NAME%</title>
</head>
  1. Run your CLI commands
npm start
NG_APP_BRANCH_NAME=$GITHUB_HEAD_REF ng test
NG_APP_BRANCH_NAME=`git branch --show-current` npm run build

Documentation

Links

And please let me know if you think about any good feature to add to the project. ๐Ÿ’™

Fixes for app

Fixes for below:

  1. Mat toobar error in console
  2. add missing ng in firebase deploy #7
  3. Change title

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.