ref(ui): Avoid full-page load indicator after project creation - #12842

Merged
evanpurkhiser merged 1 commit into
masterfrom
refui-avoid-fullpage-load-indicator-after-project-creation
May 30, 2019
Merged

ref(ui): Avoid full-page load indicator after project creation#12842
evanpurkhiser merged 1 commit into
masterfrom
refui-avoid-fullpage-load-indicator-after-project-creation

Conversation

@evanpurkhiser

@evanpurkhiserevanpurkhiser commented Apr 18, 2019

Copy link
Copy Markdown
Member

Currently after project creation, the entire org context component would
remount. This should be unneeded, we should be able to just propegate
org context downThis is un-needed, instead we can just propegate org
context down.

Not positive 100% positive though, the old context API might be the reason we have to do this.

@evanpurkhiser
evanpurkhiser requested a review from a teamApril 18, 2019 18:36
@markstory

Copy link
Copy Markdown
Member

We still use the old context APIs in a few places. Will they drop state updates with this?

@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

I'm not sure. I'm working on a new onboarding flow, and part of it creates a project for them (which happens after they select a platform) and right now for a split second it displays a loading indicator.

@billyvg

Copy link
Copy Markdown
Member

It should be fine because fetchData updates the state when it's completed?

@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

My concern here is around usage of the old context API. From the docs:

Don’t do it.

React has an API to update context, but it is fundamentally broken and you should not use it.

which is maybe why we have been completely remounting?

@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

Probably going to try and get this merged soon.

It affects the onboarding experience since the page effectively reloads when they create the project during that flow.

@evanpurkhiser
evanpurkhiserforce-pushed the refui-avoid-fullpage-load-indicator-after-project-creation branch from 837c463 to fdcec74CompareMay 30, 2019 19:35
@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

I think this is safe. Could I get an approval on this. The new onboarding experience isn't great without it, since it effectively reloads the page.

