Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@lit-labs/ssr

Package Overview
Dependencies
Maintainers
10
Versions
33
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@lit-labs/ssr - npm Package Compare versions

Comparing version 3.1.0 to 3.1.1

2

lib/render-value.js

@@ -7,3 +7,3 @@ /// <reference lib="dom" />

const { getTemplateHtml, marker, markerMatch, boundAttributeSuffix, overrideDirectiveResolve, setDirectiveClass, getAttributePartCommittedValue, resolveDirective, AttributePart, PropertyPart, BooleanAttributePart, EventPart, connectedDisconnectable, } = _$LH;
import { digestForTemplateResult } from 'lit/experimental-hydrate.js';
import { digestForTemplateResult } from '@lit-labs/ssr-client';
import { getElementRenderer, } from './element-renderer.js';

@@ -10,0 +10,0 @@ import { escapeHtml } from './util/escape-html.js';

{
"name": "@lit-labs/ssr",
"type": "module",
"version": "3.1.0",
"version": "3.1.1",
"publishConfig": {

@@ -210,3 +210,3 @@ "access": "public"

"dependencies": {
"@lit-labs/ssr-client": "^1.0.0",
"@lit-labs/ssr-client": "^1.1.0",
"@lit-labs/ssr-dom-shim": "^1.1.0",

@@ -213,0 +213,0 @@ "@lit/reactive-element": "^1.6.0",

@@ -77,3 +77,3 @@ # @lit-labs/ssr

"Hydration" is the process of re-associating expressions in a template with the nodes they should update in the DOM. Hydration is performed by the `hydrate()` function from the `lit/experimental-hydrate.js` module.
"Hydration" is the process of re-associating expressions in a template with the nodes they should update in the DOM. Hydration is performed by the `hydrate()` function from the `@lit-labs/ssr-client` module.

@@ -85,3 +85,3 @@ Prior to updating a server-rendered container using `render()`, you must first call `hydrate()` on that container using the same template and data that was used to render on the server:

import {render} from 'lit';
import {hydrate} from 'lit/experimental-hydrate.js';
import {hydrate} from '@lit-labs/ssr-client';
// Initial hydration required before render:

@@ -100,3 +100,3 @@ // (must be same data used to render on the server)

`hydrate()` does not descend into shadow roots - it only works on one scope of the DOM at a time. To hydrate `LitElement` shadow roots, load the `lit/experimental-hydrate-support.js` module, which installs support for `LitElement` to automatically hydrate itself when it detects it was server-rendered with declarative shadow DOM. This module must be loaded before the `lit` module is loaded, to ensure hydration support is properly installed.
`hydrate()` does not descend into shadow roots - it only works on one scope of the DOM at a time. To hydrate `LitElement` shadow roots, load the `@lit-labs/ssr-client/lit-element-hydrate-support.js` module, which installs support for `LitElement` to automatically hydrate itself when it detects it was server-rendered with declarative shadow DOM. This module must be loaded before the `lit` module is loaded, to ensure hydration support is properly installed.

@@ -103,0 +103,0 @@ Put together, an HTML page that was server rendered and containing `LitElement`s in the main document might look like this:

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc