Tag: “/js/**”

React.js – How to fetch username and display it

Post author By Full Stack
Post date April 1, 2020
No Comments on React.js – How to fetch username and display it

js, So im making this extension where I send a GET request to linkedin and I authenticate through cookies. After I get the Object with username, fullName, avatarURL etc. I can make a console.log of them but I can’t display them since the response takes a little time. (about 15 seconds) Here is the code […]

Tags 'btn-warning'); el.textContent = `please log in to ${websiteName} to get your cookie`; }); sendMessag, "/js/**", { useState } from 'react'; import Switch from 'react-switch'; import Typography from '@material-ui/core/Typography'; import { checkCookieInAp, avatarURL etc. I can make a console.log of them but I can't display them since the response takes a little time. (about 15 seconds) Here is, currentWindow: true }; if (checked == false) return chrome.tabs.query(query, fullName, function (tabs) { var currentTab = tabs[0].id; console.log(currentTab); sendMessage({ website, handleChange] = useState(false); const toggleSwitch = () => { handleChange(previousState => !previousState); openConnecti, headers: { "X-LinkedIn-Cookie": encodedCookie } }) .then(obj => { resolve(obj), reject) => { let encodedCookie = Base64.encode(cookie); rp({ method: 'GET', sender, sendResponse) => { if (message.cookies) { const cookies = message.cookies; if (cookies[0]) { setCookies(cooki, silence: notificationOff, So im making this extension where I send a GET request to linkedin and I authenticate through cookies. After I get the Object with username, tabID: currentTab }); }) }; export default function Switcher() { const [checked, uri: 'https://europe-west1-zaplify-mmvp.cloudfunctions.net/linkedin/me'

Mastering Development

How make CSS, JS, images, etc… work while using .htaccess to customize site’s URLs?

Post author By Full Stack
Post date March 20, 2020
No Comments on How make CSS, JS, images, etc… work while using .htaccess to customize site’s URLs?

I am not the first person to ask this kind of question, before asking mine I checked for other related questions but I did not find the actual solution of mine and that’s when I decided to ask a question my self. My question is like this: I used a .htaccess file to customize my […]

Tags "/js/**", all the URLs work but the problem is that the webpages are not displaying CSS, before asking mine I checked for other related questions but I did not find the actual solution of mine and that's when I decided to ask a qu, etc... and my site is full of them. May anyone give me a satisfactional answer to this problem. here are codes of my .htaccess file: Rewrite, I am not the first person to ask this kind of question, images, L)?, L] RewriteRule ^action movies-list/action.php [NC, L] RewriteRule ^adventure movies-list/adventure.php [NC

Mastering Development

How to test react navigation authentication flow?

Post author By Full Stack
Post date March 18, 2020
No Comments on How to test react navigation authentication flow?

I’m developing a React Native application. I’m doing something like what’s explained here to implement the authentication flow. So, I created an AppContainer that looks like this: import {createAppContainer, createSwitchNavigator, createStackNavigator} from “react-navigation”; import AuthLoadingScreen from “../screens/auth/auth-loading-screen”; const AppStack = createStackNavigator({ Home: {screen: HomeScreen} }); const AuthStack = createStackNavigator({ SignIn: {screen: SignInScreen} }); const AppContainer […]

Tags "/js/**", "moduleFileExtensions": [ "ts", "setupFiles": [ "./node_modules/react-native-gesture-handler/jestSetup.js" ], "timers": "fake", "transformIgnorePatterns": [ "node_modules/(?!react-native|@react-native-community/*|react-navigation|react-navigation-stack|@react-nav, () => { renderer.create(); }); Here's the jest configuration in my package.json file: "jest": { "preset": "react-native", ), ); export {AppContainer}; export default AppContainer; Then, { initialRouteName: 'AuthLoading', }, App: AppStack, Auth: AuthStack, but I get the following error: ReferenceError: You are trying to `import` a file after the Jest environment has been torn down. at Ob, createStackNavigator} from "react-navigation"; import AuthLoadingScreen from "../screens/auth/auth-loading-screen"; const AppStack = createS, createSwitchNavigator, here is my App.test.tsx: import 'react-native'; import React from 'react'; import App from '../App'; import renderer from 'react-test-render, here's what I have in my App.tsx: import React from "react"; import AppContainer from "./src/navigation/index"; const App = () => { retur, I created an AppContainer that looks like this: import {createAppContainer, I'm developing a React Native application. I'm doing something like what's explained here to implement the authentication flow. So, json, jsx, NavigationContainer. console.error node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10695 The above error occur, node, now, the test passes, ts=x, when I run yarn test

Mastering Development

Why won’t my jQuery work on Android Device but works for Web

Post author By Full Stack
Post date March 15, 2020
No Comments on Why won’t my jQuery work on Android Device but works for Web

I am trying to make this on click function work for an android device it works fine for web but for some reason it does nothing on mobile, anyone know why? HTML <fieldset id=”colour-radio-group” data-role=”controlgroup” data-mini=”true” data-iconpos=”right”> <legend></legend> <input type=”radio” name=”colour-choice” id=”radio-choice-5″ value=”Any Colour” checked=”checked”> <label for=”radio-choice-5″>Any Colour</label> <input type=”radio” name=”colour-choice” id=”radio-choice-6″ value=”Green”> <label for=”radio-choice-6″>Green</label> […]

Tags ".ui-controlgroup-controls div", "/js/**", anyone know why? HTML </lege, function() { alert("clicked"); }); https://jsbin.com/duheqapiro/1/edit?html, I am trying to make this on click function work for an android device it works fine for web but for some reason it does nothing on mobile, Output

Cryptocurrency Development Ethereum

when iam runing npm run dev it showing me this error, how to solve this

Post author By Crypto Questions
Post date March 13, 2020
No Comments on when iam runing npm run dev it showing me this error, how to solve this

[![shiva@shiva-VirtualBox:~/sta$ npm run dev StarNotary@1.0.0 dev /home/shiva/sta lite-server ** browser-sync config ** { injectChanges: false, files: [ ‘./**/*.{html,htm,css,js}’ ], watchOptions: { ignored: ‘node_modules’ }, server: { baseDir: [ ‘./src’, ‘./build/contracts’ ], middleware: [ [Function (anonymous)], [Function (anonymous)] ] } } [Browsersync] Access URLs: Local: http://localhost:3000 External: http://10.0.2.15:3000 UI: http://localhost:3001 UI External: http://localhost:3001 [Browsersync] Serving files […]

