refactor two widgets code #458

	name: Build extension

	on:
	pull_request:
	branches:
	- '*'

	jobs:
	build:
	runs-on: ubuntu-latest
	steps:
	- name: Checkout
	uses: actions/checkout@v3

	- name: Set up Node.js
	uses: actions/setup-node@v3
	with:
	node-version: 'lts/*'

	- name: Install Yarn
	run: corepack enable

	- name: Install Python
	uses: actions/setup-python@v4
	with:
	python-version: '3.12'
	architecture: 'x64'

	- name: Setup pip cache
	uses: actions/cache@v3
	with:
	path: ~/.cache/pip
	key: pip-3.12-${{ hashFiles('package.json') }}
	restore-keys: \|
	pip-3.12-
	pip-

	- name: Get yarn cache directory path
	id: yarn-cache-dir-path
	run: echo "::set-output name=dir::$(yarn cache dir)"

	- name: Setup yarn cache
	uses: actions/cache@v3
	id: yarn-cache
	with:
	path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
	key: yarn-${{ hashFiles('**/yarn.lock') }}
	restore-keys: \|
	yarn-

	- name: Install dependencies
	run: python -m pip install -U jupyterlab jupyter_packaging jupyterlab_widgets

	- name: Use existing lockfile
	run: yarn install --frozen-lockfile

	- name: Build the extension
	working-directory: js
	run: npm install

Provide feedback