mirror of
https://github.com/GoogleChrome/chrome-extensions-samples.git
synced 2026-03-27 13:29:34 +07:00
5bf419b385
* Remove docs folder. This was a redirect from a GitHub pages site that does not appear to be in use. * Rename api folder to api-samples. * Move examples to functional-samples folder. * Move cookbook sample to functional-samples. * Move tutorials to functional-samples folder. * Move mv2 and apps folders to _archive. * Rename tools folder to .repo. * Move reference folder to functional-samples. * Update README. Update README with new relative links for reorg. * Update README.md Co-authored-by: amysteamdev <37001393+AmySteam@users.noreply.github.com> --------- Co-authored-by: amysteamdev <37001393+AmySteam@users.noreply.github.com>
48 lines
2.1 KiB
JavaScript
48 lines
2.1 KiB
JavaScript
// Copyright 2022 Google LLC
|
|
//
|
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
// you may not use this file except in compliance with the License.
|
|
// You may obtain a copy of the License at
|
|
//
|
|
// https://www.apache.org/licenses/LICENSE-2.0
|
|
//
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
// See the License for the specific language governing permissions and
|
|
// limitations under the License.
|
|
|
|
const article = document.querySelector("article");
|
|
|
|
// `document.querySelector` may return null if the selector doesn't match anything.
|
|
if (article) {
|
|
const text = article.textContent;
|
|
/**
|
|
* Regular expression to find all "words" in a string.
|
|
*
|
|
* Here, a "word" is a sequence of one or more non-whitespace characters in a row. We don't use the
|
|
* regular expression character class "\w" to match against "word characters" because it only
|
|
* matches against the Latin alphabet. Instead, we match against any sequence of characters that
|
|
* *are not* a whitespace characters. See the below link for more information.
|
|
*
|
|
* https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions
|
|
*/
|
|
const wordMatchRegExp = /[^\s]+/g;
|
|
const words = text.matchAll(wordMatchRegExp);
|
|
// matchAll returns an iterator, convert to array to get word count
|
|
const wordCount = [...words].length;
|
|
const readingTime = Math.round(wordCount / 200);
|
|
const badge = document.createElement("p");
|
|
// Use the same styling as the publish information in an article's header
|
|
badge.classList.add("color-secondary-text", "type--caption");
|
|
badge.textContent = `⏱️ ${readingTime} min read`;
|
|
|
|
// Support for API reference docs
|
|
const heading = article.querySelector("h1");
|
|
// Support for article docs with date
|
|
const date = article.querySelector("time")?.parentNode;
|
|
|
|
// https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentElement
|
|
(date ?? heading).insertAdjacentElement("afterend", badge);
|
|
}
|