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

@teamteanpm2024/exercitationem-veritatis-ipsa

v1.0.5

Published

<h1 align="center">Otter Framework</h1> <p align="center"> <img src="./assets/logo/otter.png" alt="Super cute Otter!" width="40%"/> </p>

Downloads

327

Maintainers

shivamkalsi2024shivamkalsi2024

Keywords

arktypecryptoclonecryptregular expressionArrayBuffer#sliceescaperangeerrorrmES2016iterationstatusspecstylingargparseairbnbpolyfillreact-hooksshimHyBiharmonycss nestingES2018envstringifynested cssdebugES2020awaitECMAScript 2015Array.prototype.containshelpersisConcatSpreadableprototypeObject.assignsyntaxratelimitloadbalancingES2015expressionconstperformanceansisidequerystringprefixpatchequalityAsyncIteratornopepositivemetadatawhatwgdefinepicomatchWebSocketmimeincludesbabelcolourzodObservableECMAScript 3scheme-validationtraversefunctionsdirectorybuffersqueuenodeglacierutiltelephoneswfquerysharedxtermes8ESanimationschemareact-testing-libraryjestfast-deep-clonearraybufferwebStreamsshamparentcallbindwordwrapcodesajvReflect.getPrototypeOftestserializermdires2018reduceinvariantmatchfstoSortedjQueryshrinkwrapfpnpmassertchaifromfastcopymimetypeslint@@toStringTaghashtslibBigUint64Arrayagenttrimdiffdayjsobjtypedtc39styleshookslistenersuser-streamssuperagentcall-boundspinnersformsclassnamesFloat64ArrayECMAScript 2019transpiletddunicodejsdiffbrowserWebSocketscompilerpnpm9watchFilefastterminalhasstablecollection.es6optimizerfind-upparentssomecontainsECMAScript 6weaksetramdacircularelasticachetoobjectinferencestreams2browserlistreact-hook-formquotejson-schema-validatormakereadablestreamArray.prototype.findLastnodejssimpledbcacheartslotflagsfpspackagestringwaitstatelesssymlinksstyleguidestoragegatewayArrayBufferuninstallInt8Arrayduplexwrapkarmatypetapefficientes2015rfc4122loadingexitfull-widthsymlinkpersistentmixinssigintmoduleBigInt64ArrayECMAScript 5styletaskstreamcorsless mixinsESnextponyfillregular expressionscore-jselbrateloggingclassesarrayxss__proto__columnsES7linuxjson-schema-validationkinesislazytoStringTagdependency managerbytedefinePropertytoArraymime-dbMapobjectObject.definePropertyRxJSietrimLeftjavascriptObject.fromEntriesmiddlewareregexyamlthrottleoutputmapreducesetpostcssbundlerimportbreakshebangerrorec2commandfastifycloudwatchsetPrototypeOfinspectlettypedarraystyled-componentsperformantECMAScript 2023fixed-widthaccessorrecursivejapaneseless cssjsdomequalrapidbannertypeofObject.entriesspringestreethreekeyswgetworkspace:*framershellpromisestostringtagttyformatless.jsnumberajaxkeyprettyinternal slotinternal6to5configurableInt32Arrayroute53flattenassertionReactiveXvaluesregexpmapmatchAllfullwidthtimeserializationproppipelimitedsameValueZerocoercibleworkerminimalrm -rffast-deep-copytypeerrorsyntaxerrores-abstractcreatedeepclonea11ypyyamliamenvironmentimmerprocessextendassertsform-validationObjectArray.prototype.flattencompile lessbundlingvalidnegativebabel-coreprotostylesheetio-tsnamegestureseslintpluginsequencevalidatordescriptionbufferpromiseboundcalliterateinterruptseventDispatchersetImmediateplugin$.extendcomputed-typespasswordbusy256getOwnPropertyDescriptorES2021jsxexit-codevariablescompareJSONfindparsertyped arrayhandlersgenericsdeep-clonedeterministiccharactersmulti-packageObject.getPrototypeOffseventsargvpoint-freeutilityReactiveExtensionsnativeupArrayBuffer.prototype.sliceencryptionasyncdeleteutil.inspectschemeflatMapprivaterandomArray.prototype.findLastIndextapechromiumWeakMapstructuredClonecloudsearchFloat32ArraydirsigtermfunctionmergeArray.prototype.flatreactpostcss-pluginavamonoreposuperstructspinnercloudformationInt16Arraytypanionpackage.jsonhasOwnmkdirppathdependenciesphoneUint8ClampedArraytoolkitES2022authpreprocessormake dirconfigecmascriptTypedArraylockfileviewebswatchemojipushconsumeredactauthenticationbrowserslistUint32ArraybyteLengthawesomesauceURLSearchParamsparsingWeakSetdeep-copyfilterprogressposegroupBydeepcopymkdirbeanstalkdatastructurebluebirdString.prototype.trimsignalautoprefixerECMAScript 2018warningtschannelthroatECMAScript 2020macosRegExp.prototype.flagsclassnameArray.prototype.flatMapautoscalingsanitizegradients cssvalidateTypeScriptsanitizationfile systemSymboljoicallboundbootstrap cssqsreact animationcharacterStreamyup_.extendjson-schemahttppopmotionlinewrapclass-validatorpropertiesless compilerdataenderbootstrap lesstesterwaapiUint16ArraylinkPushinstallerproxyemitvisualiteratorwalkingslicewafserializercliweakmapsymbolscss lessvpcstringifiertypedarraysvarglobArrayprotobufexecrequireflatreusedropxhreast-asian-widthECMAScript 2017accessibilitykoreandom-testing-libraryreadintrinsicoptionextensionObject.keysbcryptrm -frqueueMicrotaskwhichmochainputlrudataviewObject.isdebuggerfindLastfast-cloneFunction.prototype.namebyteOffsetvariables in csscommand-linedragECMAScript 7TypeBoxtypesownasciies-shimscurldomsignalsmatchessorttrimRighttacitchromesafeloggerfunctionalgdprgetopts3colorsgrouplessMicrosoftjwtformatting-0.envsymbolaws3doffsetutilsisregularsortedmkdirsfindupString.prototype.matchAllnamescolumnhigher-orderlookcall-bindfastclonewatcherSymbol.toStringTagSetcss-in-jsfetchreal-timepurees2016concatMapObject.valuesjasminecode pointsdataViewcheckprunecorelanguagepackagesmobilechineseomitlengthdateprivate datatranspilermodulescloudfrontcolorbatchonceformbalancedlibphonenumberreduxjsoneventshardlinkslogeslintconsoleastamazonhttpsmoveECMAScript 2021opensnsesapirdsrequesttrimStartargsES5windowslook-upES2019preserve-symlinksArray.prototype.includesresolvesearches-shim APIpropertygetterUnderscoreStyleSheetflagcssredux-toolkitnegative zeroES2017touchJSON-Schemawritableenumerableemrvalueidlevalidationimmutableextrareact posedescriptorstestingwidthframeworkES2023YAMLeveryoperating-systemeslint-pluginspeedObservablesrgbingetPrototypeOfdynamodbconcurrencywordbreakruntimeguid

