Wednesday, 1 December 2021

CodeBase

Snippets, tricks and boilerplate

Recent

Angular 13 custom TypeScript rules - File: tsconfig.json "compilerOptions": { "allowSyntheticDefaultImports": true, "noImplicitAny": true, "esModuleInterop": true, "strictPropertyInitialization": false, // to keep backward compatibility "strictNullChecks": false // to keep backward compatibility }
Shopware 6 Cheat Sheet - Open cookie settings again Create a custom link with target /cookie/offcanvas To open the canvas in the correct language, use e.g. /en/ as link prefix Reverse proxy mixed content error ERROR: Mixed Content: The page at 'https://domain.de/admin' was loaded over HTTPS, but requested an insecure stylesheet 'http://domain.de/bundles/administration/static/css/vendors-node.css?162460877615569'. This request has...
Ubuntu increase SWAP file - From https://askubuntu.com/a/1066362 sudo swapoff /swapfile sudo fallocate -l 8G /swapfile sudo chmod 600 /swapfile sudo mkswap /swapfile sudo swapon /swapfile Verify: sudo swapon --show Make permanent: echo '/swapfile none swap sw 0 0' | sudo tee -a /etc/fstab
The Docker Compose Cheatsheet - 3. Volumes Mounting volumes is essentially required but can cause insane performance issues. Therefore it is very important to configure them correctly to prevent bottlenecks. This issue affects mainly Docker for Mac and Docker for Windows as Linux hosts can mount paths “more natively” into the container. With the following...
Nativescript: Gradle build failing from commandline - Cause of the issue: Licenses not accepted To solve the issue: Opt-in: Android Studio > Sdk Manager > SDK Tools > Android SDK Command-Line Tools (latest) Run: ~/Library/Android/sdk/cmdline-tools/latest/bin/sdkmanager --licenses Confirm all prompts with y to accept

Angular 13 custom TypeScript rules

File: tsconfig.json "compilerOptions": { "allowSyntheticDefaultImports": true, "noImplicitAny": true, "esModuleInterop": true, "strictPropertyInitialization": false, // to keep backward compatibility "strictNullChecks": false // to keep backward...

Shopware 6 Cheat Sheet

Open cookie settings again Create a custom link with target /cookie/offcanvas To open the canvas in the correct language, use e.g. /en/ as...

Ubuntu increase SWAP file

From https://askubuntu.com/a/1066362 sudo swapoff /swapfile sudo fallocate -l 8G /swapfile sudo chmod 600 /swapfile sudo mkswap /swapfile sudo swapon /swapfile Verify: sudo swapon...

The Docker Compose Cheatsheet

3. Volumes Mounting volumes is essentially required but can cause insane performance issues. Therefore it is very important to configure them correctly to...

Nativescript: Gradle build failing from commandline

Cause of the issue: Licenses not accepted To solve the issue: Opt-in: Android Studio > Sdk Manager > SDK Tools > Android SDK...

Install JDK on macOS 10.7+

Requirements: Homebrew 1. Install your favorite JDK version brew tap adoptopenjdk/openjdk brew install --cask adoptopenjdk8 brew install --cask adoptopenjdk9 brew install --cask adoptopenjdk10...

htaccess force SSL/HTTPS

RewriteEngine On RewriteCond %{HTTPS} off RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301] Permanent 301 Temporary 302

htaccess for Angular 2+ (probably other JS) apps

allow from all <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . index.html [L]...

Laravel: Generate IDE helpers

Add a composer command in the scripts section, so you can run composer run laravel:helper to update all Laravel IDE helpers: "scripts": {...

Ubuntu adjust scrollbar thickness

https://superuser.com/questions/1272428/how-do-you-configure-the-appearance-of-scrollbars-in-firefox-57/1273053#1273053

Docker for Mac: Limit memory allocation

The Docker for mac GUI does not allow to configure less than 1GiB as allocated memory. In some cases you might want to...

SSH generate secure RSA key

ssh-keygen -t rsa -b 4096

Fix ^ and < swapped keys in macOS

1) Delete /Library/Preferences/com.apple.keyboardtype.plist 2) Reboot 3) For MacOS Monterey or newer, you must then open Settings -> Keyboard -> “Change Keyboard Type” and...

WordPress htaccess config

Default .htaccess entries for wordpress: # BEGIN WordPress <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.php$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME}...

Color tools for nice palettes

– Generate large palettes iWantHue – Generate default palettes (5 colors) Coolors.co – Find matching colors ColorSpace Adobe Color Wheel

MacOS Terminal colored output

Add to your .bash_profile: export CLICOLOR=1

Individual TSLint rules for subdirectory

In case you want to have different TSLint rules for a subdirectory, for example a different Angular component selector rule, you just need...

Windows Subsystem for Linux Configuration

Add to .profile → cd ~ && nano .profile # Fix unreadable font colors on folders LS_COLORS="ow=01;36;40" && export LS_COLORS # Alias `gohome`...

Better usability for Nextcloud

You need the Custom CSS Plugin: 1) Apps -> Search: “css” -> Install “Custom CSS” 2) Go to Settings -> Design, scroll down...

Partially disable Angular Material animations

Different options to disable animations of Angular Material:

Webstorm live templates for TypeORM

Fast code generation shortcuts/live templates using with Webstorm/Phpstorm for TypeORM library.

Add basic IDE/Project config to any npm based...

Preconfigures a new npm based project via script

Use “npm install -g” without sudo

