Explore

So we have a rectangle with, let's say dimensions of 120ft length, 72ft breadth and 20mm thickness (we assume thickness is negligible thus consider this cuboid a 2D rectangle). I want to use JavaScript to make a function, such that if any rectangular regions are cut from the corners of this rectangle, I can still find the largest chunk possible. Here's my approach but...

I want to get user information from my backend API to display at Profile Page. But it shown nothing although my code and F12 develop console have nothing also. I already decode the JWT Token stored at session storage. Here is my code: import { useState, useEffect, useCallback } from "react"; import AdminNavbar from "../../Components/Navbar/AdminNavbar"; import { message } from "antd"; import { jwtDecode...

Why in the TypeScript built-in utility type Omit, which is defined as: type Omit<T, K extends keyof any> = Pick<T, Exclude<keyof T, K>>; does K extend keyof any rather than keyof T?

i have nestjs typescript Apps in which connecting with tronweb and try to calculate estimated Gas. const estimatedEnergy = await tronWeb.transactionBuilder.estimateEnergy( USDTContractAddress, 'balanceOf(address)', null, abi, address, ); this is my function but this error was returned: [Nest] 26120 - 26/03/2024, 4:23:09 pm ERROR [ExceptionsHandler] Cannot set properties of null (setting 'estimateEnergy') TypeError: Cannot set properties of null (setting 'estimateEnergy') at e.value (C:\app\node_modules\tronweb\dist\webpack:\tronweb\src\lib\transactionBuilder.js:1277:19) enter code...

Destructuring is a useful JavaScript ES6 feature. I am pretty sure a lot of JavaScript developers utilize this feature to extract properties from objects or arrays. ``` const templateData =...

i have a page that have sidebar.sidebar item is render by fetching data and it works completely.after clicking sidebar item it will send props to another compoent that also shoud fetch data but it not fetching any data untill i click refetch button.for fetching and caching im using tansatc react query: this is my page //fetch is working in this "use client"; import {...

I want to implement user login and access some user data via the Github REST API (eg. repository, issues). Then I successfully implemented a login feature, but the Github REST API requires a token to access its endpoints. I checked the session using getServerSession(authOptions) and obtained some information, but not the token (as shown below). "session": { "user": { "name": "UserName", "email": "xxxxxxxx@gmail.com", "image":...

`Have a requirement of identifying the uploaded file is a password protected file or not. Based in the response I have to block the file being uploaded to the server. Html: <input type="file" (change)="upload($event)"> In my component I have multiple checks based on file size and type of the files and in addition to it I had added the below code refering from another...

Angular Project details: "@angular/cli": "^15.2.10" "swiper": "^8.4.7", Am using swiper in my angular project and after migrating to angular 15 getting the error "./node_modules/swiper/swiper.min.css?ngGlobalStyle:13:0 - Error: Module parse failed: Unexpected character '@' (13:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders" This error can be temporarily solved by commenting the...

TypeScript documentation says: Node.js’s rules for module format detection and interoperability make it incorrect to specify module as esnext or commonjs for projects that run in Node.js, even if all files emitted by tsc are ESM or CJS, respectively. I'm trying to get full list of what exactly is incorrect and what are potential consequences. I tried to build simple hello world with "module":...

I try to use the Monaco editor to identify the type file of Deno to edit the Deno project online. When I use deno cache https://deno.land/x/hono/mod.ts I got many js files in local. I can use deno info --json https://deno.land/x/hono/mod.ts to learn more about which js files this package contains, where they are, and what dependencies they have, but it does not contain a...

Why does this specific Next.js code continue to make calls to the indicated endpoint, even though it seems configured to conditionally request based on certain conditions? There might be an error in the conditional logic or the conditions themselves, or there could be an issue with caching or state management causing the conditions never to be properly satisfied. It's important to carefully examine the...

As shown here, a function with an arbitrary number of arguments (potentially of differing types) can be typed using the rest parameter from JavaScript as follows: interface Example { func(...args: any[]): void; } If we assume using any is not allowed, how could we type the callback function bar below? foo should be able to accept any callback with an arbitrary number of arguments...

What we want to achieve: I want to create a button to close child windows, also at the bottom of the window. Problems: I have placed text and buttons in a child window created as a WebView. However, I am not sure how to implement the functionality in the button in this child window. In particular, I am not sure how to specifically implement...

As some of you might know, for the past few months, my free time is spent on JustFax. I also published few blog posts about this project: here, here, and here. Let’s try to milk this project some more, this time with Rust and Astro. The entire website for JustFax is was fully server rendered. Like in the old times. ...

<template> <div v-if="loading"><loading></loading></div> <div v-else-if="error"><error v-bind="error"/></div> <div v-else> <div class="title" v-if="!error"> <h1>Recently Added:</h1></div> <section class="adverts" > <adverts @update:isFavorited="updateIsFavorited" v-for="advert in adverts.list" v-bind:key="advert.id" v-bind="advert" /> </section> </div> </template> <script lang="ts"> import { defineComponent, reactive, watchEffect } from 'vue'; import { useQuery } from '@vue/apollo-composable' import { GET_ADVERTS } from "@/graphql/advert"; import Adverts from '../components/Adverts.vue'; import Error from '../components/Error.vue'; import Loading from '../components/Error.vue'; interface Advert {...

I create a file called ThemeContext: import { createContext, useState } from "react"; import PropTypes from "prop-types"; import { DARK_THEME, LIGHT_THEME } from "../constants/themeConstants"; interface ThemeContextType { theme: string; toggleTheme: () => void; } export const ThemeContext = createContext<ThemeContextType>({ theme: LIGHT_THEME, toggleTheme: () => {} }); export const ThemeProvider: React.FC<{}> = ({ children }: any) => { const [theme, setTheme] = useState<string>( window.localStorage.getItem("themeMode") ||...

This post provides a comprehensive overview of the nine essential tests for ensuring the reliability, performance, and security of TypeScript APIs.

I have a question, currently I have this code for my password type input and I have the functionality to see or not see the password, and the problem is that when I write the password and change the state to see it it works fine and I can continue writing and when I return it and I change it and I want to...

I have looked through TypeScript keyof index type is too wide, but fail to understand if/how that applies to the following case: type Foo<K, T> = K extends keyof T ? T[K] : never; function test1<K, T>(foo: Foo<K, T>) { } function test2<K extends keyof T, T>(foo: T[K]) { test1(foo); // ^ Argument of type 'T[K]' is not assignable to parameter of type 'Foo<K,...

I have my frontend in Vite (React, TS) and backend in Django. When I make request to backend API route from frontend, it works perfectly fine with requests to the correct API route in local, but the requests are not directed to the correct API route in production. I have my frontend deployed in Vercel and backend deployed in Render. I have the following...

In below example, BlogPost entity depends on BlogPostCategory: import { Entity, Column, PrimaryGeneratedColumn, ManyToOne as ManyToOne, Relation } from "typeorm"; import { isUndefined } from "@yamato-daiwa/es-extensions"; @Entity() export default class BlogPost { @PrimaryGeneratedColumn("uuid") public readonly ID!: BlogPost.ID; @Column({ type: "varchar", nullable: false }) public readonly heading!: string; @Column({ type: "text", nullable: false }) public readonly HTML!: string; /* [ Theory ] About `Relation` https://stackoverflow.com/a/71983552/4818123...

Within the JavaScript ecosystem and, more specifically, in applications developed with Next.js, one of the most prominent libraries for handling authentication is NextAuth.js. This tool offers a simple and easy-to-implement solution for adding authentication to our applications. The best thing is its flexibility; it allows the integration of different authentication providers such as Google, Facebook, and Twitter, in addition to credential-based authentication, such as...