Thanks to visit codestin.com
Credit goes to github.com

Skip to content

[feat] use a simpler insert and append function when not compile with hydratable #6525

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Jul 21, 2021
Merged

[feat] use a simpler insert and append function when not compile with hydratable #6525

Changes from 1 commit
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
fcd784b
use a simpler insert and append function when not compile with hydrat…
tanhauhau Jul 13, 2021
39b8072
Merge branch 'master' into pr/6525
Conduitry Jul 21, 2021
42d8a6b
fix merge
Conduitry Jul 21, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Merge branch 'master' into pr/6525
  • Loading branch information
@Conduitry
Conduitry committed Jul 21, 2021
commit 39b8072c716a5cb25d6cbb74d7c692cc94da3a0b
41 changes: 41 additions & 0 deletions src/runtime/internal/dom.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -129,6 +129,42 @@ export function append(target: Node, node: Node) {
target.appendChild(node);
}

export function append_styles(
target: Node,
style_sheet_id: string,
styles: string
) {
const append_styles_to = get_root_for_styles(target);

if (!append_styles_to?.getElementById(style_sheet_id)) {
const style = element('style');
style.id = style_sheet_id;
style.textContent = styles;
append_stylesheet(append_styles_to, style);
}
}

export function get_root_for_node(node: Node) {
if (!node) return document;

return (node.getRootNode ? node.getRootNode() : node.ownerDocument); // check for getRootNode because IE is still supported
}

function get_root_for_styles(node: Node) {
const root = get_root_for_node(node);
return (root as ShadowRoot).host ? root as ShadowRoot : root as Document;
}

export function append_empty_stylesheet(node: Node) {
const style_element = element('style') as HTMLStyleElement;
append_stylesheet(get_root_for_styles(node), style_element);
return style_element;
}

function append_stylesheet(node: ShadowRoot | Document, style: HTMLStyleElement) {
append((node as Document).head || node, style);
}

export function append_hydration(target: NodeEx, node: NodeEx) {
if (is_hydrating) {
init_hydrate(target);
Expand Down Expand Up @@ -461,6 +497,11 @@ export function claim_html_tag(nodes) {
const html_tag_nodes = nodes.splice(start_index, end_index + 1);
detach(html_tag_nodes[0]);
detach(html_tag_nodes[html_tag_nodes.length - 1]);
const claimed_nodes = html_tag_nodes.slice(1, html_tag_nodes.length - 1);
for (const n of claimed_nodes) {
n.claim_order = nodes.claim_info.total_claimed;
nodes.claim_info.total_claimed += 1;
}
return new HtmlTagHydration(html_tag_nodes.slice(1, html_tag_nodes.length - 1));
}

Expand Down
You are viewing a condensed version of this merge commit. You can view the full changes here.