profile
viewpoint
If you are wondering where the data of this site comes from, please visit https://api.github.com/users/jeetiss/events. GitMemory does not store any data, but only uses NGINX to cache data for a period of time. The idea behind GitMemory is simply to give users a better reading experience.

jeetiss/covid19-russia 5

JSON time-series of coronavirus cases (confirmed, deaths and recovered) in Russia - updated daily

jeetiss/after.js 0

Next.js-like framework for server-rendered React apps built with React Router 4

jeetiss/afterjs-storybook-flow-starter 0

To quick start any new web app

push eventjeetiss/react-pdf-experiments

jeetiss

commit sha b0c9ea405e0362a48f2908cd5ca9bf4719694d28

bump repl

view details

push time in 2 days

issue commentdiegomura/react-pdf

flexbox elements doesn't stretch to full page size

the same layout with position absolute and full page block, doesn't work to

repl

jeetiss

comment created time in 2 days

issue openeddiegomura/react-pdf

flexbox elements doesn't stretch to full page size

Describe the bug flexbox elements doesn't stretch to full page size

To Reproduce Steps to reproduce the behavior including code snippet (if applies):

  1. Go to https://react-pdf.org/repl?code=140630f60760ce02e004b027806c0a6538178e06518b51c00b5551803a1002754043195002806f60e39c64057016c200b8e2b76ec009804b28001d92d4482039003334003c1401a362256a550045c4d1031c644100893af0816b48b8008d68800d601cca982e11440613064302a4b0077127a3b6d005f2d6d2f50c16111096959793865354d6d765d032354133301380b04a8877c807104c100467b3858e06d2571646424dca7170f2f1f7f40e0cb1a514a9150f15118224b0016000600520996ed4f5252e4f667374f6f5f00a090b2cdd45b26e8e068804a006e56f0687800212e772c38465bac003e6fb68003cfa300817817181fc7a408002ad1dca8043e0d09866120d0504a2046cd168439d840801ab8950a164410d118f439012789e83989a4f2752a9289a7b53a78a0401e84964fc4121c0c91102002a7a2849d503c38388a4505e2f225aa2848b79fcd0a0b093cf862305bcd07827890e843d5a00253a09961fa0018ad22ea25415118ef772dd5a5ea00000
  2. '....'
  3. '....'
  4. See error

the same layout in html , css

Expected behavior It should work how browser does https://codesandbox.io/s/great-lumiere-j7fx0?file=/index.html

Screenshots

How it looks: Снимок экрана 2021-09-16 в 11 19 41

How it should be: Снимок экрана 2021-09-16 в 11 19 32

Desktop (please complete the following information):

  • React-pdf version: current

<!-- Love react-pdf? Please consider supporting our collective: 👉 https://opencollective.com/react-pdf/donate -->

created time in 2 days

startedunjs/destr

started time in 3 days

startedsmartvotedocs/votesmart2021

started time in 3 days

push eventjeetiss/react-pdf-experiments

jeetiss

commit sha 6a85045b6ffa7a14c765813732da2bdccb33c046

add more exampes

view details

push time in 3 days

PR opened diegomura/react-pdf

fix links

all attributes are calculated from inherited props, but not link attribute. so when Link component contain other Text component or wrapped with Text - link attribute is going to hell and result is not clickable

fix #1469

+7 -5

0 comment

1 changed file

pr created time in 6 days

create barnchjeetiss/react-pdf

branch : fix-links

created branch time in 6 days

startedTrySound/postcss-value-parser

started time in 6 days

push eventjeetiss/react-pdf-experiments

jeetiss

commit sha a93dd6c26044103f5c1cb8fe3f8ca601cd03bcc8

hmr

view details

push time in 7 days

push eventjeetiss/react-pdf-experiments

jeetiss

commit sha 67ba9e47d77873b4b6ef6a38f821088b226033ab

test minPresenceAhead

view details

push time in 7 days

push eventjeetiss/react-pdf-experiments

jeetiss

commit sha 84294c8e372d047a17066b4c1ae11d85de186b9f

minPresenceAhead demo

view details

push time in 8 days

issue openeddiegomura/react-pdf

Internals or other private api for tools, libraries, etc

react-pdf dev tools

I made dev tools for @react-pdf/renderer for fun, it looks like 👇🏻 this 👇🏻

<details> <summary>screenshot</summary> Снимок экрана 2021-09-10 в 10 35 04 </details>

it shows parsed and computed styles, pages and react-prds rendering primitives after all pagination magic. it more helpful than debug prop, because it interactive ✨. I wanna make it more library like, and I have problem — @react-pdf/renderer doesn't provide layout info in any way, so maybe you have any ideas how it should work.

