Forem: Kamil Kujawiński

Search Sofascore from Your Browser's Address Bar

Kamil Kujawiński — Tue, 21 Apr 2026 21:21:18 +0000

I watch a lot of football and I'm constantly looking things up on Sofascore. Opening the site, clicking the magnifier, typing — it adds up. What I want is: type sofa barcelona in my address bar, hit Enter, land on the search results.

Sofascore's URL doesn't accept a ?q= parameter natively, and the search input is a React-controlled field that ignores programmatically-set values. Getting from the address bar to a live Sofascore search takes three pieces:

A browser keyword shortcut that routes sofa <query> to Sofascore with the query attached as ?q=
A Tampermonkey userscript that reads ?q= on page load and feeds it into the search box
A local typing service that actually types the query, key by key, because the React input won't accept anything less

1. Add the browser keyword

Chrome (and any Chromium browser) supports address-bar search keywords. Add one pointing at Sofascore:

Open chrome://settings/searchEngines
Click Add under "Site search"
Set:
- Name: Sofascore
- Shortcut: sofa
- URL: https://www.sofascore.com/pl/?q=%s

Firefox and Safari have equivalent settings — the important part is the %s placeholder, which the browser replaces with whatever you typed after the keyword.

Now typing sofa barcelona in the address bar navigates to https://www.sofascore.com/pl/?q=barcelona. Sofascore itself ignores the ?q=; the userscript picks it up from there.

2. Userscript: turn ?q= into a real search

Install Tampermonkey, then add this script:

// ==UserScript==
// @name         Websearch for Sofascore
// @namespace    https://digit11.com/
// @version      1.0.0
// @description  Forward ?q= search terms into Sofascore's search input via Real Type
// @author       kkujawinski
// @match        https://www.sofascore.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=sofascore.com
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    const TYPING_SERVER_URL = 'http://localhost:8765';

    async function realType(text, options = {}) {
        const {
            delay = 2,
            focusFirst = true
        } = options;

        // Focus the current element if requested
        if (focusFirst && document.activeElement) {
            document.activeElement.focus();
        }

        // Small delay to ensure focus
        await new Promise(resolve => setTimeout(resolve, 100));

        // Send to macOS typing service
        try {
            const response = await fetch(TYPING_SERVER_URL + '/type', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify({ text, delay })
            });

            if (!response.ok) {
                throw new Error(`Server responded with ${response.status}`);
            }

            const result = await response.json();
            console.log('Typing completed:', result);
            return result;
        } catch (error) {
            console.error('Failed to connect to typing service:', error);
            console.log('Make sure the macOS typing service is running on port 8765');
            throw error;
        }
    }


    function getQueryParam(name) {
        const urlParams = new URLSearchParams(window.location.search);
        return urlParams.get(name) || '';
    }

    const searchValue = getQueryParam('q').replace(/\/+$/, '');
    if (searchValue) {
        (async function simulateFocusClickLoop() {
            let input;
            let maxAttempts = 50;
            while (!(input = document.querySelector('input#search-input'))) {
                maxAttempts--;
                if (maxAttempts === 0) {
                    break;
                }
                await new Promise(r => setTimeout(r, 10));
            }

            maxAttempts = 100;
            while (!(document.querySelector('.z_dropdown input[type="radio"][name="all"]'))) {
                maxAttempts--;
                if (maxAttempts === 0) {
                    break;
                }
                console.log('focusing...');
                input.focus();
                input.click();
                await new Promise(r => setTimeout(r, 10));
            }
            await new Promise(r => setTimeout(r, 30));
            await realType(searchValue);
            // input.value = searchValue;
            // input.dispatchEvent(new InputEvent('input', { bubbles: true }));
        })();
    }
})();

The script:

Reads the q query parameter (with a trailing-slash guard for browsers that append one).
Polls for input#search-input to appear, then focuses and clicks it in a loop until the search dropdown (.z_dropdown input[type="radio"][name="all"]) shows up — Sofascore's signal that the input is ready to accept keystrokes.
Calls realType(searchValue), which forwards the query to a local typing server.

Why not just input.value = searchValue? That's the commented-out line at the bottom — it's what you reach for first, and it doesn't work. React's controlled-input handlers ignore the direct assignment, and dispatching a synthetic InputEvent gets filtered out too. The search input stays empty.

The typing server exists for exactly this reason. That's the last piece.

3. Real Type — typing like a real keyboard

Repo: kkujawinski/real-type-server

The AppleScript doing the work

The core is a handful of AppleScript lines driving System Events:

tell application "System Events"
    repeat with i from 1 to length of textToType
        set currentChar to character i of textToType
        keystroke currentChar
        delay charDelay
    end repeat