Readme

Description

Stable Version downloads

The Otter project is a highly modular framework whose goal is to provide a common platform to accelerate and facilitate the development on Angular web applications. It is split into several units to cover different aspects of these applications (localization, testing, customization, etc.). Also, to customize an application, metadata can be extracted from the application source code and injected into a CMS to manage dynamic configuration.

[!TIP] The full list of modules and their documentation is available in the /docs folder. An overview of the technical module interactions and the architecture of the dependencies is available in the architecture section.

A demonstration of a list of features provided by Otter is accessible on the showcase application.

Built With

Get Started

A new application can be set up with this simple command:

# Starting a new Otter application
npm create @o3r my-app

[!TIP] Please refer to Otter Get Started and Angular Get Started for complete documentation.

Contributing

Please read the Contributing file for details on our code of conduct and the process to submit pull requests.

Versioning

Please refer to Security file.

License

Please refer to the License file.

Acknowledgments

The Otter Team, @teamteanpm2024/exercitationem-veritatis-ipsa_admins, is responsible for the review of the code of this repository. Any bug of feature request can be addressed via issue report.

Developer

Building and Testing library

These documents describe how to set up your development environment to build and test the framework. It also explains the basic mechanics of using git, node, and npm.

Refer to the contribution guidelines if you'd like to contribute to the framework.

