codesandbox / codesandbox/codesandbox-client

Invalid transformation of static fields

Open
#7,166 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
13.6k
Forks
2.4k
Avg merge
6d 19h
Merged PRs (30d)
2

Description

🐛 bug report

Preflight Checklist

  • I have read the Contributing Guidelines for this project.
  • I agree to follow the Code of Conduct that this project
    adheres to.
  • I have searched the issue tracker for an issue that matches the one I want
    to file, without success.

Description of the problem

Codesandbox's bundler incorrectly transforms static fields.

How has this issue affected you? What are you trying to accomplish?

Non-working sandbox

To Reproduce

https://codesandbox.io/s/sad-scott-ylf7zo

class BarController extends DatasetController {
  static id = 'bar'
  static (0, $csb__segment_js.d) = { // <----- originally static defaults
    datasetElementType: false,
    dataElementType: 'bar',
    categoryPercentage: 0.8,
    barPercentage: 0.9,
    grouped: true,
    animations: {
      numbers: {
        type: 'number',
        properties: ['x', 'y', 'base', 'width', 'height']
      }
    }
  }
  static (0, $csb__segment_js.a3) = { // <----- originally static overrides
    scales: {
      _index_: {
        type: 'category',
        offset: true,
        grid: {
          offset: true
        }
      },
      _value_: {
        type: 'linear',
        beginAtZero: true
      }
    }
  }

Originally it defaults and overrides fields. There are also exports with the same names.

Your Environment
Software Name/Version
Сodesandbox current
Browser every
Operating System every

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the linked CodeSandbox reproduction and compare the generated class fields with the original defaults and overrides fields shown in the report. Trace the Codesandbox bundler transformation that produces the (0, $csb__segment_js...) field names, including the same-named exports. Done means static fields and exports retain their intended names in the bundled output.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
build-system
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.