Describe the solution you'd like best solution here is dev-tool extension for chrome, but it requires alot of work and integration with react-pdf that usually used for rendering. I think that now will be enough some thing like reacts internal __DO_NOT_USE_OR_YOU_WILL_BE_FIRED or maybe something else.

How it works now I patch @react-pdf/renderer with patch-package library, yeaas this is hack, but it works

<details> <summary>and here the change</summary>

diff --git a/node_modules/@react-pdf/renderer/lib/react-pdf.browser.es.js b/node_modules/@react-pdf/renderer/lib/react-pdf.browser.es.js
index 52d4b40..bc8a9fe 100644
--- a/node_modules/@react-pdf/renderer/lib/react-pdf.browser.es.js
+++ b/node_modules/@react-pdf/renderer/lib/react-pdf.browser.es.js
@@ -219,7 +219,9 @@ var pdf = function pdf(initialValue) {
 
             case 6:
               layout = _context.sent;
-              return _context.abrupt("return", renderPDF(ctx, layout));
+              var result = renderPDF(ctx, layout);
+              result.__INTERNAL_LAYOUT = layout
+              return _context.abrupt("return", result);
 
             case 8:
             case "end":
@@ -264,6 +266,7 @@ var pdf = function pdf(initialValue) {
                     callOnRender({
                       blob: blob
                     });
+                    blob.__SECRET_LAYOUT_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = instance.__INTERNAL_LAYOUT
                     resolve(blob);
                   } catch (error) {
                     reject(error);

</details>

here the source: https://github.com/jeetiss/react-pdf-experiments

created time in 9 days

push eventjeetiss/react-pdf-experiments

jeetiss

commit sha a5bfad2771b6f1d6304a2bbaea807fb905a31286

remove react-pdf iternals

view details

push time in 10 days

push eventjeetiss/react-pdf-experiments

jeetiss

commit sha 98dea1d8b2ca21aae934ece43e937edc51e55a89

patch react-pdf and remove creation of new pdf instance

view details

push time in 10 days

startedrsms/fontkit

started time in 10 days

delete branch jeetiss/react-pdf

delete branch : inheritance

delete time in 11 days

issue commentdiegomura/react-pdf

textDecoration isn't flattened/merged correctly

@diegomura @danomatic do you know any other css properties that works in browser the same way as textDecoration? let fix them too.

danomatic

comment created time in 11 days

issue commentdiegomura/react-pdf

textDecoration isn't flattened/merged correctly

hello @danomatic thanks for detailed issue!

I create PR with fix for case with inherited textDecoration 👇🏻

<Text style={{ textDecoration: 'underline' }}>
  <Text style={{ textDecoration: 'line-through' }}>
    underline AND strikethrough
  </Text>
</Text>

and I think that your first example works properly now 👇🏻

<Text style={[{ textDecoration: 'underline' }, { textDecoration: 'line-through' }]}>
  underline AND strikethrough
</Text>

if we will merge textDecoration in this case too, it will breaks textDecoration disabling, and you can't disable it for links for example.

danomatic

comment created time in 11 days

PR opened diegomura/react-pdf

fix textDecoration inheritance

fix merge textDecoration style in inherited nodes

fix #1489

+60 -2

0 comment

2 changed files

pr created time in 11 days

create barnchjeetiss/react-pdf

branch : inheritance

created branch time in 11 days

push eventjeetiss/react-pdf

Dmitry Ivakhnenko

commit sha c9311aa3220999f77245fa8fe6acb954a269ee79

feat: convert type definitions to module (#1476)

view details

Michael Arthur

commit sha 9ca1407438119466108fd9303b8228a5e2777c9e

fix: issue with background color opacity never being selected (#1478)

view details

diegomura

commit sha ed7b1e1824b880a334553cb9e69a79a9a984e245

fix: background test file

view details

Diego Muracciole

commit sha ca360e0f7e0f2640c002968135bd939dafd86a03

chore: refactor renderer directory (#1487)

view details

Diego Muracciole

commit sha 891280a25698b039314868326b928dd235060213

feat: add svgkit package (#1488)

view details

push time in 11 days

starteddottostack/dotto.x

started time in 11 days

startedreactjs/react-codemod

started time in 12 days

startedmatthizou/jss-to-styled-components

started time in 13 days

starteddavidbonnet/astring

started time in 13 days

push eventjeetiss/react-pdf-experiments

jeetiss

commit sha b5034c0140cbaf7d08ca6eb633be9d085d763537

add multipage mode

view details

push time in 13 days

push eventjeetiss/react-pdf-experiments

jeetiss

commit sha 7f114ddbea7a8f4a556051b3fc7585302bffd93e

add pagination

view details

push time in 14 days

push eventjeetiss/react-pdf-experiments

jeetiss

commit sha 1a8072c1f1e333ab288dc33691dac016470d48ad

add window managment

view details

push time in 15 days