{"id":26663195,"url":"https://github.com/startpolymer/polymer-starter-kit-plus","last_synced_at":"2025-08-21T23:05:30.935Z","repository":{"id":74217463,"uuid":"92722705","full_name":"StartPolymer/polymer-starter-kit-plus","owner":"StartPolymer","description":"A starting point for building Single-Page Applications with Polymer 2.x","archived":false,"fork":false,"pushed_at":"2017-07-26T14:49:41.000Z","size":1154,"stargazers_count":5,"open_issues_count":15,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-11T18:24:35.644Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/StartPolymer.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-05-29T08:52:26.000Z","updated_at":"2021-05-02T17:07:36.000Z","dependencies_parsed_at":null,"dependency_job_id":"4b891db7-0237-4e1f-b99a-15b04f386953","html_url":"https://github.com/StartPolymer/polymer-starter-kit-plus","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StartPolymer%2Fpolymer-starter-kit-plus","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StartPolymer%2Fpolymer-starter-kit-plus/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StartPolymer%2Fpolymer-starter-kit-plus/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StartPolymer%2Fpolymer-starter-kit-plus/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/StartPolymer","download_url":"https://codeload.github.com/StartPolymer/polymer-starter-kit-plus/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248456381,"owners_count":21106607,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-03-25T14:20:16.624Z","updated_at":"2025-04-11T18:24:39.290Z","avatar_url":"https://github.com/StartPolymer.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Polymer App Toolbox - Starter Kit Plus\n\n[![Average time to resolve an issue](http://isitmaintained.com/badge/resolution/StartPolymer/polymer-starter-kit-plus.svg)](http://isitmaintained.com/project/StartPolymer/polymer-starter-kit-plus \"Average time to resolve an issue\")\n[![Percentage of issues still open](http://isitmaintained.com/badge/open/StartPolymer/polymer-starter-kit-plus.svg)](http://isitmaintained.com/project/StartPolymer/polymer-starter-kit-plus \"Percentage of issues still open\")\n[![Build Status](https://travis-ci.org/StartPolymer/polymer-starter-kit-plus.svg?branch=master)](https://travis-ci.org/StartPolymer/polymer-starter-kit-plus)\n[![devDependencies Status](https://david-dm.org/StartPolymer/polymer-starter-kit-plus/dev-status.svg)](https://david-dm.org/StartPolymer/polymer-starter-kit-plus?type=dev)\n[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n[![BrowserStack](https://img.shields.io/badge/BrowserStack-App%20tested-brightgreen.svg)](https://www.browserstack.com)\n[![PRs welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://help.github.com/articles/about-pull-requests/)\n\n\u003e Up-to-date fork of [Polymer Starter Kit](https://github.com/PolymerElements/polymer-starter-kit).\n\u003e Only Polymer 2.0+\n\nThis template is a starting point for building apps using a drawer-based\nlayout. The layout is provided by `app-layout` elements.\n\nThis template, along with the `polymer-cli` toolchain, also demonstrates use\nof the \"PRPL pattern\" This pattern allows fast first delivery and interaction with\nthe content at the initial route requested by the user, along with fast subsequent\nnavigation by pre-caching the remaining components required by the app and\nprogressively loading them on-demand as the user navigates through the app.\n\nThe PRPL pattern, in a nutshell:\n\n* **Push** components required for the initial route\n* **Render** initial route ASAP\n* **Pre-cache** components for remaining routes\n* **Lazy-load** and progressively upgrade next routes on-demand\n\n### New Features :tada:\n\n- `yarn build` using [Polymer Build](https://github.com/Polymer/polymer-build) and [Gulp](https://github.com/gulpjs/gulp).\n- `yarn format:css` using [js-beautify](https://github.com/beautify-web/js-beautify).\n- `yarn format:html` using [js-beautify](https://github.com/beautify-web/js-beautify).\n- `yarn format:js` using [eslint](https://github.com/eslint/eslint), [Prettier](https://github.com/prettier/prettier) and [eslint-config-google](https://github.com/google/eslint-config-google).\n- `yarn format:json` using [Prettier](https://github.com/prettier/prettier).\n- `yarn json5` for convert [JSON5](https://github.com/json5/json5) files to strict JSON.\n- `yarn lint:css` using [stylelint](https://github.com/stylelint/stylelint) and [stylelint-config-standard](https://github.com/stylelint/stylelint-config-standard).\n- `yarn lint:html` using [htmllint](https://github.com/htmllint/htmllint).\n- `yarn lint:js` using [eslint](https://github.com/eslint/eslint), [Prettier](https://github.com/prettier/prettier) and [eslint-config-google](https://github.com/google/eslint-config-google).\n- `yarn lint:json` using [Prettier](https://github.com/prettier/prettier).\n- `yarn min:img` for minify PNG, JPEG, GIF and SVG images and convert to WebP format using [imagemin](https://github.com/imagemin/imagemin) and [imagemin-webp](https://github.com/imagemin/imagemin-webp).\n- Run linters and formatters on git staged files using [lint-staged](https://github.com/okonet/lint-staged).\n\n### TODO\n\n- [Browsersync](https://github.com/Browsersync/browser-sync) for keeping multiple browsers \u0026 devices in sync when building websites.\n- [Reshape](https://github.com/reshape/reshape) for transforming HTML with JavaScript plugins.\n- [gulp-rev-all](https://github.com/smysnk/gulp-rev-all) for static asset revisioning with dependency considerations, appends content hash to each filename, re-writes references.\n- [Lighthouse](https://github.com/GoogleChrome/lighthouse) for auditing, performance metrics, and best practices.\n- and other [issues](https://github.com/StartPolymer/polymer-starter-kit-plus/issues) ...\n\n### Quickstart\n\nWe've recorded a Polycast to get you up and running with PSK2 fast!\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.youtube.com/watch?v=HgJ0XCyBwzY\u0026list=PLNYkxOF6rcIDdS7HWIC_BYRunV6MHs5xo\u0026index=10\"\u003e\n    \u003cimg src=\"https://img.youtube.com/vi/HgJ0XCyBwzY/0.jpg\" alt=\"Polymer Starter Kit 2 video\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n### Setup\n\n##### Prerequisites\n\nFirst, install [Polymer CLI](https://github.com/Polymer/polymer-cli) using\n[npm](https://www.npmjs.com) (we assume you have pre-installed [node.js](https://nodejs.org)).\n\n    yarn global add polymer-cli\n\nThen, install `generator-polymer-init-starter-kit-plus`.\n\n    yarn global add generator-polymer-init-starter-kit-plus\n\n##### Initialize project from template\n\n    mkdir my-app\n    cd my-app\n    polymer init starter-kit-plus\n\n### Start the development server\n\nThis command serves the app at `http://localhost:8080` and provides basic URL\nrouting for the app:\n\n    polymer serve --open\n\n### Build\n\nThis command performs HTML, CSS, and JS minification on the application\ndependencies, and generates a service-worker.js file with code to pre-cache the\ndependencies based on the entrypoint and fragments specified in `polymer.json`.\nThe minified files are output to the `build/unbundled` folder, and are suitable\nfor serving from a HTTP/2+Push compatible server.\n\nIn addition the command also creates a fallback `build/bundled` folder,\ngenerated using fragment bundling, suitable for serving from non\nH2/push-compatible servers or to clients that do not support H2/Push.\n\n    polymer build\n\n### Preview the build\n\nThis command serves the minified version of the app at `http://localhost:8080`\nin an unbundled state, as it would be served by a push-compatible server:\n\n    polymer serve build/unbundled\n\nThis command serves the minified version of the app at `http://localhost:8080`\ngenerated using fragment bundling:\n\n    polymer serve build/bundled\n\n### Run tests\n\nThis command will run [Web Component Tester](https://github.com/Polymer/web-component-tester)\nagainst the browsers currently installed on your machine:\n\n    polymer test\n\nIf running Windows you will need to set the following environment variables:\n\n- LAUNCHPAD_BROWSERS\n- LAUNCHPAD_CHROME\n\nRead More here [daffl/launchpad](https://github.com/daffl/launchpad#environment-variables-impacting-local-browsers-detection)\n\n### Adding a new view\n\nYou can extend the app by adding more views that will be demand-loaded\ne.g. based on the route, or to progressively render non-critical sections of the\napplication. Each new demand-loaded fragment should be added to the list of\n`fragments` in the included `polymer.json` file. This will ensure those\ncomponents and their dependencies are added to the list of pre-cached components\nand will be included in the `bundled` build.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstartpolymer%2Fpolymer-starter-kit-plus","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstartpolymer%2Fpolymer-starter-kit-plus","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstartpolymer%2Fpolymer-starter-kit-plus/lists"}