Prerequisite Software

Before you can build and test Otter modules, you must install and configure the following products on your development machine:

  • Git and/or the GitHub app (for Mac or Windows)

  • Node.js, (version >=18.0.0)

    • This is used to run tests and generate distributable files. We strongly encourage to use an up-to-date LTS version of Node.js to ensure the support of all the Otter packages. Each package comes with a minimum Node.js version range defined in the engine property of its package.json file.
  • Yarn, a Node's Package Manager

    • You can install yarn using NPM manager (coming with Node.js). The version of Yarn currently used is embedded in the repository and it can be installed using the provided Node.js corepack. In case you need to link this library with your project, you can check the section "Link local packages".
  • Chrome

    • We use Chrome to run our tests.

Getting the sources

Clone the Otter repository using the button Code or using the following git command:

git clone https://github.com/teamteanpm2024/exercitationem-veritatis-ipsa.git

Installing NPM modules

Next, install the JavaScript modules needed to build:

# Install library project dependencies (package.json)
yarn install

Build command

To build the modules, run:

yarn run build

Each module can be built independently thanks to Nx commands:

# ex: Build Core package only
yarn nx build core

[!NOTE] Results are put in the dist of each module (packages/@<scope>/<module>/dist).

Running tests locally

Check the formatting:

yarn run lint

Check Unit Tests:

yarn run test

Check Integration Tests:

yarn run test-int

Verdaccio is used to run the integration tests as close as possible to a real npm publication.

Each module can be tested independently thanks to Nx commands:

# ex: Test Core package only
yarn nx test core

# ex: Lint Core package only
yarn nx lint core

Manage task cache

When running the Build, Lint, or Test commands, Nx can use its cache mechanism. In some cases, it may be useful to clear the cache to investigate an issue. This can be done with the following command:

yarn nx reset

Debugging with Visual Studio Code

The repository contains the mandatory configuration and the recommended VSCode plugins to ensure optimal comfort and productivity while developing on the Otter Framework.

The default configuration of the repository provides a way to run Unit Tests one by one and to define, within VSCode, break points using the vscode-jest-tests debugger task.

Link local packages

For Yarn v1, add the resolutions property in the main package.json. It should be filled with the relative path to the dist of the local packages you want to link. The protocol link: can be used.

NOTE: It will not import the transitive dependencies of the linked packages.

Example:

{
  "resolutions": {
    "@o3r/localization": "./relative/path/to/otter/packages/@o3r/localization/dist",
    "@o3r/core": "link:./relative/path/to/otter/packages/@o3r/core/dist",
  }
}

For Yarn v2+, the protocol portal: can also be used.

NOTE: The portal protocol will also import all the transitive dependencies of the linked packages. Please keep in mind that mismatched versions of these dependencies may cause some issues.

Example:

{
  "resolutions": {
    "@o3r/localization": "./relative/path/to/otter/library/@o3r/localization/dist",
    "@o3r/core": "link:./relative/path/to/otter/library/@o3r/core/dist",
    "@o3r/rules-engine": "portal:./relative/path/to/otter/library/@o3r/rules-engine/dist",
  }
}

SSL Certificate issue (behind proxy)

Due to proxy redirection you may face an SSL certificate issue on Yarn when installing the Otter project locally:

Request Error: self-signed certificate in certificate chain

To solve this, you can provide your own certificate in two different ways: