Tag: “/js/**”

WordPress site_url is different from database value

Post author By Full Stack
Post date January 18, 2021
No Comments on WordPress site_url is different from database value

I have a fresh WordPress install that isn’t loading the database site_url value properly. On the index, post permalinks are using https, but all assets (css, js, php files) are trying to load over http. As a result, no assets are loading and I can’t even log in to the site as a result. When […]

Tags "/js/**", after I made this change, and it's working properly, but all assets (css, but I might be wrong., but it didn't fix anything. I don't know if I have to add a Virtual Host for port 443 (I'm a front-end dev, but it doesn't fix it. I've followed every method for changing Site URL from the Wordpress docs, but so far nothing has helped. It feels to me like the problem is at the server level, but this also didn't fix anything. I've added a virtual host for port 80 as well, I get a re-direct loop error. I've tried forcing SSL by adding the options in the wp-config file, I have a fresh Wordpress install that isn't loading the database site_url value properly. On the index, no assets are loading and I can't even log in to the site as a result. When I try to login I get a warning about unsecured forms and the wp-a, not a server expert!). I feel like at this point I've gone through every similar Stack Overflow thread and tried everything there, not Wordpress, php files) are trying to load over http. As a result, post permalinks are using https, the wp-admin page won't load anymore

Mastering Development

Webpack 5 HMR issue – Cannot read property ‘updatedChunkIds’ of undefined

Post author By Full Stack
Post date January 11, 2021
No Comments on Webpack 5 HMR issue – Cannot read property ‘updatedChunkIds’ of undefined

I’ve tried to add a HMR into my webpack 5 config and got a nasty error. First time it compiles properly, but when it comes to recompiling after code changes – it breaks with HookWebpackError: Cannot read property ‘updatedChunkIds’ of undefined. If I remove hot: true option – everything works properly. My config: const { […]

Tags `${PATHS.src}/scss/styles.scss`] }, ...PAGES_TO_CONVERT.map( page => new HtmlWebpackPlugin({ template: `${PAGES_PUG}/${page}`, 'src'), "!**/dist/**", "./src/assets/icons") }; const PAGES_PUG = `${PATHS.src}/pug/`; const PAGES_TO_CONVERT = fs .readdirSync(PAGES_PUG) .filter(filename =>, "/js/**", "port": 8080, { from: "./src/assets/fonts", { from: "./src/assets/img", { loader: 'css-loader', { loader: 'resolve-url-loader', { loader: 'sass-loader', { loader: "postcss-loader" }, { minifyStyles: true } ] } }, { output: { filename: "assets/sprites/sprites-colored/sprites.svg", { output: { filename: "assets/sprites/sprites-solid/sprites.svg", { test: /.(jpg|jpeg|png|svg)$/, { test: /\.(scss|css)$/, { test: /\.(woff(2)?|eot|ttf|otf)$/, { test: /\.js$/, { test: /\.ts$/, $html, argv) => { const isEnvDevelopment = argv.mode === "development"; const isEnvProduction = argv.mode === "production"; return { entr, but when it comes to recompiling after code changes - it breaks with HookWebpackError: Cannot read property 'updatedChunkIds' of undefined. I, chunks: 'all', compress: true, devServer: { contentBase: path.join(__dirname, devtool: isEnvDevelopment ? "eval-cheap-module-source-map" : "source-map", dist: path.join(__dirname, enforce: true, exclude: /node_modules/, filename: `./${page.replace(/\.pug/, filename: "./scripts/[name].[fullhash].min.js" }, hot: true }, I've tried to add a HMR into my webpack 5 config and got a nasty error. First time it compiles properly, icons: path.join(__dirname, loader: 'babel-loader', loader: "pug-loader", loader: "ts-loader" }, module: { rules: [ { test: /\.pug$/, new CopyPlugin({ patterns: [ { from: "./src/assets/favicon", new ImageminPlugin({ test: /\.(jpe?g|png|gif)$/i }) ] }; }; I've tried to remove target option or change it to 'browserl, new MiniCssExtractPlugin({ filename: `styles/styles.[hash].min.css` }), new SVGSpritemapPlugin(`./src/assets/icons/icons-solid/**/*.svg`, new SVGSpritemapPlugin("./src/assets/icons/icons-colored/**/*.svg", noErrorOnMissing: true }, open = TRUE, optimization: { splitChunks: { cacheGroups: { vendor: { name: 'vendor', options: { sourceMap: true, output: { path: `${PATHS.dist}`, overlay : true, plugins: [ new CleanWebpackPlugin(), publicPath: '/' }, resolve: { extensions: ['.ts', sprite: { prefix: false } }), svg4everybody: { polyfill: true }, svg4everybody: true, svgo: { plugins: [ { inlineStyles: { onlyMatchedOnce: false } }, svgo: { plugins: [{ removeAttrs: { attrs: "(stroke|fill|style)" } }] } }, target: 'web', test: /node_modules\//, to: 'assets/fonts'} ]), to: 'assets/img' }, to: "assets/favicon", type: "asset/inline" }, use: [ { loader: MiniCssExtractPlugin.loader }, watchContentBase: true

CMS Drupal Mastering Development

How can I programmatically upload images to module folder?

Post author By Ask Me
Post date January 8, 2021
No Comments on How can I programmatically upload images to module folder?

I’m having trouble figuring out how to upload images. I created a module we’ll call it "my_module". Inside there, I have a few folders: "templates, src, js, img". I’m trying to save images in my "img" folder, but I can’t seem to figure this out. I added my php code below. $db = Database::getConnection(); $current_loggedin_user_ID […]

Tags '.jpg', 'png'); // valid extensions $upload_destination = '../../img/'; /** Create php variables from ajax request **/ $poster_company_n, 'src'), "/js/**", but I can't seem to figure this out. I added my php code below. $db = Database::getConnection(); $current_loggedin_user_ID = \Drupal::c, I have a few folders: "templates, I'm having trouble figuring out how to upload images. I created a module we'll call it "my_module". Inside there, img". I'm trying to save images in my "img" folder, PATHINFO_EXTENSION)); // can upload same image using rand function $final_image = rand(1000

CMS Drupal Mastering Development

How to upload image to folder using php

Post author By Ask Me
Post date January 8, 2021
No Comments on How to upload image to folder using php

Tags '.jpg', 'png'); // valid extensions $upload_destination = '../../img/'; /** Create php variables from ajax request **/ $poster_company_n, 'src'), "/js/**", but I can't seem to figure this out. I added my php code below. $db = Database::getConnection(); $current_loggedin_user_ID = \Drupal::c, I have a few folders: "templates, I'm having trouble figuring out how to upload images. I created a module we'll call it "my_module". Inside there, img". I'm trying to save images in my "img" folder, PATHINFO_EXTENSION)); // can upload same image using rand function $final_image = rand(1000

CMS Drupal Mastering Development

How to upload image to folder using php

Post author By Ask Me
Post date January 8, 2021
No Comments on How to upload image to folder using php

Tags '.jpg', 'company_name' => $poster_company_name, 'png'); // valid extensions $upload_destination = '../../img/'; /** Create php variables from ajax request **/ $poster_company_n, 'post_image' => $final_image, 'post_message' => $poster_company_message, 'posting_to_id' => $postingToId, 'src'), "/js/**", "created_at": "time", "msg" => "Can only upload 1MB of image file."]); } As you can see, "msg" => "Invalid file type."]); } } else { return new AjaxResponse(["result" => "error", "msg" => "Something went wrong with moving the file to the server."]); } } else { return new AjaxResponse(["result" =>, "msg" => "Success!"]); } else { return new AjaxResponse(["result" => "error", ]); $insert_update->key('follower_id'); $result = $insert_update->execute(); return new AjaxResponse(["result, $upload_destination)){ $insert_update = $db->upsert('dr_user_posts') ->fields([ 'poster_id' => $current_, $valid_extensions)){ if(move_uploaded_file($poster_image_temp, 1000000).$poster_image; $upload_destination = $upload_destination.strtolower($final_image); if($poster_image_size <= 1000000) {, but I can't seem to figure this out. I added my php code below. $db = Database::getConnection(); $current_loggedin_user_ID = \Drupal::c, I have a few folders: "templates, I have a variable called $upload_destination. This is the part where I am having trouble because I can't figure out how to move the upload im, I'm having trouble figuring out how to upload images. I created a module we'll call it "my_module". Inside there, img". I'm trying to save images in my "img" folder, not sure what I'm doing wrong. I will eventually move this to a live server so I would also appreciate the solution working for both local a, PATHINFO_EXTENSION)); // can upload same image using rand function $final_image = rand(1000, the above php code is in a Controller folder inside the "src" folder. Path issues always confuse me. Another note that should be considered, this info is coming from a twig template using bootstrap to setup the form and using jQuery ajax to make the request to the controller. But I, you'll know that this is coming from the if statement where the "move_uploaded_file" function is at. Honestly

Mastering Development

How to configure test coverage visualisation in gitlab CICD?

Post author By Full Stack
Post date December 24, 2020
No Comments on How to configure test coverage visualisation in gitlab CICD?

I am trying to configure test coverage visualisation with reference to official documentation(https://docs.gitlab.com/ee/user/project/merge_requests/test_coverage_visualization.html), I tried with the same, but my pipeline failed hence no report is shown on merge requests, Our project stacks are NodeJS – Typescript. For testing we use JEST framework. I tried in many ways, but no luck. can anyone help me […]

Tags "/js/**", "collectCoverage": true, "coveragePathIgnorePatterns": [ "/node_modules/", "globals": { "ts-jest": { "tsConfig": "tsconfig.json", "moduleFileExtensions": [ "ts", "transform": { "^.+\\.(ts|tsx)$": "ts-jest" }, [ 'jest-junit', }, }; package.json "scripts": { "unit-test": "jest --config='./jest_unit.config.js' --coverage --reporters=default --reporters=jest-junit --, $html, but my pipeline failed hence no report is shown on merge requests, but no coverage report on MR) test: stage: test tags: - ta_shop_release script: - npm install - npm run unit-test covera, but no luck. can anyone help me with this? .gitlab-ci.yml way 1 - did not work (pipeline failed) test: stage: test tags: - ta_shop, but none of them worked jest_unit.config.js /** * @file Jest Unit Test Configuration File */ module.exports = { roots: ['tests'], collectCoverageFrom: ['api/**/*.ts'], coverageReporters: ['text', how to enable code coverage in gitlab CICD?, I am trying to configure test coverage visualisation with reference to official documentation(https://docs.gitlab.com/ee/user/project/merge_r, I tried with the same, Our project stacks are NodeJS - Typescript. For testing we use JEST framework. I tried in many ways, reporters: [ 'default', testEnvironment: 'node', testRegex: '.*_unit.test.(js|ts|tsx)?$'

Bitcoin Cryptocurrency Mastering Development

How to validate transactions in a website?

Post author By Crypto Questions
Post date December 20, 2020
No Comments on How to validate transactions in a website?

I’m learning about Bitcoin. Now, I have to build a website where some transactions must be verified as completed. I don’t need to create transactions, mining, or something else, just to verify that the transaction was done. So basically I just know HTML,PHP,JS, etc.,But I still don’t know how to check if certain transaction was […]

Tags "/js/**", and in a future in a c++ application. There is something like that? Or any code PHP, But I still don't know how to check if certain transaction was done. I'm reading the book "Programming Bitcoin" of Jimmy Song, but still I don't get it. I don't want to build up a web application from scratch to do specialized things like mining, c++ where a query against the blockchain to validate transactions is demonstrated....., create transactions, etc., I have to build a website where some transactions must be verified as completed. I don't need to create transactions, I see that Python is very useful there. I'm reading Bitcoin Core developer site too, I'm learning about Bitcoin. Now, just to verify that the transaction was done. So basically I just know HTML, manage wallets and so on, mining, or something else?, php, so I would like to use a well known API to perform the simple task of check if a transaction was done. I would like to use that API in a PHP

Mastering Development

React : Handle multiple browser(s), browser tabs to restrict duplicate operations

Post author By Full Stack
Post date December 17, 2020
No Comments on React : Handle multiple browser(s), browser tabs to restrict duplicate operations

I have a button Submit when clicked performs some operation calling an API. Post click, the button is disabled or basically the initial state of the button and the operation is changed. I have two or multiple browser tabs which shows same screen of Submit. If in any one of the tab, the Submit operation […]

Tags "/js/**", I have a button Submit when clicked performs some operation calling an API. Post click, the button is disabled or basically the initial state of the button and the operation is changed. I have two or multiple browser tabs which, the other tabs should show the updated version. The other tabs should show the disabled version and should not show the initial state. How d, the Submit operation is performed

Mastering Development

Jest withTypeScript syntaxerror unexpected token, expected “;”

Post author By Full Stack
Post date December 8, 2020
No Comments on Jest withTypeScript syntaxerror unexpected token, expected “;”

I’ve been trying to setup jest for use with typescript and I’ve tried a bunch of fixes with no luck. I’m getting the error SyntaxError: Unexpected token, expected ";", I think the config isn’t supporting typescript code: https://i.stack.imgur.com/iGBCa.png If anybody has any suggestions I’d be very grateful! Here’s my package.json: "jest": { "preset": "ts-jest", "testEnvironment": […]

Tags "!__tests__/util.ts", "!**/node_modules/**" ], "!/coverage/**", "/js/**", "allowSyntheticDefaultImports": true, "automock": false, "collectCoverageFrom": [ "**/*.{js, "dom.iterable", "esModuleInterop": true, "esnext" ], "forceConsistentCasingInFileNames": false, "include": ["next-env.d.ts", "isolatedModules": true, "jsx": "preserve" }, "lib": [ "dom", "module": "esnext", "moduleFileExtensions": [ "ts", "moduleResolution": "node", "node" ] } tsconfig.json: { "compilerOptions": { "allowJs": true, "noImplicitAny": false, "resolveJsonModule": true, "rootDir": "../", "setupFilesAfterEnv": [ "jest-extended" ], "skipLibCheck": true, "target": "esnext" }, "transform": { "^.+\\.tsx?$": "babel-jest" }, "types": [ "jest", "types": ["@emotion/core", { strict: false }), }, //"noEmit": true, #TS, baseUrl, clearMocks: true } }, exclude: /node_modules/, expected ", I think the config isn't supporting typescript code: https://i.stack.imgur.com/iGBCa.png If anybody has any suggestions I'd be very grateful, I've been trying to setup jest for use with typescript and I've tried a bunch of fixes with no luck. I'm getting the error SyntaxError: Unexp, Jest, json, jsx, testEnvironment: 'node', testPathIgnorePatterns: ['\\\\node_modules\\\\'], ts=x, verbose = TRUE

Mastering Development

IE11 Blank Page with React, Typescript, Babel, and Webpack

Post author By Full Stack
Post date November 27, 2020
No Comments on IE11 Blank Page with React, Typescript, Babel, and Webpack

I have a React application written in Typescript with Babel and Webpack. It loads fine in Firefox and Chrome, but loads a blank page in Internet Explorer 11. I am new to this project with relatively low experience with React/Babel/WebPack/Typescript. I need to make the app work with IE11. I’ve spent a couple days learning […]

Tags . . "@types/node": "^11.9.6", . . "devDependencies": { "@babel/cli": "^7.2.3", . . ], . . }; Dev specific Webpack config: const merge = require('webpack-merge'); const webpack = require('webpack'); const commonConfig = re, './index.tsx' // the entry point of our app ], 'awesome-typescript-loader'], 'ES2019', 'source-map-loader'], 'src'), "!**/dist/**", "@babel/core": "^7.3.4", "@babel/preset-env": "^7.3.4", "@babel/preset-react", "@babel/preset-react": "7.0.0", "@babel/preset-react"] } } } tsconfig.json { "compilerOptions": { "experimentalDecorators": true, "@types/react-dom": "^16.9.8", "@types/react-intl": "^2.3.17", "@types/react-redux": "^7.1.9", "@types/react-router-dom": "^5.1.5", "@types/react-router": "^5.1.7", "@types/react-test-renderer": "16.9.1", "@types/react": "^16.9.35", "/js/**", "alwaysStrict": true, "awesomeTypescriptLoaderOptions": { "reportFiles": [ "./src/**/*" ] }, "babel-jest": "24.1.0", "babel-loader": "^8.0.5", "babel-plugin-react-intl": "^3.0.1", "babel-polyfill": "^6.26.0", "clean-dist": "rm -f -r -d dist", "copy-webpack-plugin": "^5.1.1", "createVersionFile": "node ./bin/createVersionFile.js" }, "devtool": "source-map", "Dom", "env": { "production": { "presets": ["minify"] }, "es6", "esModuleInterop": true, "exclude": [ "node_modules" ] } We have separate Webpack configs for prod and dev. They both import some common configurations. This i, "include": [ "src" ], "jsx": "react" }, "lib": ["es5", "lint": "eslint ." }, "module": "commonjs", "modules": false } ] ], "noImplicitAny": true, "noImplicitThis": true, "outDir": "dist", "paths": { "*": [ "src/@types/*" ] } }, "plugins": [ "react-hot-loader/babel", "prettier:fix": "prettier 'src/**/*.{ts, "prettier": "prettier 'src/**/*.{ts, "react-dom": "^16.12.0", "react-dropzone": "^11.0.3", "react-intl": "^2.8.0", "react-redux": "^7.2.0", "react-router-dom": "^5.2.0", "react": "^16.12.0", "resolveJsonModule": true, "sourceMap": true, "start-dev": "webpack-dev-server --config=configs/webpack/dev.js", "start": "npm run start-dev", "strict": true, "strictNullChecks": true, "suppressImplicitAnyIndexErrors": true, "target": "es6", "test": "jest --watch --coverage --config=configs/jest.json", "test": { "presets": ["@babel/preset-env", "transform-regenerator"], "webpack-cli": "^3.2.3" }, "webpack-dev-middleware": "^3.6.0", "webpack-dev-server": "^3.2.1" }, "webpack-merge": "4.2.1" }, ], ]), { test: /\.ts(x)?$/, }, } .bablerc { "presets": [ ["@babel/preset-env", }); index.tsx import "babel-polyfill"; import * as React from "react"; import * as ReactDOM from "react-dom"; import { BrowserRouter } from, }); Prod specific Webpack config: const merge = require('webpack-merge'); const CopyWebpackPlugin = require('copy-webpack-plugin'); const {, // activate HMR for React 'webpack-dev-server/client?http://localhost:8081', // bundle the client for hot reloading, // bundle the client for webpack-dev-server and connect to the provided endpoint 'webpack/hot/only-dev-server', // enable HMR globally new webpack.NamedModulesPlugin(), // enable HMR on the server port: 8081 }, // prints more readable module names in the browser console on HMR updates new CopyWebpackPlugin([ { from: '../public', baseUrl, but development is less of a concern. Relevant stuff from package.json . . "scripts": { "build": "eslint './**' && npm run clean-dist, but have not found a solution yet. Based on what I am working with that I have posted below, but loads a blank page in Internet Explorer 11. I am new to this project with relatively low experience with React/Babel/WebPack/Typescript., contentBase: './', context: resolve(__dirname, dependencies": { "babel-plugin-transform-regenerator": "^6.26.0", devServer: { historyApiFallback: true, devtool: 'cheap-module-eval-source-map', document.getElementById("root") || document.createElement("div")); registerServiceWorker();, entry: './index.tsx', entry: [ 'react-hot-loader/patch', exclude: /node_modules/, hot: true }, I have a React application written in Typescript with Babel and Webpack. It loads fine in Firefox and Chrome, I'm hoping this fine community can help me find a solution to get this loading in IE11. I need to get this working in prod, jsx, mode: 'development', mode: 'production', module: { rules: [ { test: /\.(js)$/, only- means to only hot reload for successful updates 'babel-polyfill', output: { filename: 'js/bundle.[hash].min.js', output: { publicPath: '/iq-customize' }, path.resolve(__dirname, plugins: [ new CopyWebpackPlugin([ { from: '../public', plugins: [ new webpack.HotModuleReplacementPlugin(), publicPath: '/iq-customize/', tests, to: 'public' }, ts=x, tsx}' --check", tsx}' --write", use: 'babel-loader' }