Ξ JupyterLab圣诞节主题

由Isabela Presedo-Floyd设计，在Quansight的Jovyans帮助下编码

使用

conda create -y -n jupyterlab-theme-christmas python=3.8 && \
  conda activate jupyterlab-theme-christmas && \
  pip install --pre jupyterlab==3.0.0rc10 jupyterlab_theme_christmas --upgrade --force-reinstall

# How to launch jupyter lab with a defined theme?
mkdir -p ~/.jupyter/lab/user-settings/\@jupyterlab/apputils-extension && \
  CONF="{ \"theme\": \"JupyterLab Christmas\" }" && \
  cat > ~/.jupyter/lab/user-settings/\@jupyterlab/apputils-extension/themes.jupyterlab-settings  <<EOF
${CONF}
EOF
jupyter lab

待办事项

• 更新启动器页面，例如https://github.com/fcollonval/jlab-enhanced-launcher
• 将variables.css简化到仅需要的CSS？
• 添加更多类似https://github.com/timkpaine/jupyterlab_miami_nights中的花哨UI，例如：搜索工具 +霓虹广告牌 + 折叠器 + 霓虹灯 + 滚动条 + FM-84的"Atlas"（兼容WebKit浏览器）+ 在演示模式下的惊喜（顶部菜单 --> 查看 --> 演示模式）

开发

# Build the extension and link for dev in shell 1.
jupyter labextension develop --overwrite

# List extensions.
jupyter labextension list
pip list | grep  jupyterlab-theme-christmas

# Run and watch jupyterlab in shell 1.
jlpm watch

# Run and watch jupyterlab in shell 2.
# Look at the remote entry javascript, a webpack5 feature.
mkdir ~/notebooks && \
  jupyter lab \
    --dev-mode \
    --watch \
    --notebook-dir=~/notebooks \
    --ServerApp.token= \
    --extensions-in-dev-mode

构建

# Generate sourcemaps.
jupyter labextension build --development True .
jupyter lab build --minimize=False

# Do not generate sourcemaps.
jupyter labextension build .
jupyter lab build

发布

pip install jupyter_packaging twine && \
  python setup.py sdist bdist_wheel && \
  twine upload dist/*

jlpm build:lib && \
  npm publish --access public