Remove unused code and deps (#467)

Author: askoufis

.changeset/nice-rules-roll.md

@@ -0,0 +1,5 @@
+---
+'playroom': patch
+---
+
+Remove unused code, remove unused deps, update `sucrase` to latest version

cypress/support/utils.ts

@@ -411,7 +411,7 @@ export const loadPlayroomWithAppearance = (
   loadPlayroom(initialCode);
 };
 
-export const typeInSearchField = (text: string) =>
+const typeInSearchField = (text: string) =>
   cy.get('.CodeMirror-search-field').type(text);
 
 export const findInCode = (
@@ -504,9 +504,6 @@ export const assertCodePaneSearchMatchesCount = (lines: number) => {
   );
 };
 
-export const assertZeroStateIsVisible = () =>
-  cy.findByTestId('zeroState').should('be.visible');
-
 export const assertColourMode = (mode: 'dark' | 'light') => {
   cy.document().then((doc) => {
     expect(doc.documentElement.getAttribute('data-playroom-dark')).to.equal(

package.json

@@ -85,7 +85,6 @@
     "@capsizecss/metrics": "^3.5.0",
     "@capsizecss/vanilla-extract": "^2.0.4",
     "@soda/friendly-errors-webpack-plugin": "^1.8.1",
-    "@types/base64-url": "^2.2.0",
     "@types/codemirror": "^5.60.5",
     "@types/prettier": "^2.7.1",
     "@types/react": "^18.0.0 || ^19.0.0",
@@ -121,7 +120,7 @@
     "react-error-boundary": "^4.0.13",
     "read-pkg-up": "^7.0.1",
     "scope-eval": "^1.0.0",
-    "sucrase": "^3.34.0",
+    "sucrase": "^3.35.1",
     "tinyglobby": "^0.2.12",
     "typescript": ">=5.0.0",
     "use-debounce": "^10.0.0",
@@ -137,7 +136,6 @@
     "@testing-library/cypress": "^10.1.0",
     "@types/jest": "^29.2.4",
     "@types/node": "^18.11.9",
-    "@types/webpack-env": "^1.18.8",
     "concurrently": "^9.1.2",
     "cypress": "^15.5.0",
     "eslint": "^9.23.0",

pnpm-lock.yaml

@@ -4,7 +4,7 @@ import { minTouchableBeforePseudo } from '../../css/shared.css';
 import { sprinkles, colorPaletteVars } from '../../css/sprinkles.css';
 import { vars } from '../../css/vars.css';
 
-export const sizeVar = createVar();
+const sizeVar = createVar();
 
 const reset = style([
   sprinkles({

src/components/Button/Button.css.ts

@@ -12,8 +12,8 @@ import { minTouchableBeforePseudo } from '../../css/shared.css';
 import { colorPaletteVars, sprinkles } from '../../css/sprinkles.css';
 import { vars } from '../../css/vars.css';
 
-export const sizeVar = createVar();
-export const foreground = createVar();
+const sizeVar = createVar();
+const foreground = createVar();
 
 export const button = style([
   sprinkles({

src/components/ButtonIcon/ButtonIcon.css.ts

@@ -57,7 +57,7 @@ export const ButtonIcon = forwardRef<HTMLButtonElement, ButtonIconProps>(
   )
 );
 
-export type AnchorElementProps = Omit<
+type AnchorElementProps = Omit<
   AllHTMLAttributes<HTMLAnchorElement>,
   'style' | 'className' | 'size'
 > & {