Secure your TypeScript code by encapsulating it with protection mechanisms and distribute

Currently in the process of constructing an internal TypeScript "library" using webpack 1.14.
I've set up an npm package and have it published on a private feed, which is working smoothly (able to utilize classes and interfaces from the library in other "projects" after installing the package).

The only issue I'm facing pertains to protected members of classes within the library. When a class in a consuming project extends a class from the library, it encounters limitations in accessing protected parent members. It's puzzling because although auto-completion shows the presence of these protected members, compilation yields an error stating: 

error TS2339: Property 'apply' does not exist on type 'SitesRollup'

The TypeScript protected keyword documentation does not explicitly mention that protected members are confined to the current module, leading me to believe they should function as expected.

My main query is: should protected members be visible in extending or inheriting classes from different modules?

typescriptnpmwebpack

Answer №1

After some thorough investigation, I finally pinpointed the source of the issue. It turns out that the overall type mapping was not functioning correctly due to a couple of reasons:
Initially, I had overlooked including this line in the package.json file: "types": "dist/src/index.d.ts",. This addition allowed tsc (as well as my editor) to accurately locate the types of the library.
Subsequently, it was discovered that my library was failing to properly emit the typings. This was rectified by adding "declaration": true, to the complierOptions section within my tsconfig.json file.
I trust this information will be beneficial for others facing similar challenges.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

The type 'Requireable<string>' cannot be matched with the type 'Validator<"horizontal" | "vertical" | undefined>'

code import * as React from 'react'; import * as PropTypes from 'prop-types'; interface ILayoutProps { dir?: 'horizontal' | 'vertical' }; const Layout: React.FunctionComponent<ILayoutProps> = (props) => ...

reactjstypescriptreact-proptypes

Is there a way to deactivate the flatten feature in npm3?

I've noticed a new feature in the nmp3 where it is reordering the entire node_modules without any notification. This flattening of the file structure has caused some issues in my project. Is there a way to disable this bug/feature? Thank you ...

node.jsnpm

A guide on converting TypeScript to JavaScript while utilizing top-level await

Exploring the capabilities of top-level await introduced with TypeScript 3.8 in a NodeJS setting. Here's an example of TypeScript code utilizing this feature: import { getDoctorsPage } from "./utils/axios.provider"; const page = await getDo ...

javascriptnode.jstypescripttop-level-await

Ways to access the req.user object within services

After implementing an authentication middleware in NestJs as shown below: @Injectable() export class AuthenticationMiddleware implements NestMiddleware { constructor() {} async use(req: any, res: any, next: () => void) { const a ...

javascriptnode.jstypescriptrequestnestjs

Error: Unable to locate Mix manifest file in Laravel 5.7

I recently started learning Laravel 5.7 and encountered an error that says: The Mix manifest does not exist. (View: /var/www/html/laravel/resources/views/frontend/layouts/app.blade.php) Any help would be greatly appreciated. ...

laravel-5npmnpm-installlaravel-mix

Exploring the potential of lazy loading with AngularJS 2 RC5 ngModule

I am currently utilizing the RC5 ngModule in my Angular project. In my app.module.ts file, the import statements and module setup are as follows: import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/plat ...

angulartypescriptlazy-loading

Combining multiple Observables and storing them in an array using TypeScript

I am working with two observables in my TypeScript code: The first observable is called ob_oj, and the second one is named ob_oj2. To combine these two observables, I use the following code: Observable.concat(ob_oj, ob_oj2).subscribe(res => { this.de ...

angulartypescript

Navigating API data conversion on the frontend using Object-Oriented Programming

Currently, I am facing a challenge while developing the frontend of a web application using TypeScript. The dilemma revolves around efficiently converting a data object from an API response into a format suitable for the application. Let's consider r ...

typescriptoopfrontend

Error in React: Trying to access property 'functionName' of an undefined object on click event

I am facing an issue while trying to click a button in my React component that is supposed to trigger a function with a parameter named "item" which is defined within the function. The pseudo-HTML snippet for this scenario looks like: <div>{item.cre ...

reactjstypescriptspfx

Is there a way to eliminate text from a barcode image using JavaScript or TypeScript?

This is my unique html code <div class="pr-2" style="width: 130px"> <div *ngIf="!element.editing" > <span class="ss">{{element.barcode}}</span> </di ...

javascriptangulartypescriptbarcodebarcode-printing

Testing TypeScript using Jasmine and Chutzpah within Visual Studio 2015

I am new to unit testing in AngularJS with TypeScript. I have been using jasmine and chutzpah for unit testing, but I encountered an error "ReferenceError: Can't find variable: angular". My test file looks like this: //File:test.ts ///<chutzpah_r ...

angularjsunit-testingtypescriptjasminechutzpah

What is the best way to dynamically translate TypeScript components using transloco when the language is switched?

I am seeking clarification on how to utilize the TranslocoService in TypeScript. Imagine I have two lang JSON files for Spanish and Portuguese named es.json and pt.json. Now, suppose I have a component that displays different labels as shown in the followi ...

angulartypescripttransloco

Beware: React higher-order component alert - Caution: It is not possible to modify a component from within the function body of another

Recently, I crafted a simple higher-order component that retrieves data from an API endpoint and handles loading, error messages, or displaying content upon success. Although the component functions correctly, it triggers the following error message: War ...

reactjstypescriptreact-reduxreact-functional-component

Exploring the capabilities of argon2-browser in a cutting-edge setup with vite

After spending several hours attempting to implement the argon2-browser library in a Vue app with Vite, I have been encountering a persistent error. Despite following the documentation closely, I keep receiving the following message: This require call is ...

javascripttypescriptvue.jsvitewebassembly

I encountered a frustrating issue of receiving a 400 Bad Request error while attempting to install

I am currently in the process of installing Angular CLI using npm to incorporate Angular 4 into several projects. Unfortunately, I keep encountering a 400 Bad Request error. Has anyone else faced this issue before and found a solution? I have already searc ...

node.jsangularnpm

"Exploring the methods to retrieve Firebase authentication error details and outputting the console log message along with

When I encounter an error in Firebase authentication, I want to display it in the console log. However, nothing is being logged and the catch block is not even getting executed. I am unsure about why this is happening and how to retrieve the error code and ...

reactjstypescriptfirebasenext.js

Obtaining the initial value from an Observable in Angular 8+

Initially, I have a page form with preset values and buttons for navigating to the next or previous items. Upon initialization in ngOnInit, an observable provides me with a list of 3 items as the starting value - sometimes it may even contain 4 items. Ho ...

javascriptangulartypescriptsubscriberxjs-observables

Issue with populating virtual IDs in NestJS mongoose schema containing an array of schemas

In the schema provided below, I have defined the structure for Map, Marker, and Desk: export type MapDocument = Map & Document @Schema({ timestamps: true, versionKey: false, id: true }) export class Map { constructor(partial?: Partial< ...

node.jstypescriptmongodbmongoosenestjs

Creating secure RSA keys using a predetermined seed - a step-by-step guide

Is it possible to utilize a unique set of words as a seed in order to recover a lost private key, similar to how cryptocurrency wallets function? This method can be particularly beneficial for end-to-end encryption among clients, where keys are generated o ...

javascripttypescriptrsaencryption-asymmetricdeterministic

Encountering challenges with the angular2-infinite-scroll plugin

I encountered 2 errors while using my application: Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3002/angular2-infinite-scroll angular2-polyfills.js:1243 Error: XHR error (404 Not Found) loading htt ...

javascriptangularjsangularnpm