end tell

keystroke is the important bit. Unlike pasting or setting a field's value, it emits events indistinguishable from a real keyboard. The target app sees key-down / key-up events arriving at human pace, so input validators, focus handlers — all of it just works. Sofascore's React input included.

The standalone macos-typer.applescript file wraps this loop so you can invoke it directly:

osascript macos-typer.applescript "hello world" 50

A tiny Python server in front

To make the typer callable from a browser userscript — or a shell alias, or another machine on localhost — there's a thin Python HTTP server (osascript-typing-server.py) on port 8765. It's http.server from the stdlib, no dependencies.

It accepts one route, POST /type, reads { "text", "delay" } from the JSON body, escapes the text for AppleScript, shells out to osascript -e …, and returns a JSON status. You can call it straight from a webpage — exactly what the userscript does.

curl -X POST http://localhost:8765/type \
  -H 'Content-Type: application/json' \
  -d '{"text": "Hello, world!", "delay": 50}'

That's the whole server. The value isn't in the Python — it's in giving the AppleScript a stable local endpoint.

Autostart at login

install-autostart.sh writes a LaunchAgent plist to ~/Library/LaunchAgents/ and launchctl loads it. From then on the server boots with your user session, restarts automatically if it crashes, and logs to /tmp/osascript-typing-server.log. One-time setup: grant Accessibility permission to the Python binary the installer reports, otherwise keystroke silently no-ops.

uninstall-autostart.sh and check-status.sh handle the rest of the lifecycle.

Full source, install scripts, and the LaunchAgent plist are in the repo.

Putting it together

With the three pieces in place, the flow is:

Type sofa barcelona in the address bar, hit Enter.
Browser navigates to https://www.sofascore.com/pl/?q=barcelona.
Userscript waits for the search input to be ready, then hands the query off to the typing server.
Real Type types barcelona into the focused field at human pace.
Sofascore's search dropdown fills with live results.

The same pattern works for any site whose search resists synthetic input — swap the selector and the keyword URL, and you've got another shortcut.

Monitor Google Cloud Platform Costs on Your iPhone and Apple Watch

Kamil Kujawiński — Mon, 23 Mar 2026 18:51:37 +0000

Keep an eye on your GCP costs right from your wrist. Don't let autoscaling silently run up your bill — stay informed with a quick glance at your iPhone or Apple Watch.

Here's the plan:

Configure GCP billing export to a BigQuery table
Create an n8n workflow that queries BigQuery for cost data
Set up a widget in API Widgets to display the results

Configure GCP Billing Export to BigQuery

1. Enable the BigQuery API in GCP

2. Enable billing export to BigQuery

3. Create a service account for BigQuery access

gcloud iam service-accounts create n8n-bigquery-reader \
  --display-name="n8n BigQuery Reader" \
  --project=YOUR_PROJECT_ID

4. Assign minimal permissions

The service account needs just two roles:

bigquery.jobUser — allows running queries
bigquery.dataViewer — allows reading tables and views (read-only)

# Allow running queries and reading results
gcloud projects add-iam-policy-binding YOUR_PROJECT_ID \
  --member="serviceAccount:n8n-bigquery-reader@YOUR_PROJECT_ID.iam.gserviceaccount.com" \
  --role="roles/bigquery.jobUser"

# Allow reading data from datasets and tables
gcloud projects add-iam-policy-binding YOUR_PROJECT_ID \
  --member="serviceAccount:n8n-bigquery-reader@YOUR_PROJECT_ID.iam.gserviceaccount.com" \
  --role="roles/bigquery.dataViewer"

5. Generate a service account key for n8n

gcloud iam service-accounts keys create n8n-bigquery-key.json \
  --iam-account=n8n-bigquery-reader@YOUR_PROJECT_ID.iam.gserviceaccount.com

This generates a n8n-bigquery-key.json file containing the service account credentials. You'll use this file to authenticate the BigQuery node in n8n.

Set Up the n8n Workflow

The workflow exposes a webhook endpoint that API Widgets can call. When triggered, it queries BigQuery for your billing data, groups costs by date and service, and returns the results as JSON.

The workflow consists of five nodes:

Webhook — listens for incoming requests (accepts an optional days query parameter, defaults to 14)
Configure variables — sets the BigQuery table name and the number of days to query
Execute BigQuery — runs a SQL query that aggregates daily costs by service
Format data — transforms the results into a structured JSON response with daily totals and per-service breakdowns
Respond to Webhook — sends the formatted data back to the caller

You can import the workflow into your n8n instance using the JSON file: GCP Billing costs.json. Make sure to update the table_name variable in the "Configure variables" node to match your BigQuery billing export table.