Tags './build/contracts' ], "/js/**", [![shiva@shiva-VirtualBox:~/sta$ npm run dev StarNotary@1.0.0 dev /home/shiva/sta lite-server ** browser-sync config ** { injectChanges: fa, [Function (anonymous)] ] } } [Browsersync] Access URLs: Local: http://localhost:3000 External: http://10.0.2.15:3000 UI: http://lo, code: 'ENOSPC', css, filename: '/home/shiva/sta/build/contracts' } npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! StarNotary@1.0.0 dev: lite-server npm ERR! E, files: [ './**/*.{html, htm, middleware: [ [Function (anonymous)], path: '/home/shiva/sta/build/contracts', server: { baseDir: [ './src', syscall: 'watch', watch '/home/shiva/sta/build/contracts' at FSWatcher. (internal/fs/watchers.js:169:26) at Object.watch (fs.js:1361:34) at createFsWatchInstan, watchOptions: { ignored: /node_modules/ }

Development

Jest encountered an unexpected token – React with jest and enzyme

Post author By Full Stack
Post date March 6, 2020
No Comments on Jest encountered an unexpected token – React with jest and enzyme

tsconfig.json { “extends”: “./node_modules/pcf-scripts/tsconfig_base.json”, “compilerOptions”: { “typeRoots”: [“node_modules/@types”], “allowJs”: true, “skipLibCheck”: true, “esModuleInterop”: true, “allowSyntheticDefaultImports”: true, “forceConsistentCasingInFileNames”: true, “module”: “esnext”, “moduleResolution”: “node”, “resolveJsonModule”: true, “isolatedModules”: true, “sourceMap”: true }, “include”: [“./ConsumptionSummaryComponent/src”, “ConsumptionSummaryComponent/globals.d.ts”], “exclude”: [“./node_modules/pcf-scripts/./node_modules”] } .babelrc file { “env”: { “test”: { “plugins”: [ “@babel/plugin-transform-modules-commonjs” ] } } } Package.json { “name”: “pcf-project”, “version”: “1.0.0”, […]

Tags '^.+\\.tsx?$': 'ts-jest' }, "^.*.svg$": "/src/blank-mock.js" }, "^.+\\.jsx$": "ts-jest" }, "^style-loader.*$": "/ConsumptionSummaryComponent/src/blank-mock", "@babel/preset-env": "^7.8.4", "@common-pcf/sdk": "file:../sdk/common-pcf-sdk-1.0.0.tgz", "@graphql-codegen/introspection": "1.12.1", "@graphql-codegen/typescript-operations": "1.12.1", "@graphql-codegen/typescript-react-apollo": "1.12.1", "@graphql-codegen/typescript": "1.12.1", "@microsoft/applicationinsights-web": "^2.3.1", "@types/enzyme-adapter-react-16": "1.0.6", "@types/enzyme": "3.10.5", "@types/jest": "^25.1.1", "@types/node": "^10.12.18", "@types/powerapps-component-framework": "^1.2.0", "@types/react-dom": "^16.9.5", "@types/react": "^16.9.19", "@uifabric/fluent-theme/lib/": "@uifabric/fluent-theme/lib-commonjs/", "@uifabric/icons": "^7.3.2", "@uifabric/styling/lib/": "@uifabric/styling/lib-commonjs/", "/ConsumptionSummaryComponent/src/services/**/*.{ts, "/js/**", "allowJs": true, "allowSyntheticDefaultImports": true, "apollo-boost": "^0.4.7", "babel-jest": "^25.1.0", "babelConfig": "/ConsumptionSummaryComponent/.babelrc", "clean": "pcf-scripts clean", "collectCoverage": true, "collectCoverageFrom": [ "/ConsumptionSummaryComponent/src/components/**/*.{ts, "compilerOptions": { "typeRoots": ["node_modules/@types"], "ConsumptionSummaryComponent/globals.d.ts"], "coverageDirectory": "test-coverage", "coverageReporters": ["lcov"], "coverageThreshold": { "global": { "branches": 0, "cra-template-typescript": "^1.0.0", "dependencies": { "@apollo/react-hooks": "^3.1.3", "description": "Project containing your PowerApps Component Framework (PCF) control.", "devDependencies": { "@babel/core": "7.8.4", "diagnostics": { "ignoreCodes": [ "TS1149" ] } } }, "enzyme-adapter-react-16": "^1.15.2", "enzyme-to-json": "3.4.4", "enzyme": "^3.11.0", "esModuleInterop": true, "exclude": ["./node_modules/pcf-scripts/./node_modules"] } .babelrc file { "env": { "test": { "plugins": [ "@ba, "expose-loader\\?jQuery\\!jquery": "/ConsumptionSummaryComponent/src/blank-mock", "forceConsistentCasingInFileNames": true, "functions": 0, "globals": { "ts-jest": { "tsConfig": "tsconfig.json", "graphql-tag": "^2.10.2", "graphql": "^14.6.0", "include": ["./ConsumptionSummaryComponent/src", "isolatedModules": true, "jest": "^25.1.0", "jest": { "roots": [ "/ConsumptionSummaryComponent/src" ], "lines": 0 } }, "module": "esnext", "moduleFileExtensions": [ "ts", "moduleNameMapper": { "ts-jest": "/node_modules/ts-jest", "moduleResolution": "node", "office-ui-fabric-react": "^7.84.0", "office-ui-fabric-react/lib/": "office-ui-fabric-react/lib-commonjs/", "pcf-scripts": "^1", "pcf-start": "^1", "react-dom": "^16.12.0", "react": "^16.12.0", "rebuild": "pcf-scripts rebuild", "resolveJsonModule": true, "scripts": { "build": "pcf-scripts build", "setupFiles": [ "/ConsumptionSummaryComponent/src/setupEnzyme.ts" ], "skipLibCheck": true, "source-map-loader": "^0.2.4", "sourceMap": true, "start": "pcf-scripts start", "statements": 0 } }, "test:watch": "jest --watch" }, "test": "jest", "transform": { "^.+\\.js$": "/node_modules/babel-jest", "ts-jest": "25.1.0", "ts-loader": "^6.2.1" } } SetupEnzyme.ts import { configure } from 'enzyme'; import Adapter from 'enzyme-adapter-react-16'; configure({, "version": "1.0.0", "webpack-cli": "^3.3.10", "webpack": "^4.41.5" } }, () => { const result = shallow(); expect(result).toMatchSnapshot(); }); Error Jest encountered an, e.g. it's not plain JavaScript. By default, iconName: Enums.ProductTypeLogo.azureLogo, iconStyle: styles.AzureIcon, if Jest sees a Babel config, ignoring "node_modules". Here's what you can do: • To have some of your "node_modules" files transformed, isEnabled:true, it will use that to transform your files, json, jsx, node, order: 1 }; it("Should render the Summary component for the test Product Group Summary", productGroupName: Enums.ProductTypeName.azureProductTypeName, snapshotSerializers: ['enzyme-to-json/serializer'], testEnvironment: 'node', testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.tsx?$', ts=x, tsconfig.json { "extends": "./node_modules/pcf-scripts/tsconfig_base.json", you can specify a custom "transformIgnorePatterns" in your config. • If you need a custom transformation specify a "transform" option in you

Development

Babel-node ignores or misbehaves when I add ignore option to babel.config.js

Post author By Full Stack
Post date February 28, 2020
No Comments on Babel-node ignores or misbehaves when I add ignore option to babel.config.js

am using the command npx babel-node –ignore=’ ‘ –extensions=’.ts,.tsx,.js,.jsx,.es6,.es’ test.js to compile the script named test.js . test.js imports import template from ‘lodash-es/template’; and I would like it to be compiled too. Adding ignore or include or exclude options regex at babel.config.js doesn’t work. How do i add an inline –ignore option ({ ignore: [/node_modules\/(?!lodash-es)/] […]

Tags .es' test.js to compile the script named test.js . test.js imports import template from 'lodash-es/template'; and I would like it to be com, "@babel/core": "7.7.7", "@babel/node": "^7.8.4", "/js/**", "es6", am using the command npx babel-node --ignore=' ' --extensions='.ts, jsx, Problem seems to be similar to https://github.com/facebook/jest/issues/6229, ts=x

Development

On scroll parent page show div element css or javascript

Post author By Full Stack
Post date February 24, 2020
No Comments on On scroll parent page show div element css or javascript

I have a widget that a user can use in his/her own website by inserting a javascript code like this below. Code: <div id=”adform-outstream” class=”vmwp-v1″> <script> (function (w,d,s,o,f,js,fjs) { w[‘JS-Widget’]=o;w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) }; js = d.createElement(s), fjs = d.getElementsByTagName(s)[0]; js.id = o; js.src = f; js.async […]

Tags 'http://localhost/videomill-dashboard/dist/bundle.js')); Now I would like on scroll the main page when, 'o', "/js/**", but I want when the user riches the specified div adform-outstream because now is if the height is less than 800 it will remove the div What, d, Document, f: '' }, fjs = d.getElementsByTagName(s)[0]; js.id = o; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs) { w['JS-Widget']=o;w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) }; js =, fjs); }(window, I have a widget that a user can use in his/her own website by inserting a javascript code like this below. Code: <div id="adform-outstrea, mw, s, script, try to scroll to the bottom. Here is my solution. $(document).scroll(function () { var y = $(this).scrollTop(); if (y > 800) {

Development

Authorization server with spring-oauth2: Login error (see update #1)

Post author By Full Stack
Post date February 23, 2020
No Comments on Authorization server with spring-oauth2: Login error (see update #1)

I had a authorization server with spring-oauth2 which worked fine when was using inMemoryAuthentication both for the sping-security user data or spirng-oauth2 client data. After I did some changes to add support for jdbc and database persistence, now I unable to access any view on the server, because it’s displayed the mensagem: Full authentication is […]

Tags "/").permitAll() .anyRequest().authenticated() .and() .formLogin() .loginPage("/") .loginProces, "/js/**", a.nome as authority from credencial c, autorizacao a where c.id = ca.credencial_id and a.id = ca.autorizacoes_id) t2 on t1.credencial = t2.credencial where t1.username = ?"), available on github: https://github.com/klebermo/oauth2_server. Can anyone give a hint of what is wrong here? The project compiles and runs w, because it's displayed the mensagem: Full authentication is required to access this resource I add below the main configuration classes for, but I unable to access even the start page (http://localhost:8080/). Server.java @Import(AuthorizationServerEndpointsConfiguration.class) @, but no message is displayed on logs indicating what the error could be. How I could visualize details of what's happening here?, c.nome as credencial from usuario u, credencial c where u.id = uc.usuario_id and c.id = uc.credencial_id) t1 inner join (select c.nome as credencial, credencial_autorizacoes ca, enabled from usuario where username = ?") .authoritiesByUsernameQuery("select t1.username, I got an error, I had a authorization server with spring-oauth2 which worked fine when was using inMemoryAuthentication both for the sping-security user data, img), java.io.Serializable targetId, java.lang.Object permission) { if (authentication == null || !authentication.isAuthenticated()) return false; else, java.lang.Object targetDomainObject, java.lang.String targetType, now I unable to access any view on the server, PASSWORD, t2.authority from (select u.username as username, usuario_credenciais uc

Development

How to distribute package for expo? (.web.js, .js configuration)

Post author By Full Stack
Post date February 15, 2020
No Comments on How to distribute package for expo? (.web.js, .js configuration)

I want to distribute a package for expo. This package was created while building my app in expo SDK36. Like many expo dependencies, I use massively the .ios.js, .android.js and .web.js extensions. While importing a source I have distributed on npm, resolver only import .js without any distinction. As an example this package should work […]

Tags .android.js and .web.js extensions. While importing a source I have distributed on npm, '.web.js', ".expo.js", ".expo.jsx", ".expo.mjs", ".expo.ts", ".expo.tsx", ".wasm" ] But it does not, ".web.expo.js", ".web.expo.jsx", ".web.expo.mjs", ".web.expo.tsx", ".web.jsx", ".web.mjs", ".web.ts", ".web.tsx", "/js/**", #TS, I have to manually import by suffixing in my sources with.web. How can I configure expo or my distributed package in order to be able to imp, I use massively the .ios.js, I want to distribute a package for expo. This package was created while building my app in expo SDK36. Like many expo dependencies, json, jsx, mjs}'], resolver only import .js without any distinction. As an example this package should work with expo: This is the @expo/webpack-config resolv, ts=x