mi6gan/seine

Collection of React components to build editor of your content

seine's Issues

Debug via browserstack

Current iPhone 6 screenshots

1. Bar chart
   

2. column chart
   

3. Line chart
   

4. Pie chart
   

Next: bream-1137 Set grid default row gap to 12 (#207)

Fix y axis positioning bugs

The bugs:

1. Values are too close to axis line.
2. Arrow too large. Found in line chart.
3. Arrow should end exactly at the line end. Found in line chart.
4. Overlaps content. Found in column chart.

Next editor ui: table designer (basic implementation)

Add eslint rule to force material-ui macro imports

Next: image block

Add column chart element design panel

Next editor ui: richtext designer (basic implementation)

Set non-zero value for a new bar chart default item

fix text resizing in WebKit

For testing we would use Epiphany for desktop, and iOS for mobile

Set width of value labels in x axis with units set

bream-776 fix chart titles height and valign

Next: seine-1101 Reduce chart title heading size (#194)

Optimize webkit related computations in SvgTypography

Set main fields for public packages

Next: bream-1137 Reduce top vspacing of chart title (#206)

Use mobile format properties if exist (layout)

Wrong positioning and scaling of svg foreignObject in WebKit

Our SvgTypograhy component relies on foreignObject. Unfortunately, there is bug in Webkit that hasn't been resolved in about 10 years and there is no confidence it would be.

After some research we found this polyfill. It solves bug in most cases but breaks the ability of SvgTypography to rescale in predictable way, causes huge amount of rerenders and slows down everything as hell (tested in epiphany webkit-based browser).

Let's consider these ways to solve the issue:

1. Marpit-svg-polyfill readme claims that the nested SVG seems to be scaled correctly. So we may wrap child foreignObject by nested SVG

2. Replace foreignObject with text and tspan element

3. Render text in absolutely positioned html overlay.

Fix show legend renewal in bar chart editor

option must be unchecked

Optimize material-ui imports in storybook

Next: carp#316 Fix text alignment style in rich text (#214)

Add legend top padding

Add chart format hook to normalize defaults

carp#271 При добавлении новых groups/itmes в графиках вылетаем из редактирования

Next editor ui: grid designer (basic implementation)

Add constraint size units selector (px, %, etc)

Add bounding boxes for pie inner labels

Добавить выравнивания текста для titles в таблицах

как для:

carp#269 Если вставляем текст в ячейки для таблиц, автоматически не переносится

Если вставляем текст в ячейки для таблиц, автоматически не переносится

Set content dependant height of chart layout's description (legend) part

Next editor ui: charts designer (basic implementation)

Replace storybook css by base one from product

Fix uuid memoization on new block

Next: seine-1100 Reduce table cell v-padding (#196)

Measure text in single offscreen canvas

Implement related block insertion using frame placeholders

Remove material-ui core package from @seine/content dependencies

Add parent block to self children for structure editing

Next: Insert new item or layout in context menu in tree view

Use mobile format properties if exist (charts)

Next: copy/cut/paste item elements in tree view

Optimize CI/CD using rollup cache

Current workflow:

1. Work starts from creating issue branch using following pattern: seine-<issue-id>
2. Run install -> build -> test stages on pull request to master
3. Run install -> build -> test -> publish -> push-to-latest stages on pull request to master
4. Run install -> build -> test -> deploy-latest stages on pull request to latest

Todo: install and build phases should be cached to prevent reduntant tasks to run

Reference:

• Rollup: cache property
• Travis: caching dependencies and directories

Next: seine-1099 Add dekstop padding to single image block (#197)

Add bream related stories

Add block cut-paste actions

Use mobile format properties if exist (table)

Next: seine-1101 Reduce table title heading size (#195)

Add chart legend view

Recalculate pie chart gutter and radius values based on text metrics

Next editor ui: image designer (basic implementation)