Configure API Widgets

1. Download API Widgets from the App Store.

2. Create a new widget and configure the API endpoint in the Source tab, pointing it to your n8n webhook URL.

3. Set up the visualization in the Design tab.

4. Add a home screen widget and link it to the one you just created.

The widget also works on Apple Watch — view your costs at a glance from your wrist:

Using Cloudflare SSL with Elastic Beanstalk instances

Kamil Kujawiński — Sat, 04 Jan 2025 16:06:04 +0000

Motivation:

To obtain a free SSL certificate (by Let's Encrypt) for your web application without the hassle of renewing it every three months, consider the following approach.

The simplest solution is to use a Load Balancer and attach an SSL certificate from AWS Certificate Manager (ACM) to it. However, relying on a Load Balancer solely for HTTPS may be costly. To address this, I’ve outlined a much more affordable alternative that requires a bit of configuration.

Additionally, in this post, I explain how to configure SSL for an Elastic Beanstalk instance, as I found the existing documentation and available resources to be somewhat outdated.

Keyword of the solution is Cloudflare.

Cloudflare offers a proxy feature that enables you to set up a free SSL certificate while securely proxying traffic to your host.

In Flexible mode, the communication between Cloudflare and AWS is not encrypted. If you prefer end-to-end encryption, you can opt for Full mode instead.

Steps

1. Add your domain to Cloudflare.

In the DNS settings, configure your domain as proxied.
In the SSL/TLS settings, select Full (strict) mode for end-to-end encryption.

2. Generate an Origin Certificate in Cloudflare

Go to the SSL/TLS > Origin Server section in Cloudflare.
Generate a certificate valid for up to 15 years.
Use this certificate to configure SSL in AWS Elastic Beanstalk.

3. Store Certificates in AWS Secrets Manager:

Save the server.crt and server.key files as secrets in AWS Secrets Manager.
Use the following secret names: /app/ssl/server-crt and /app/ssl/server-key

4. Grant IAM Role Access to Secrets:

In AWS IAM add a new policy named ReadSSLSecretKeys for the role aws-elasticbeanstalk-ec2-role with the following permissions:

{
  "Version": "2012-10-17",
  "Statement": [
    {
      "Effect": "Allow",
      "Action": "ssm:GetParameter",
      "Resource": "arn:aws:ssm:region:account_id:parameter/app/ssl/server-crt"
    },
    {
      "Effect": "Allow",
      "Action": "ssm:GetParameter",
      "Resource": "arn:aws:ssm:region:account_id:parameter/app/ssl/server-key"
    }
  ]
}

5. Configure your Elastic Beanstalk deployment to listen on port `443` and use the Origin Certificate generated in Cloudflare (stored in AWS Secrets Manager) do changes in the following files:

.ebextensions/01_https-instance-securitygroup.config

Resources:
  sslSecurityGroupIngress:
    Type: AWS::EC2::SecurityGroupIngress
    Properties:
      GroupId: {"Fn::GetAtt" : ["AWSEBSecurityGroup", "GroupId"]}
      IpProtocol: tcp
      ToPort: 443
      FromPort: 443
      CidrIp: 0.0.0.0/0

.ebextensions/02_https-instance.config

files:
  /etc/pki/tls/certs/server.crt:
    mode: "000400"
    owner: root
    group: root
    content: |
      -----BEGIN CERTIFICATE-----
      certificate file contents
      -----END CERTIFICATE-----

  /etc/pki/tls/certs/server.key:
    mode: "000400"
    owner: root
    group: root
    content: |
      -----BEGIN RSA PRIVATE KEY-----
      private key contents # See note below.
      -----END RSA PRIVATE KEY-----

container_commands:
  01_fetch_server_crt:
    command: |
      aws ssm get-parameter --name "/app/ssl/server-crt" --with-decryption --query "Parameter.Value" --output text > /etc/pki/tls/certs/server.crt
  02_fetch_server_key:
    command: |
      aws ssm get-parameter --name "/app/ssl/server-key" --with-decryption --query "Parameter.Value" --output text > /etc/pki/tls/certs/server.key

.platform/nginx/conf.d/https.conf

server {
    listen 443 ssl;

    ssl_certificate /etc/pki/tls/certs/server.crt;
    ssl_certificate_key /etc/pki/tls/certs/server.key;

    ssl_session_timeout 5m;

    ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
    ssl_prefer_server_ciphers on;

    location / {
      proxy_pass http://127.0.0.1:8000;
      proxy_http_version 1.1;

      proxy_set_header Connection "";
      proxy_set_header Host $host;
      proxy_set_header X-Real-IP $remote_addr;
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      proxy_set_header X-Forwarded-Proto https;
    }
}