बेड बघ 🧐

(Marathi for) Look at the bed
Visually create bed files for references or visualize references given a bed file
Compliments Bed Bugs

Project management

v0.0.1

• Has two columns for fasta and bed
• Works with lambda reference
• Works with linear DNA
• Can edit bed file
• Has two buttons to change results
• Deploy to gh-pages

v0.0.2

• Get sequence under selection
• [-] Highlight bed
• [-] Navigate to selection

v0.0.3

• Draw rest of the owl (Hero / Footer)

v0.0.4

• Add drag and drop

v0.0.5

• Track fasta name, and add correct fasta to bed

v0.0.1~alpha

• central index instead of selection
• Rewrite or refactor

Defer to v0.1

• Can add multiple reference
• Undo or redo
• Beautiful UI
• Download fasta, gtf, bed
• Disable buttons depending on selection
• Unittests
• Support Mb genomes
• Refactor
• Add sections: hero, footer
• Clear fasta, bed, all
• Add MPL License

Defer to v0.2

• Showcase
• Integration tests
• Support hg38
• faidx support
• Switch to a better css framework (mantine?)

Defer to v0.3

• Move away from SeqViz

Won't Do

• Can edit reference

Development

Importing seqviz

Setting up github actions

• Vite instructions fail as they're for npm and not bun
• Setup bun using these two guides:
  • https://bun.sh/guides/runtime/cicd
  • SO-77651333

React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

• Configure the top-level parserOptions property like this:

export default {
  // other rules...
  parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
  },
}

• Replace plugin:@typescript-eslint/recommended to plugin:@typescript-eslint/recommended-type-checked or plugin:@typescript-eslint/strict-type-checked
• Optionally add plugin:@typescript-eslint/stylistic-type-checked
• Install eslint-plugin-react and add plugin:react/recommended & plugin:react/jsx-runtime to the extends list