@evanpurkhiser
evanpurkhiser merged commit 75b6163 into masterMay 30, 2019
@evanpurkhiser
evanpurkhiser deleted the refui-avoid-fullpage-load-indicator-after-project-creation branch May 30, 2019 20:32
jan-auer added a commit that referenced this pull request May 30, 2019
* master: (30 commits)
ref(ui): Avoid full-page load indicator after project creation (#12842)
ref(events-v2) Use an object target instead building URLs (#13471)
ref(onboarding): Improve alerts from wizard docs (#13469)
feat(app-platform): integration feature models, serializer, endpoints (#13377)
ref(onboarding): Improve platform picker hover color (#13468)
chore: New SDK versions (#13465)
feat(events-v2) Add rough sketch of event modal (#13415)
chore(south) Update south state to use new jsonfield (#13466)
fix(events-v2): Fix search filter (#13454)
chore: Vendor JSONField to fix runtime warnings and reduce future upgrade pain (#13397)
test(events-v2): Fix dynamic values in Percy (#13463)
dx(notion): Upgrade from `notion` to `volta` (#13452)
feat(onboarding): Add warning for when docs are missing examples (#13445)
misc(metrics): First pass at un-sampled single metric paths. (#13434)
fix(integrations) Fix missing identity link on re-install (#13450)
fix(api): Fix bug when creating incident comments while logged in as another user.
fix(api): Fix task error on incident creation
chore(SDK's): Update various SDK versions/urls (#13225)
chore: Make exports and imports match (#13449)
feat(ui): Add message in Incidents list for creating an incident [SEN-694] (#13436)
...
evanpurkhiser added a commit that referenced this pull request Jul 10, 2020
I had originally fixed the same problem in [0] and then looks like it
was refactored in [1], without the `silent` flag that I had introduced
[2] for trialing
[0]: #12842
[1]: 7ff0f57#diff-b53a62e33ed69961e43e0cc24634616eR101
[2]: #15165
@github-actionsgithub-actionsBot locked and limited conversation to collaborators Dec 20, 2020
Sign up for freeto subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@evanpurkhiser@markstory@billyvg
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content

ref(ui): Avoid full-page load indicator after project creation - #12842

Merged
evanpurkhiser merged 1 commit into
masterfrom
refui-avoid-fullpage-load-indicator-after-project-creation
May 30, 2019
Merged

ref(ui): Avoid full-page load indicator after project creation#12842
evanpurkhiser merged 1 commit into
masterfrom
refui-avoid-fullpage-load-indicator-after-project-creation

Conversation

@evanpurkhiser

@evanpurkhiserevanpurkhiser commented Apr 18, 2019

Copy link
Copy Markdown
Member

Currently after project creation, the entire org context component would
remount. This should be unneeded, we should be able to just propegate
org context downThis is un-needed, instead we can just propegate org
context down.

Not positive 100% positive though, the old context API might be the reason we have to do this.

@evanpurkhiser
evanpurkhiser requested a review from a teamApril 18, 2019 18:36
@markstory

Copy link
Copy Markdown
Member

We still use the old context APIs in a few places. Will they drop state updates with this?

@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

I'm not sure. I'm working on a new onboarding flow, and part of it creates a project for them (which happens after they select a platform) and right now for a split second it displays a loading indicator.

@billyvg

Copy link
Copy Markdown
Member

It should be fine because fetchData updates the state when it's completed?

@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

My concern here is around usage of the old context API. From the docs:

Don’t do it.

React has an API to update context, but it is fundamentally broken and you should not use it.

which is maybe why we have been completely remounting?

@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

Probably going to try and get this merged soon.

It affects the onboarding experience since the page effectively reloads when they create the project during that flow.

@evanpurkhiser
evanpurkhiserforce-pushed the refui-avoid-fullpage-load-indicator-after-project-creation branch from 837c463 to fdcec74CompareMay 30, 2019 19:35
@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

I think this is safe. Could I get an approval on this. The new onboarding experience isn't great without it, since it effectively reloads the page.

@evanpurkhiser
evanpurkhiser merged commit 75b6163 into masterMay 30, 2019
@evanpurkhiser
evanpurkhiser deleted the refui-avoid-fullpage-load-indicator-after-project-creation branch May 30, 2019 20:32
jan-auer added a commit that referenced this pull request May 30, 2019
* master: (30 commits)
ref(ui): Avoid full-page load indicator after project creation (#12842)
ref(events-v2) Use an object target instead building URLs (#13471)
ref(onboarding): Improve alerts from wizard docs (#13469)
feat(app-platform): integration feature models, serializer, endpoints (#13377)
ref(onboarding): Improve platform picker hover color (#13468)
chore: New SDK versions (#13465)
feat(events-v2) Add rough sketch of event modal (#13415)
chore(south) Update south state to use new jsonfield (#13466)
fix(events-v2): Fix search filter (#13454)
chore: Vendor JSONField to fix runtime warnings and reduce future upgrade pain (#13397)
test(events-v2): Fix dynamic values in Percy (#13463)
dx(notion): Upgrade from `notion` to `volta` (#13452)
feat(onboarding): Add warning for when docs are missing examples (#13445)
misc(metrics): First pass at un-sampled single metric paths. (#13434)
fix(integrations) Fix missing identity link on re-install (#13450)
fix(api): Fix bug when creating incident comments while logged in as another user.
fix(api): Fix task error on incident creation
chore(SDK's): Update various SDK versions/urls (#13225)
chore: Make exports and imports match (#13449)
feat(ui): Add message in Incidents list for creating an incident [SEN-694] (#13436)
...
evanpurkhiser added a commit that referenced this pull request Jul 10, 2020
I had originally fixed the same problem in [0] and then looks like it
was refactored in [1], without the `silent` flag that I had introduced
[2] for trialing
[0]: #12842
[1]: 7ff0f57#diff-b53a62e33ed69961e43e0cc24634616eR101
[2]: #15165
@github-actionsgithub-actionsBot locked and limited conversation to collaborators Dec 20, 2020
Sign up for freeto subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@evanpurkhiser@markstory@billyvg
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

ref(ui): Avoid full-page load indicator after project creation - #12842

Merged
evanpurkhiser merged 1 commit into
masterfrom
refui-avoid-fullpage-load-indicator-after-project-creation
May 30, 2019
Merged

ref(ui): Avoid full-page load indicator after project creation#12842
evanpurkhiser merged 1 commit into
masterfrom
refui-avoid-fullpage-load-indicator-after-project-creation

Conversation

@evanpurkhiser

@evanpurkhiserevanpurkhiser commented Apr 18, 2019

Copy link
Copy Markdown
Member

Currently after project creation, the entire org context component would
remount. This should be unneeded, we should be able to just propegate
org context downThis is un-needed, instead we can just propegate org
context down.

Not positive 100% positive though, the old context API might be the reason we have to do this.

@evanpurkhiser
evanpurkhiser requested a review from a teamApril 18, 2019 18:36
@markstory

Copy link
Copy Markdown
Member

We still use the old context APIs in a few places. Will they drop state updates with this?

@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

I'm not sure. I'm working on a new onboarding flow, and part of it creates a project for them (which happens after they select a platform) and right now for a split second it displays a loading indicator.

@billyvg

Copy link
Copy Markdown
Member

It should be fine because fetchData updates the state when it's completed?

@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

My concern here is around usage of the old context API. From the docs:

Don’t do it.

React has an API to update context, but it is fundamentally broken and you should not use it.

which is maybe why we have been completely remounting?

@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

Probably going to try and get this merged soon.

It affects the onboarding experience since the page effectively reloads when they create the project during that flow.

@evanpurkhiser
evanpurkhiserforce-pushed the refui-avoid-fullpage-load-indicator-after-project-creation branch from 837c463 to fdcec74CompareMay 30, 2019 19:35
@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

I think this is safe. Could I get an approval on this. The new onboarding experience isn't great without it, since it effectively reloads the page.

@evanpurkhiser
evanpurkhiser merged commit 75b6163 into masterMay 30, 2019
@evanpurkhiser
evanpurkhiser deleted the refui-avoid-fullpage-load-indicator-after-project-creation branch May 30, 2019 20:32
jan-auer added a commit that referenced this pull request May 30, 2019
* master: (30 commits)
ref(ui): Avoid full-page load indicator after project creation (#12842)
ref(events-v2) Use an object target instead building URLs (#13471)
ref(onboarding): Improve alerts from wizard docs (#13469)
feat(app-platform): integration feature models, serializer, endpoints (#13377)
ref(onboarding): Improve platform picker hover color (#13468)
chore: New SDK versions (#13465)
feat(events-v2) Add rough sketch of event modal (#13415)
chore(south) Update south state to use new jsonfield (#13466)
fix(events-v2): Fix search filter (#13454)
chore: Vendor JSONField to fix runtime warnings and reduce future upgrade pain (#13397)
test(events-v2): Fix dynamic values in Percy (#13463)
dx(notion): Upgrade from `notion` to `volta` (#13452)
feat(onboarding): Add warning for when docs are missing examples (#13445)
misc(metrics): First pass at un-sampled single metric paths. (#13434)
fix(integrations) Fix missing identity link on re-install (#13450)
fix(api): Fix bug when creating incident comments while logged in as another user.
fix(api): Fix task error on incident creation
chore(SDK's): Update various SDK versions/urls (#13225)
chore: Make exports and imports match (#13449)
feat(ui): Add message in Incidents list for creating an incident [SEN-694] (#13436)
...
evanpurkhiser added a commit that referenced this pull request Jul 10, 2020
I had originally fixed the same problem in [0] and then looks like it
was refactored in [1], without the `silent` flag that I had introduced
[2] for trialing
[0]: #12842
[1]: 7ff0f57#diff-b53a62e33ed69961e43e0cc24634616eR101
[2]: #15165
@github-actionsgithub-actionsBot locked and limited conversation to collaborators Dec 20, 2020
Sign up for freeto subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@evanpurkhiser@markstory@billyvg
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

ref(ui): Avoid full-page load indicator after project creation - #12842

Merged
evanpurkhiser merged 1 commit into
masterfrom
refui-avoid-fullpage-load-indicator-after-project-creation
May 30, 2019
Merged

ref(ui): Avoid full-page load indicator after project creation#12842
evanpurkhiser merged 1 commit into
masterfrom
refui-avoid-fullpage-load-indicator-after-project-creation

Conversation

@evanpurkhiser

@evanpurkhiserevanpurkhiser commented Apr 18, 2019

Copy link
Copy Markdown
Member

Currently after project creation, the entire org context component would
remount. This should be unneeded, we should be able to just propegate
org context downThis is un-needed, instead we can just propegate org
context down.

Not positive 100% positive though, the old context API might be the reason we have to do this.

@evanpurkhiser
evanpurkhiser requested a review from a teamApril 18, 2019 18:36
@markstory

Copy link
Copy Markdown
Member

We still use the old context APIs in a few places. Will they drop state updates with this?

@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

I'm not sure. I'm working on a new onboarding flow, and part of it creates a project for them (which happens after they select a platform) and right now for a split second it displays a loading indicator.

@billyvg

Copy link
Copy Markdown
Member

It should be fine because fetchData updates the state when it's completed?

@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

My concern here is around usage of the old context API. From the docs:

Don’t do it.

React has an API to update context, but it is fundamentally broken and you should not use it.

which is maybe why we have been completely remounting?

@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

Probably going to try and get this merged soon.

It affects the onboarding experience since the page effectively reloads when they create the project during that flow.

@evanpurkhiser
evanpurkhiserforce-pushed the refui-avoid-fullpage-load-indicator-after-project-creation branch from 837c463 to fdcec74CompareMay 30, 2019 19:35
@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

I think this is safe. Could I get an approval on this. The new onboarding experience isn't great without it, since it effectively reloads the page.

@evanpurkhiser
evanpurkhiser merged commit 75b6163 into masterMay 30, 2019
@evanpurkhiser
evanpurkhiser deleted the refui-avoid-fullpage-load-indicator-after-project-creation branch May 30, 2019 20:32
jan-auer added a commit that referenced this pull request May 30, 2019
* master: (30 commits)
ref(ui): Avoid full-page load indicator after project creation (#12842)
ref(events-v2) Use an object target instead building URLs (#13471)
ref(onboarding): Improve alerts from wizard docs (#13469)
feat(app-platform): integration feature models, serializer, endpoints (#13377)
ref(onboarding): Improve platform picker hover color (#13468)
chore: New SDK versions (#13465)
feat(events-v2) Add rough sketch of event modal (#13415)
chore(south) Update south state to use new jsonfield (#13466)
fix(events-v2): Fix search filter (#13454)
chore: Vendor JSONField to fix runtime warnings and reduce future upgrade pain (#13397)
test(events-v2): Fix dynamic values in Percy (#13463)
dx(notion): Upgrade from `notion` to `volta` (#13452)
feat(onboarding): Add warning for when docs are missing examples (#13445)
misc(metrics): First pass at un-sampled single metric paths. (#13434)
fix(integrations) Fix missing identity link on re-install (#13450)
fix(api): Fix bug when creating incident comments while logged in as another user.
fix(api): Fix task error on incident creation
chore(SDK's): Update various SDK versions/urls (#13225)
chore: Make exports and imports match (#13449)
feat(ui): Add message in Incidents list for creating an incident [SEN-694] (#13436)
...
evanpurkhiser added a commit that referenced this pull request Jul 10, 2020
I had originally fixed the same problem in [0] and then looks like it
was refactored in [1], without the `silent` flag that I had introduced
[2] for trialing
[0]: #12842
[1]: 7ff0f57#diff-b53a62e33ed69961e43e0cc24634616eR101
[2]: #15165
@github-actionsgithub-actionsBot locked and limited conversation to collaborators Dec 20, 2020
Sign up for freeto subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@evanpurkhiser@markstory@billyvg
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content

ref(ui): Avoid full-page load indicator after project creation - #12842

Merged
evanpurkhiser merged 1 commit into
masterfrom
refui-avoid-fullpage-load-indicator-after-project-creation
May 30, 2019
Merged

ref(ui): Avoid full-page load indicator after project creation#12842
evanpurkhiser merged 1 commit into
masterfrom
refui-avoid-fullpage-load-indicator-after-project-creation

Conversation

@evanpurkhiser

@evanpurkhiserevanpurkhiser commented Apr 18, 2019

Copy link
Copy Markdown
Member

Currently after project creation, the entire org context component would
remount. This should be unneeded, we should be able to just propegate
org context downThis is un-needed, instead we can just propegate org
context down.

Not positive 100% positive though, the old context API might be the reason we have to do this.

@evanpurkhiser
evanpurkhiser requested a review from a teamApril 18, 2019 18:36
@markstory

Copy link
Copy Markdown
Member

We still use the old context APIs in a few places. Will they drop state updates with this?

@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

I'm not sure. I'm working on a new onboarding flow, and part of it creates a project for them (which happens after they select a platform) and right now for a split second it displays a loading indicator.

@billyvg

Copy link
Copy Markdown
Member

It should be fine because fetchData updates the state when it's completed?

@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

My concern here is around usage of the old context API. From the docs:

Don’t do it.

React has an API to update context, but it is fundamentally broken and you should not use it.

which is maybe why we have been completely remounting?

@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

Probably going to try and get this merged soon.

It affects the onboarding experience since the page effectively reloads when they create the project during that flow.

@evanpurkhiser
evanpurkhiserforce-pushed the refui-avoid-fullpage-load-indicator-after-project-creation branch from 837c463 to fdcec74CompareMay 30, 2019 19:35
@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

I think this is safe. Could I get an approval on this. The new onboarding experience isn't great without it, since it effectively reloads the page.

@evanpurkhiser
evanpurkhiser merged commit 75b6163 into masterMay 30, 2019
@evanpurkhiser
evanpurkhiser deleted the refui-avoid-fullpage-load-indicator-after-project-creation branch May 30, 2019 20:32
jan-auer added a commit that referenced this pull request May 30, 2019
* master: (30 commits)
ref(ui): Avoid full-page load indicator after project creation (#12842)
ref(events-v2) Use an object target instead building URLs (#13471)
ref(onboarding): Improve alerts from wizard docs (#13469)
feat(app-platform): integration feature models, serializer, endpoints (#13377)
ref(onboarding): Improve platform picker hover color (#13468)
chore: New SDK versions (#13465)
feat(events-v2) Add rough sketch of event modal (#13415)
chore(south) Update south state to use new jsonfield (#13466)
fix(events-v2): Fix search filter (#13454)
chore: Vendor JSONField to fix runtime warnings and reduce future upgrade pain (#13397)
test(events-v2): Fix dynamic values in Percy (#13463)
dx(notion): Upgrade from `notion` to `volta` (#13452)
feat(onboarding): Add warning for when docs are missing examples (#13445)
misc(metrics): First pass at un-sampled single metric paths. (#13434)
fix(integrations) Fix missing identity link on re-install (#13450)
fix(api): Fix bug when creating incident comments while logged in as another user.
fix(api): Fix task error on incident creation
chore(SDK's): Update various SDK versions/urls (#13225)
chore: Make exports and imports match (#13449)
feat(ui): Add message in Incidents list for creating an incident [SEN-694] (#13436)
...
evanpurkhiser added a commit that referenced this pull request Jul 10, 2020
I had originally fixed the same problem in [0] and then looks like it
was refactored in [1], without the `silent` flag that I had introduced
[2] for trialing
[0]: #12842
[1]: 7ff0f57#diff-b53a62e33ed69961e43e0cc24634616eR101
[2]: #15165
@github-actionsgithub-actionsBot locked and limited conversation to collaborators Dec 20, 2020
Sign up for freeto subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@evanpurkhiser@markstory@billyvg
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

ref(ui): Avoid full-page load indicator after project creation - #12842

Merged
evanpurkhiser merged 1 commit into
masterfrom
refui-avoid-fullpage-load-indicator-after-project-creation
May 30, 2019
Merged

ref(ui): Avoid full-page load indicator after project creation#12842
evanpurkhiser merged 1 commit into
masterfrom
refui-avoid-fullpage-load-indicator-after-project-creation

Conversation

@evanpurkhiser

@evanpurkhiserevanpurkhiser commented Apr 18, 2019

Copy link
Copy Markdown
Member

Currently after project creation, the entire org context component would
remount. This should be unneeded, we should be able to just propegate
org context downThis is un-needed, instead we can just propegate org
context down.

Not positive 100% positive though, the old context API might be the reason we have to do this.

@evanpurkhiser
evanpurkhiser requested a review from a teamApril 18, 2019 18:36
@markstory

Copy link
Copy Markdown
Member

We still use the old context APIs in a few places. Will they drop state updates with this?

@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

I'm not sure. I'm working on a new onboarding flow, and part of it creates a project for them (which happens after they select a platform) and right now for a split second it displays a loading indicator.

@billyvg

Copy link
Copy Markdown
Member

It should be fine because fetchData updates the state when it's completed?

@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

My concern here is around usage of the old context API. From the docs:

Don’t do it.

React has an API to update context, but it is fundamentally broken and you should not use it.

which is maybe why we have been completely remounting?

@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

Probably going to try and get this merged soon.

It affects the onboarding experience since the page effectively reloads when they create the project during that flow.

@evanpurkhiser
evanpurkhiserforce-pushed the refui-avoid-fullpage-load-indicator-after-project-creation branch from 837c463 to fdcec74CompareMay 30, 2019 19:35
@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

I think this is safe. Could I get an approval on this. The new onboarding experience isn't great without it, since it effectively reloads the page.

@evanpurkhiser
evanpurkhiser merged commit 75b6163 into masterMay 30, 2019
@evanpurkhiser
evanpurkhiser deleted the refui-avoid-fullpage-load-indicator-after-project-creation branch May 30, 2019 20:32
jan-auer added a commit that referenced this pull request May 30, 2019
* master: (30 commits)
ref(ui): Avoid full-page load indicator after project creation (#12842)
ref(events-v2) Use an object target instead building URLs (#13471)
ref(onboarding): Improve alerts from wizard docs (#13469)
feat(app-platform): integration feature models, serializer, endpoints (#13377)
ref(onboarding): Improve platform picker hover color (#13468)
chore: New SDK versions (#13465)
feat(events-v2) Add rough sketch of event modal (#13415)
chore(south) Update south state to use new jsonfield (#13466)
fix(events-v2): Fix search filter (#13454)
chore: Vendor JSONField to fix runtime warnings and reduce future upgrade pain (#13397)
test(events-v2): Fix dynamic values in Percy (#13463)
dx(notion): Upgrade from `notion` to `volta` (#13452)
feat(onboarding): Add warning for when docs are missing examples (#13445)
misc(metrics): First pass at un-sampled single metric paths. (#13434)
fix(integrations) Fix missing identity link on re-install (#13450)
fix(api): Fix bug when creating incident comments while logged in as another user.
fix(api): Fix task error on incident creation
chore(SDK's): Update various SDK versions/urls (#13225)
chore: Make exports and imports match (#13449)
feat(ui): Add message in Incidents list for creating an incident [SEN-694] (#13436)
...
evanpurkhiser added a commit that referenced this pull request Jul 10, 2020
I had originally fixed the same problem in [0] and then looks like it
was refactored in [1], without the `silent` flag that I had introduced
[2] for trialing
[0]: #12842
[1]: 7ff0f57#diff-b53a62e33ed69961e43e0cc24634616eR101
[2]: #15165
@github-actionsgithub-actionsBot locked and limited conversation to collaborators Dec 20, 2020
Sign up for freeto subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@evanpurkhiser@markstory@billyvg
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

ref(ui): Avoid full-page load indicator after project creation - #12842

Merged
evanpurkhiser merged 1 commit into
masterfrom
refui-avoid-fullpage-load-indicator-after-project-creation
May 30, 2019
Merged

ref(ui): Avoid full-page load indicator after project creation#12842
evanpurkhiser merged 1 commit into
masterfrom
refui-avoid-fullpage-load-indicator-after-project-creation

Conversation

@evanpurkhiser

@evanpurkhiserevanpurkhiser commented Apr 18, 2019

Copy link
Copy Markdown
Member

Currently after project creation, the entire org context component would
remount. This should be unneeded, we should be able to just propegate
org context downThis is un-needed, instead we can just propegate org
context down.

Not positive 100% positive though, the old context API might be the reason we have to do this.

@evanpurkhiser
evanpurkhiser requested a review from a teamApril 18, 2019 18:36
@markstory

Copy link
Copy Markdown
Member

We still use the old context APIs in a few places. Will they drop state updates with this?

@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

I'm not sure. I'm working on a new onboarding flow, and part of it creates a project for them (which happens after they select a platform) and right now for a split second it displays a loading indicator.

@billyvg

Copy link
Copy Markdown
Member

It should be fine because fetchData updates the state when it's completed?

@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

My concern here is around usage of the old context API. From the docs:

Don’t do it.

React has an API to update context, but it is fundamentally broken and you should not use it.

which is maybe why we have been completely remounting?

@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

Probably going to try and get this merged soon.

It affects the onboarding experience since the page effectively reloads when they create the project during that flow.

@evanpurkhiser
evanpurkhiserforce-pushed the refui-avoid-fullpage-load-indicator-after-project-creation branch from 837c463 to fdcec74CompareMay 30, 2019 19:35
@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

I think this is safe. Could I get an approval on this. The new onboarding experience isn't great without it, since it effectively reloads the page.

@evanpurkhiser
evanpurkhiser merged commit 75b6163 into masterMay 30, 2019
@evanpurkhiser
evanpurkhiser deleted the refui-avoid-fullpage-load-indicator-after-project-creation branch May 30, 2019 20:32
jan-auer added a commit that referenced this pull request May 30, 2019
* master: (30 commits)
ref(ui): Avoid full-page load indicator after project creation (#12842)
ref(events-v2) Use an object target instead building URLs (#13471)
ref(onboarding): Improve alerts from wizard docs (#13469)
feat(app-platform): integration feature models, serializer, endpoints (#13377)
ref(onboarding): Improve platform picker hover color (#13468)
chore: New SDK versions (#13465)
feat(events-v2) Add rough sketch of event modal (#13415)
chore(south) Update south state to use new jsonfield (#13466)
fix(events-v2): Fix search filter (#13454)
chore: Vendor JSONField to fix runtime warnings and reduce future upgrade pain (#13397)
test(events-v2): Fix dynamic values in Percy (#13463)
dx(notion): Upgrade from `notion` to `volta` (#13452)
feat(onboarding): Add warning for when docs are missing examples (#13445)
misc(metrics): First pass at un-sampled single metric paths. (#13434)
fix(integrations) Fix missing identity link on re-install (#13450)
fix(api): Fix bug when creating incident comments while logged in as another user.
fix(api): Fix task error on incident creation
chore(SDK's): Update various SDK versions/urls (#13225)
chore: Make exports and imports match (#13449)
feat(ui): Add message in Incidents list for creating an incident [SEN-694] (#13436)
...
evanpurkhiser added a commit that referenced this pull request Jul 10, 2020
I had originally fixed the same problem in [0] and then looks like it
was refactored in [1], without the `silent` flag that I had introduced
[2] for trialing
[0]: #12842
[1]: 7ff0f57#diff-b53a62e33ed69961e43e0cc24634616eR101
[2]: #15165
@github-actionsgithub-actionsBot locked and limited conversation to collaborators Dec 20, 2020
Sign up for freeto subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@evanpurkhiser@markstory@billyvg
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content

ref(ui): Avoid full-page load indicator after project creation - #12842

Merged
evanpurkhiser merged 1 commit into
masterfrom
refui-avoid-fullpage-load-indicator-after-project-creation
May 30, 2019
Merged

ref(ui): Avoid full-page load indicator after project creation#12842
evanpurkhiser merged 1 commit into
masterfrom
refui-avoid-fullpage-load-indicator-after-project-creation

Conversation

@evanpurkhiser

@evanpurkhiserevanpurkhiser commented Apr 18, 2019

Copy link
Copy Markdown
Member

Currently after project creation, the entire org context component would
remount. This should be unneeded, we should be able to just propegate
org context downThis is un-needed, instead we can just propegate org
context down.

Not positive 100% positive though, the old context API might be the reason we have to do this.

@evanpurkhiser
evanpurkhiser requested a review from a teamApril 18, 2019 18:36
@markstory

Copy link
Copy Markdown
Member

We still use the old context APIs in a few places. Will they drop state updates with this?

@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

I'm not sure. I'm working on a new onboarding flow, and part of it creates a project for them (which happens after they select a platform) and right now for a split second it displays a loading indicator.

@billyvg

Copy link
Copy Markdown
Member

It should be fine because fetchData updates the state when it's completed?

@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

My concern here is around usage of the old context API. From the docs:

Don’t do it.

React has an API to update context, but it is fundamentally broken and you should not use it.

which is maybe why we have been completely remounting?

@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

Probably going to try and get this merged soon.

It affects the onboarding experience since the page effectively reloads when they create the project during that flow.

@evanpurkhiser
evanpurkhiserforce-pushed the refui-avoid-fullpage-load-indicator-after-project-creation branch from 837c463 to fdcec74CompareMay 30, 2019 19:35
@evanpurkhiser

Copy link
Copy Markdown
MemberAuthor

I think this is safe. Could I get an approval on this. The new onboarding experience isn't great without it, since it effectively reloads the page.

@evanpurkhiser
evanpurkhiser merged commit 75b6163 into masterMay 30, 2019
@evanpurkhiser
evanpurkhiser deleted the refui-avoid-fullpage-load-indicator-after-project-creation branch May 30, 2019 20:32
jan-auer added a commit that referenced this pull request May 30, 2019
* master: (30 commits)
ref(ui): Avoid full-page load indicator after project creation (#12842)
ref(events-v2) Use an object target instead building URLs (#13471)
ref(onboarding): Improve alerts from wizard docs (#13469)
feat(app-platform): integration feature models, serializer, endpoints (#13377)
ref(onboarding): Improve platform picker hover color (#13468)
chore: New SDK versions (#13465)
feat(events-v2) Add rough sketch of event modal (#13415)
chore(south) Update south state to use new jsonfield (#13466)
fix(events-v2): Fix search filter (#13454)
chore: Vendor JSONField to fix runtime warnings and reduce future upgrade pain (#13397)
test(events-v2): Fix dynamic values in Percy (#13463)
dx(notion): Upgrade from `notion` to `volta` (#13452)
feat(onboarding): Add warning for when docs are missing examples (#13445)
misc(metrics): First pass at un-sampled single metric paths. (#13434)
fix(integrations) Fix missing identity link on re-install (#13450)
fix(api): Fix bug when creating incident comments while logged in as another user.
fix(api): Fix task error on incident creation
chore(SDK's): Update various SDK versions/urls (#13225)
chore: Make exports and imports match (#13449)
feat(ui): Add message in Incidents list for creating an incident [SEN-694] (#13436)
...
evanpurkhiser added a commit that referenced this pull request Jul 10, 2020
I had originally fixed the same problem in [0] and then looks like it
was refactored in [1], without the `silent` flag that I had introduced
[2] for trialing
[0]: #12842
[1]: 7ff0f57#diff-b53a62e33ed69961e43e0cc24634616eR101
[2]: #15165
@github-actionsgithub-actionsBot locked and limited conversation to collaborators Dec 20, 2020
Sign up for freeto subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@evanpurkhiser@markstory@billyvg