Mar 21, 2023

CCoSVG

I updated Dev Container and Gitpod settings of CCoSVG.

I was developing on Gitpod in January, but when I resumed this month, I tried Dev Container and used it as the main.

But it seems that the site deployed from the Dev Container on M1 MacBook Air doesn't work. Edge DevTools shows the following error.

main.dart.js:4961
Uncaught TypeError: Cannot read properties of null (reading 'A$')
    at iX.gqy (main.dart.js:60448:27)
    at main.dart.js:60458:15
    at ar8.a (main.dart.js:4060:62)
    at ar8.$2 (main.dart.js:31691:14)
    at Object.X (main.dart.js:4046:10)
    at iX.RW (main.dart.js:60463:10)
    at iX.fo (main.dart.js:60452:21)
    at main.dart.js:38958:94
    at ar8.a (main.dart.js:4060:62)
    at ar8.$2 (main.dart.js:31691:14)

Deploying from Windows 11 works fine. The problem may happen only on mac, but I don't sure about it. I updated Gitpod settings to work with current code and confirmed that it deploys fine. I will deploy from Gitpod when I am working with M1 MBA.

Dev Container and Gitpod settings are like the following. The version of Flutter SDK included in gitpod/workspace-flutter is old, so I use the new one cloned from the repository.

.gitpod.yml

image:
  file: .gitpod.Dockerfile

vscode:
  extensions:
    - dart-code.dart-code
    - dart-code.flutter
    - donjayamanne.githistory
    - eamodio.gitlens

.gitpod.Dockerfile

FROM gitpod/workspace-flutter

USER root

RUN apt update
RUN apt install -y curl git unzip lv
RUN echo '. /usr/share/bash-completion/completions/git' >> ~/.bashrc

# Firebase CLI
RUN curl -fsSL https://deb.nodesource.com/setup_18.x | bash -
RUN apt update
RUN apt install -y nodejs
RUN npm install -g firebase-tools

USER gitpod

# Flutter SDK
RUN git clone -b 3.7.7 https://github.com/flutter/flutter.git $HOME/flutter
ENV PATH="$HOME/flutter/bin:$PATH"

.devcontainer/devcontainer.json

{
    "name": "Flutter",
    "dockerFile": "Dockerfile",
    "customizations": {
        "vscode": {
            "extensions": [
                "dart-code.dart-code",
                "dart-code.flutter",
                "donjayamanne.githistory",
                "eamodio.gitlens"
            ]
        }
    }
}

.devcontainer/Dockerfile

FROM debian

RUN apt update
RUN apt install -y curl git unzip lv
RUN echo '. /usr/share/bash-completion/completions/git' >> ~/.bashrc

# Flutter SDK
RUN git clone -b 3.7.7 https://github.com/flutter/flutter.git /opt/flutter
ENV PATH="/opt/flutter/bin:$PATH"

# Firebase CLI
RUN curl -fsSL https://deb.nodesource.com/setup_18.x | bash -
RUN apt update
RUN apt install -y nodejs
RUN npm install -g firebase-tools