ONLY TESTED ON MAC OS! Getting rid of always prefixing sudo when installing a global npm package is pretty easy. Just two steps...

Docker VirtualBox host IP

The VirtualBox uses the static IP address 10.0.2.2 which can be used inside the container to access the host network.

Simple Loading Stack with Ionic 3

This is a simple Angular Service which handles multiple ionic 3 loaders at the same time. The most recent loader is displayed on...

Lumen Middleware – JSON + gzip Response

<?php namespace App\Http\Middleware; use Closure; class responseHeadersMiddleware { /** * Handle an incoming request. * * @param \Illuminate\Http\Request $request * @param \Closure $next...

Configure robots.txt

The robots.txt file helps you to determine, which content of your website should be indexed by search engines. Remind that this file is...

ADB not finding device

Sometimes the command adb devices does not show up your connected Android device, despite it is wired. Here are some steps that might...

Clipboard Browser API

Note: The API is still experimental and does not work along all browsers! Tested in current version of Google Chrome Desktop Browser. Write...

Ionic 3 serve browser with livereload

1. Add code snippet to package.json File: package.json json "browser": "ionic-app-scripts serve --nobrowser --sourceMap source-map --iscordovaserve --wwwDir platforms/browser/www/ --buildDir platforms/browser/www/build", 2. Launch script...

24. November 2021 No Responses

Angular 13 custom TypeScript rules

31. December 2019 No Responses

SSH generate secure RSA key

ssh-keygen -t rsa -b 4096

29. August 2019 No Responses

Individual TSLint rules for subdirectory

In case you want to have different TSLint rules for a subdirectory, for example a different Angular component selector rule, you just need 2 steps to achieve this. Create a tslint.json in your subdirectory root...

14. November 2018 No Responses

Partially disable Angular Material animations

Different options to disable animations of Angular Material:

7. June 2018 No Responses

Simple Loading Stack with Ionic 3

This is a simple Angular Service which handles multiple ionic 3 loaders at the same time. The most recent loader is displayed on top. If it is finished, and other loaders are still pending, the next recent will...

26. May 2018 No Responses

Lumen Middleware – JSON + gzip Response

<?php namespace App\Http\Middleware; use Closure; class responseHeadersMiddleware { /** * Handle an incoming request. * * @param \Illuminate\Http\Request $request * @param \Closure $next * @return mixed */ p...

10. May 2018 No Responses

Clipboard Browser API

Note: The API is still experimental and does not work along all browsers! Tested in current version of Google Chrome Desktop Browser. Write text to clipboard javascript function copyToClipboard(text) { navigato...

17. April 2018 No Responses

Moment.js drop unused languages

Add plugin to webpack.config.js javascript // Drop unused moment.js languages new webpack.ContextReplacementPlugin( /moment[\/\\]locale$/, /en|fr|de/ ), Read more: – https://webpack.js.org/plugins/context...

9. February 2018 No Responses

Create a sidebar layout using Angular Flex-Layout

I remember well the time before flex-layout, when creating a sidebar layout was kind of defeating a monster. But luckily today we have flex-layout at disposual, which made this kind of horror a thing of the pas...

7. February 2018 2 Responses

Separate Module for Angular Material Modules

If you are using Angular Material in your website or app, you can create a separate module for importing all material modules separated from your app.module.ts to avoid getting your code unreadable. Be aware, t...

2. May 2020 No Responses

Nativescript: Gradle build failing from commandline

Cause of the issue: Licenses not accepted To solve the issue: Opt-in: Android Studio > Sdk Manager > SDK Tools > Android SDK Command-Line Tools (latest) Run: ~/Library/Android/sdk/cmdline-tools/latest/bin/sdkma...

1. May 2020 No Responses

Install JDK on macOS 10.7+

Requirements: Homebrew 1. Install your favorite JDK version brew tap adoptopenjdk/openjdk brew install --cask adoptopenjdk8 brew install --cask adoptopenjdk9 brew install --cask adoptopenjdk10 brew install --ca...

31. December 2019 No Responses

Docker for Mac: Limit memory allocation

The Docker for mac GUI does not allow to configure less than 1GiB as allocated memory. In some cases you might want to configre a lower value, especially when you are limited to available RAM. You can set any v...

22. October 2018 No Responses

Webstorm live templates for TypeORM

Fast code generation shortcuts/live templates using with Webstorm/Phpstorm for TypeORM library.

30. August 2018 No Responses

Add basic IDE/Project config to any npm based app

Preconfigures a new npm based project via script

19. July 2018 No Responses

Use “npm install -g” without sudo

ONLY TESTED ON MAC OS! Getting rid of always prefixing sudo when installing a global npm package is pretty easy. Just two steps are needed.

18. May 2018 No Responses

ADB not finding device

Sometimes the command adb devices does not show up your connected Android device, despite it is wired. Here are some steps that might help to fix the issue. Make sure you have USB-Debugging enabled in your devi...

28. April 2018 No Responses

Ionic 3 serve browser with livereload

3. April 2018 No Responses

Prettier config

prettier.io – Configuration 1. Install prettier as dev dependency npm install --save-dev --save-exact prettier 2. Create prettier config file File: .prettierrc.json json { "printWidth": 120, "tabWidth": 3...

30. March 2018 No Responses

Web development tool stack

This is a collection of useful tools for any web development project. Can be used as checklist/steps. Setup your user account to install global npm packages without sudo Yarn – package manager Prettier ya...