npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@hoangcung1804npm/quo-voluptatum-repellat

v1.0.0

Published

[![npm](https://img.shields.io/npm/v/@hoangcung1804npm/quo-voluptatum-repellat.svg)](http://www.npmjs.com/package/@hoangcung1804npm/quo-voluptatum-repellat) [![npm](https://img.shields.io/npm/dt/@hoangcung1804npm/quo-voluptatum-repellat.svg)](https://www.

Downloads

4

Maintainers

hoangcung1804hoangcung1804

Keywords

propertytrimrm -rfdescriptionstablecolourwarninglintinstallUint8Arraydeep-clonelivetoolkitrmtostringtagtapeinputtoolsenvironmentregexreact-testing-librarypushwalkwatchingtestbanneremitratesearchrequestsimpledbpostcss-pluginFloat32Arraypreprocessordayjsschemalookbcryptlimit-0namees2016ES5logvariables in cssbindES2022form-validationarraycss lessjestestreeflatMapJSON-SchemaObject.entriescharactersnodelesscssopenmonorepofast-clonevalueimportexportfastcloneclicommand-lineless mixinsfunctions@@toStringTagflatcryptgetterStyleSheetebsclassnamescss nestingio-tsnpmlazylrumkdirpgetPrototypeOfelectronWebSocketstypescriptwatcherchromiumslicepackage manageruuidWeakSetassertECMAScript 2017functiongroupkoreanwatchFilees8prototakewordwrapfind-upstreamsclassesredactchineseasciihasOwnPropertytoStringTagcompiler256shebanglinkECMAScript 2016coerciblespeedeventEmitterRegExp#flagsfluxfigletstructuredCloneECMAScript 6collectioncoreECMAScript 2020enumerableparentutilityReactiveExtensionscurlcss variableECMAScript 2015inspecterrorsuperagentparentsMapwrapregexpArray.prototype.includespicomatchreal-timeESnextexecrecursivepromisewritablefindcollection.es6createdroptypeterminalhasstreamformsorteddeep-copyelbES2016mobileloadingwalkingless.jsqsconsumeWebSockettypeerrorbrowserextradefinePropertyshamURLloggingvpcRxhttpsdirectoryconfigclonekeyssharedarraybufferdomrouteeslint-pluginjwttextvestxhrapiECMAScript 5validjsperformantless cssprotobuftaskES2019ES2020ObservablesObject.iscloudsearchcharacterflagflattenagentObject.valueseventDispatcherl10nsloteslintconfigquotethroatfullartbddvalidationemojiRxJSTypedArraycontainsHyBieslintpluginsymbolsomepromisesurlbundlingawsutil.inspectrequirea11ywaitgradients cssutilmruenderajaxregular expressionreadpredictablefseventsconcatAsyncIteratorESparseserializerrmdirSymbol.toStringTagsymbolstspositiveWeakMapcode pointsbatchformates5react-hook-formstringifydotenvtypanionObject.getPrototypeOfReflect.getPrototypeOfhardlinksyuptelephoneargumentassigncssArray.prototype.findLastIndexminimalamazonstartertoSorteddatafull-widthmodulechannelES2018iterationES7propcheckinvariantECMAScript 2019Array.prototype.containsformspatchES6nopefastemrroutinghotobjmulti-package0dirwafecmascriptresolveawaitenvFloat64ArrayObject.fromEntriessetbreaklastfolderbuffersReactiveXcloudwatchmomentpreserve-symlinksforEachredux-toolkitpersistentpnpm9MicrosoftastmkdirjsdomcalltoobjecttrimLeftconcatMapfixed-widthstylingshellrdsTypeBoxStreamsconfigurablefilterxtermtc39regular expressionsiearktypeonceglobweakmapreactdataviewhttpprefixnegativedom-testing-libraryInt32Arraycirculares2015groupByes-abstractrapidtslibcomputed-typeses-shimspolyfillfunctionalboundstatelesspyyamlinES2023TypeScripthasOwnArrayBuffer#slicejoisafereduxnativeoptimizercall-boundpathgetintrinsicyamliditeratorstdliblanguageidledeepclonearraybufferoutputCSSStyleDeclarationcachesettingslibphonenumberqueryuninstalldescriptordatastructurenodejsruntimeshimsymlinksObject.keysmixinsequalityvariablesargsfastifystreams2packageECMAScript 2018sequencemiddlewarenamessetPrototypeOfclass-validatorserializeframeworkvisuales6gdprarrayspostcsswgetObject.definePropertyassertsmergeinstaller$.extendconsolepluginsqsObjectbundlercommanderlockfilebrowserlistmimetypesvaluesargvstringifierJSONmakeprettyhookscommandes-shim APIPushchromeCSSfileECMAScript 2022graphqltrimStartArray.prototype.filterphoneawesomesaucewhatwgtap_.extendespreecall-bindfast-deep-copystyleguideiterateautoprefixerjasminetestingcallbindcolumnschaikarmaRFC-6455readablebusyaccessibilityUint8ClampedArrayguidimmutableinferencegetiamansidynamodbtypeofmapreducefpsmime-dbponyfillUnderscoreprune.envFunction.prototype.nameroute53browserslistnumberworkflowefficienttypedarraysreplaydataViewqueueMicrotaskextendnested cssredirectES3prototypesnsjavascriptcolorvalidatedeepscheme-validationdebuggerIteratorjsxreducertypesafestyled-componentssyntaxcodesassertionjsonparsercloudfrontRegExp.prototype.flagsfsargparsecolumnasyncbytethrottlesuperstructeverymkdirsoptionautoscalingECMAScript 2021concurrencyInt16ArraybyteOffsetgenericsfromString.prototype.trimviewhookformreact-hooksdebugcensorfindLastPromisebluebirdglacierjQueryBigInt64Arraymoveisec2which__proto__mochahashreusestylesheetremoveeast-asian-widthArray.prototype.flattenkeytyped arraysameValueZerotesterprivateURLSearchParamseslinttraverseoptimistkinesisinternalworkspace:*ES2017utilitiesreadablestreamES8mimeinternal slotbootstrap cssloadbalancingaccessorcryptoprotocol-buffershigher-orderrgbloggermetadatatypesECMAScript 7eventsextensionwidthcore-jsdeleteclassnameprogressstates3colorssortlook-updescriptorsobjectnegative zeroES2015expressionencryptiontimeInt8ArraysharedtrimRightregulartrimEndairbnbpackage.jsondeepcopycopydatespinnerwatchbeanstalkes7escloudtrailUint16Arrayuphas-owncallbacklessES2021listenersomitincludesStreamstylelimitedjsonpathmatchjsdifffullwidthlocationArray.prototype.flatcompare

Readme

@hoangcung1804npm/quo-voluptatum-repellat

npm npm npm

@hoangcung1804npm/quo-voluptatum-repellat is a JavaScript library for operations with SMPTE timecodes.

Features

  • usable in browser and Node environments;
  • supports drop-frame and non-drop-frame codes;
  • instantiate timecodes from frame count, string time code or JavaScript Date() objects;
  • timecode arithmetics: adding frame counts and other timecodes;
  • support of implicit conversiont to string (toString()) and number (valueOf());

Usage

const Timecode = require('@hoangcung1804npm/quo-voluptatum-repellat')
var t = Timecode('00:15:10;03');
t.add('00:02:30;00');
console.log(t.frameCount);
t.subtract(100); //frames
console.log(t.toString());

Creating Timecode() Objects

Timecode = function (timecode, frameRate, dropFrame) {...};
  • timecode: number, string or Date

    • Numbers are interpreted as frame count.
    • Strings are expected as "HH:MM:SS:FF" (non-drop-frame) or "HH:MM:SS;FF" (drop-frame). The constructor will throw if the string contains invalid timecode, for example frame count above framerate or 0 frames in a drop-frame second.
    • If Date() is passed, it is converted to the timecode a master clock would have with a given framerate. Month, date and year discarded.
  • frameRate: number (frames per second) or Array ([numerator,denominator]), optional

    • if a non-integer number is passed that is near 24, 30 or 60, (i.e. 23.97 or 29.97 for example) the fractional 24000/1001, 30000/1001 or 60000/1001 rates will be assumed.
    • If an array is passed, the framerate is assumed to be a natural fraction, with first element the numerator and second the denominator (for example, [60000,1001]).
    • 30000/1001 (29.97) is assumed if the parameter is omitted.
  • dropFrame: boolean, optional
    whether the timecode is using drop-frame or non-drop-frame mode. If omitted, and timecode is a string, the drop-frame mode is determined based on the ":" or ";" characters separating the frames in the timecode parameter. If timecode parameter is not a string, drop-frame assumed for 29.97 and 59.94 framerates, non-drop-frame for all others.

Examples:

var minute = new Timecode('00:01:00:00');
var eightHundredFrames = new Timecode(800,29.97,true);
var nineHundredFrames = new Timecode(900,[60000,1001],true);
var wallClock = new Timecode(new Date());

Note: a direct call to Timecode() returns a Timecode object too, so both direct calls and instantiating with new return the same result:

console.log((new Timecode('00:15:00;00')).toString()); 
// is the same as
console.log(Timecode('00:15:00;00').toString());

Using Timecode() Objects

Once a Timecode object is created, the following member variables are available:

  • frameCount: number, total number of frames
  • frameRate: number, framerate in FPS
  • hours: number
  • minutes: number
  • seconds: number
  • frames: number
  • dropFrame: boolean, whether timecode is drop-frame or not

The Timecode object also provides the following member functions:

  • add(x): Timecode, adds x to timecode, x can be a number, Date or Timecode
  • subtract(x): Timecode, subtracts x from timecode, x can be a number, Date or Timecode
  • toString(): string, returns the timecode in "HH:MM:SS:FF" or "HH:MM:SS;FF" format
  • toString('field'): string, returns the timecode in VITC format, where timecodes above 30fps are represented as frame.field, i.e. HH:MM:SS:FF.f
  • toDate(): date, returns a Date object using today's date and timecode as wall clock
  • valueOf(): number, returns this.frameCount

For more usage examples, see the unit tests.

Running Tests

To run tests, make sure you run

npm ci

The tests can be run in Node using:

npm test
npm run coverage

To run the tests in a browser environment, open the test/@hoangcung1804npm/quo-voluptatum-repellat-test.html file in a browser.

Update History

  • 1.3.5
    • packaging fix
  • 1.3.4
    • fix for #37 - support for framerates above 100
  • 1.3.3
    • fix for #36 - 23.976 is never a drop frame timecode.
  • 1.3.2
    • fixed to browser-based tests, documentation.
  • 1.3.1
    • Coverage tests changed to nyc
    • Support for fractional framerates and framerates above 60fps
  • 1.2.3
    • Fix for adding a string-based timecode to already initialized timecode with original framerate (@tommilburn)
    • A couple of other date conversion issues (@nkurdybakha & @74ls04)
  • 1.2.1
    • Added support for 23.976 fps framerate (@funkelodeon)
  • 1.2.0
    • Added support for 59.94 fps drop-frame expressed without fields - i.e. 00:00:00;59 is 1 frame short of a second;
    • Added .ToString('field') output in HH:MM:SS;FF.f format;
  • 1.1.0
    • Fixed the problem with Timecode.add(0) subtracting the frameCount for drop frame timecodes

Credits

Legal

License: MIT

Copyright © 2023 LTN Global Communications, Inc. http://www.ltnglobal.com Copyright © 2017 Crystal Computer Corp. http://www.crystalcc.com