比GitHub更酷更好玩：腾讯Coding后继者CNB

# 基于cnb默认的开发镜像
FROM cnbcool/default-dev-env:latest
 
# 设置环境变量
ENV NODE_VERSION=18.20.8
ENV NVM_DIR=/root/.nvm
ENV PNPM_HOME=/root/.pnpm
ENV PATH=/root/.yarn/bin:${PNPM_HOME}:/root/.nvm/versions/node/v${NODE_VERSION}/bin:$PATH
 
# 安装 code-server 及其扩展
RUN curl -fsSL https://code-server.dev/install.sh | sh && \
    code-server --install-extension naumovs.color-highlight \
    code-server --install-extension pranaygp.vscode-css-peek \
    code-server --install-extension dbaeumer.vscode-eslint \
    code-server --install-extension eamodio.gitlens \
    code-server --install-extension ionutvmi.path-autocomplete \
    code-server --install-extension christian-kohler.path-intellisense \
    code-server --install-extension esbenp.prettier-vscode \
    code-server --install-extension rvest.vs-code-prettier-eslint \
    code-server --install-extension MarsCode.marscode-extension \
    code-server --install-extension Vue.volar \
    code-server --install-extension yzhang.markdown-all-in-one \
    code-server --install-extension shd101wyy.markdown-preview-enhanced \
    code-server --install-extension unifiedjs.vscode-mdx && \
    echo done
 
# 安装 zsh 并清理缓存
RUN echo "deb http://mirrors.aliyun.com/debian/ bullseye main non-free contrib" > /etc/apt/sources.list && \
    echo "deb-src http://mirrors.aliyun.com/debian/ bullseye main non-free contrib" >> /etc/apt/sources.list && \
    echo "deb http://mirrors.aliyun.com/debian-security/ bullseye-security main" >> /etc/apt/sources.list && \
    echo "deb-src http://mirrors.aliyun.com/debian-security/ bullseye-security main" >> /etc/apt/sources.list && \
    echo "deb http://mirrors.aliyun.com/debian/ bullseye-updates main non-free contrib" >> /etc/apt/sources.list && \
    echo "deb-src http://mirrors.aliyun.com/debian/ bullseye-updates main non-free contrib" >> /etc/apt/sources.list && \
    apt-get update && apt-get install -y zsh rar && \
    apt-get clean && rm -rf /var/lib/apt/lists/*
 
# 安装 nvm
RUN curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.2/install.sh | bash
 
# 安装 Node.js 版本
RUN bash -c "source $NVM_DIR/nvm.sh && \
    nvm install ${NODE_VERSION} && \
    nvm alias default ${NODE_VERSION} && \
    nvm install 16 && \
    nvm install 18 && \
    nvm install 20"
 
# 配置 npm 和 pnpm 镜像
RUN bash -c "source $NVM_DIR/nvm.sh && \
    npm config set registry https://registry.npmmirror.com && \
    npm install -g typescript yarn bun && \
    npm install -g pnpm@7.33.6 && \
    pnpm config set registry https://registry.npmmirror.com"
 
# 安装 Oh My Zsh
RUN sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)" "" --unattended
 
# 复制脚本并设置权限
COPY sharefile.sh /usr/local/bin/sharefile
RUN chmod 755 /usr/local/bin/sharefile
 
# 配置 nvm 到 zshrc
RUN echo 'export NVM_DIR="$HOME/.nvm"' >> ~/.zshrc && \
    echo '[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm' >> ~/.zshrc && \
    echo '[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion' >> ~/.zshrc && \
    echo 'export LC_ALL=C.UTF-8' >> ~/.zshrc && \
    echo 'export LANG=C.UTF-8' >> ~/.zshrc
 
# 设置入口点
ENTRYPOINT ["zsh", "-c", "source $NVM_DIR/nvm.sh && exec /bin/zsh"]
 
# 设置默认 shell 为 zsh
RUN chsh -s $(which zsh)
 
# 设置语言环境
ENV LANG C.UTF-8
ENV LANGUAGE C.UTF-8

# .cnb.yml
$:
  vscode:
    - runner:
        cpus: 64
      dokcer:
        image: 
          name: docker.cnb.cool/xxxxxx/workspace-node
      services:
        - vscode
        - docker
 
main:
  push:
    - runner:
        cpus: 64
      services:
        - docker
      stages:
        - name: docker build
          script: docker build -t ${CNB_DOCKER_REGISTRY}/${CNB_REPO_SLUG_LOWERCASE}:latest .
        - name: docker push
          script: docker push ${CNB_DOCKER_REGISTRY}/${CNB_REPO_SLUG_LOWERCASE}:latest

# .cnb.yml
$:
  vscode:
    - runner:
        cpus: 4
      services:
        - vscode
        - docker
      #这里是导入环境变量，对应的yml文件是我的私有仓库中的文件，导入后可以使用里面的变量
      imports: https://cnb.cool/xxxx/kyes/-/blob/main/keys.yml
      docker:
        image: 
          # 我使用了我的开发环境镜像，它是一个私有仓库的制品，所以需要用户名和密码，用户名密码在cnb个人设置里面创建token
          name: docker.cnb.cool/xxxx/node-dev
          # 导入我的cnb用户名
          dockerUser: $CNB_USER
          # 导入我的cnbtoken
          dockerPassword: $CNB_TOKEN
        volumes:
          # 把node_moduels缓存起来，这样每次进入开发环境不用重复安装依赖
          - node_modules:copy-on-write
      stages:
        # 开发环境启动后会执行的任务
        - name: install
          script: npm i --force