initial_response {
[search.now.wire.feed.FeedResponse.feed_response] {
data_operation {
operation: CLEAR_ALL
}
data_operation {
operation: UPDATE_OR_APPEND
metadata {
content_id {
content_domain: "piet-shared-state"
id: 1
table: "piet-shared-state"
}
}
piet_shared_state {
stylesheets {
stylesheet_id: "basic-stylesheet"
styles {
style_id: "title"
color: 4294901760
font {
size: 36
}
}
styles {
style_id: "subtitle"
color: 4278190335
}
styles {
style_id: "tall-image-with-height"
background {
color: 570425599
}
height: 100
}
styles {
style_id: "wide-image-with-height"
background {
color: 587137024
}
height: 100
}
styles {
style_id: "tall-image-with-height2"
background {
color: 570425599
}
height: 200
}
styles {
style_id: "wide-image-with-height2"
background {
color: 587137024
}
height: 200
}
styles {
style_id: "tall-image"
background {
color: 570490624
}
}
styles {
style_id: "wide-image"
background {
color: 587137279
}
}
styles {
style_id: "center-crop"
scale_type: CENTER_CROP
}
}
}
}
data_operation {
operation: UPDATE_OR_APPEND
metadata {
content_id {
content_domain: "root"
id: 0
table: "FEATURE"
}
}
feature {
renderable_unit: STREAM
}
}
data_operation {
operation: UPDATE_OR_APPEND
metadata {
content_id {
content_domain: "hello-world"
id: 1
table: "feature"
}
}
feature {
parent_id {
content_domain: "root"
id: 0
table: "FEATURE"
}
renderable_unit: CARD
[search.now.ui.stream.Card.card_extension] {
[search.now.ui.stream.SwipeActionExtension.swipe_action_extension] {
swipe_action {
[search.now.ui.action.FeedAction.feed_action_extension] {
metadata {
type: DISMISS_LOCAL
dismiss_data {
content_id {
content_domain: "hello-world"
id: 1
table: "feature"
}
data_operations {
operation: REMOVE
metadata {
content_id {
content_domain: "root"
id: 0
table: "FEATURE"
}
}
feature {
parent_id {
content_domain: "root"
id: 0
table: "FEATURE"
}
}
}
}
}
}
}
}
}
}
}
data_operation {
operation: UPDATE_OR_APPEND
metadata {
content_id {
content_domain: "hello-world"
id: 10
table: "feature"
}
}
feature {
parent_id {
content_domain: "hello-world"
id: 1
table: "feature"
}
renderable_unit: CONTENT
[search.now.ui.stream.Content.content_extension] {
type: PIET
[search.now.ui.stream.PietContent.piet_content_extension] {
piet_shared_states {
content_domain: "piet-shared-state"
id: 1
table: "piet-shared-state"
}
frame {
contents {
element {
text_element {
parameterized_text {
text: "IMAGES LARGER THAN THEIR CONTAINER"
}
}
style_references {
style_ids: "title"
}
}
}
contents {
element {
grid_row {
cells {
width {
weight: 1
}
content {
element {
image_element {
image {
sources {
url: "https://upload.wikimedia.org/wikipedia/commons/thumb/3/32/01-01-2014_-_Messeturm_-_trade_fair_tower_-_Frankfurt-_Germany_-_04.jpg/544px-01-01-2014_-_Messeturm_-_trade_fair_tower_-_Frankfurt-_Germany_-_04.jpg"
width_px: 544
height_px: 1024
}
}
}
style_references {
style_ids: "tall-image-with-height"
}
}
}
}
cells {
width {
weight: 2
}
content {
element {
image_element {
image {
sources {
url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Magdeburg_2018.jpeg/1024px-Magdeburg_2018.jpeg"
width_px: 1024
height_px: 213
}
}
}
style_references {
style_ids: "wide-image-with-height"
}
}
}
}
}
}
}
contents {
element {
text_element {
parameterized_text {
text: "Above images have a height=100 style and CENTER_INSIDE (default) scaling"
}
}
style_references {
style_ids: "subtitle"
}
}
}
contents {
element {
grid_row {
cells {
width {
weight: 1
}
content {
element {
image_element {
image {
sources {
url: "https://upload.wikimedia.org/wikipedia/commons/thumb/3/32/01-01-2014_-_Messeturm_-_trade_fair_tower_-_Frankfurt-_Germany_-_04.jpg/544px-01-01-2014_-_Messeturm_-_trade_fair_tower_-_Frankfurt-_Germany_-_04.jpg"
width_px: 544
height_px: 1024
}
}
}
style_references {
style_ids: "tall-image-with-height"
style_ids: "center-crop"
}
}
}
}
cells {
width {
weight: 2
}
content {
element {
image_element {
image {
sources {
url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Magdeburg_2018.jpeg/1024px-Magdeburg_2018.jpeg"
width_px: 1024
height_px: 213
}
}
}
style_references {
style_ids: "wide-image-with-height"
style_ids: "center-crop"
}
}
}
}
}
}
}
contents {
element {
text_element {
parameterized_text {
text: "Above images have a height=100 style and CENTER_CROP scaling"
}
}
style_references {
style_ids: "subtitle"
}
}
}
contents {
element {
grid_row {
cells {
width {
weight: 1
}
content {
element {
image_element {
image {
sources {
url: "https://upload.wikimedia.org/wikipedia/commons/thumb/3/32/01-01-2014_-_Messeturm_-_trade_fair_tower_-_Frankfurt-_Germany_-_04.jpg/544px-01-01-2014_-_Messeturm_-_trade_fair_tower_-_Frankfurt-_Germany_-_04.jpg"
width_px: 544
height_px: 1024
}
}
}
style_references {
style_ids: "tall-image"
}
}
}
}
cells {
width {
weight: 2
}
content {
element {
image_element {
image {
sources {
url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Magdeburg_2018.jpeg/1024px-Magdeburg_2018.jpeg"
width_px: 1024
height_px: 213
}
}
}
style_references {
style_ids: "wide-image"
}
}
}
}
}
}
}
contents {
element {
text_element {
parameterized_text {
text: "The above images have no style height and CENTER_INSIDE (default) scaling"
}
}
style_references {
style_ids: "subtitle"
}
}
}
contents {
element {
grid_row {
cells {
width {
weight: 1
}
content {
element {
image_element {
image {
sources {
url: "https://upload.wikimedia.org/wikipedia/commons/thumb/3/32/01-01-2014_-_Messeturm_-_trade_fair_tower_-_Frankfurt-_Germany_-_04.jpg/544px-01-01-2014_-_Messeturm_-_trade_fair_tower_-_Frankfurt-_Germany_-_04.jpg"
width_px: 544
height_px: 1024
}
}
}
style_references {
style_ids: "tall-image"
style_ids: "center-crop"
}
}
}
}
cells {
width {
weight: 2
}
content {
element {
image_element {
image {
sources {
url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Magdeburg_2018.jpeg/1024px-Magdeburg_2018.jpeg"
width_px: 1024
height_px: 213
}
}
}
style_references {
style_ids: "wide-image"
style_ids: "center-crop"
}
}
}
}
}
}
}
contents {
element {
text_element {
parameterized_text {
text: "The above images have no style height and CENTER_CROP scaling"
}
}
style_references {
style_ids: "subtitle"
}
}
}
contents {
element {
grid_row {
cells {
width {
weight: 1
}
content {
element {
image_element {
image {
sources {
url: "https://upload.wikimedia.org/wikipedia/commons/thumb/3/32/01-01-2014_-_Messeturm_-_trade_fair_tower_-_Frankfurt-_Germany_-_04.jpg/544px-01-01-2014_-_Messeturm_-_trade_fair_tower_-_Frankfurt-_Germany_-_04.jpg"
}
}
}
style_references {
style_ids: "tall-image"
}
}
}
}
cells {
width {
weight: 2
}
content {
element {
image_element {
image {
sources {
url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Magdeburg_2018.jpeg/1024px-Magdeburg_2018.jpeg"
}
}
}
style_references {
style_ids: "wide-image"
}
}
}
}
}
}
}
contents {
element {
text_element {
parameterized_text {
text: "The above images have no style height or image dims and CENTER_INSIDE (default) scaling"
}
}
style_references {
style_ids: "subtitle"
}
}
}
contents {
element {
grid_row {
cells {
width {
weight: 1
}
content {
element {
image_element {
image {
sources {
url: "https://upload.wikimedia.org/wikipedia/commons/thumb/3/32/01-01-2014_-_Messeturm_-_trade_fair_tower_-_Frankfurt-_Germany_-_04.jpg/544px-01-01-2014_-_Messeturm_-_trade_fair_tower_-_Frankfurt-_Germany_-_04.jpg"
}
}
}
style_references {
style_ids: "tall-image"
style_ids: "center-crop"
}
}
}
}
cells {
width {
weight: 2
}
content {
element {
image_element {
image {
sources {
url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Magdeburg_2018.jpeg/1024px-Magdeburg_2018.jpeg"
}
}
}
style_references {
style_ids: "wide-image"
style_ids: "center-crop"
}
}
}
}
}
}
}
contents {
element {
text_element {
parameterized_text {
text: "The above images have no style height or image dims and CENTER_CROP scaling"
}
}
style_references {
style_ids: "subtitle"
}
}
}
contents {
element {
text_element {
parameterized_text {
text: "IMAGES SMALLER THAN THEIR CONTAINER"
}
}
style_references {
style_ids: "title"
}
}
}
contents {
element {
grid_row {
cells {
width {
weight: 1
}
content {
element {
image_element {
image {
sources {
url: "https://upload.wikimedia.org/wikipedia/commons/thumb/3/32/01-01-2014_-_Messeturm_-_trade_fair_tower_-_Frankfurt-_Germany_-_04.jpg/127px-01-01-2014_-_Messeturm_-_trade_fair_tower_-_Frankfurt-_Germany_-_04.jpg"
width_px: 127
height_px: 240
}
}
}
style_references {
style_ids: "tall-image-with-height2"
}
}
}
}
cells {
width {
weight: 2
}
content {
element {
image_element {
image {
sources {
url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Magdeburg_2018.jpeg/320px-Magdeburg_2018.jpeg"
width_px: 320
height_px: 67
}
}
}
style_references {
style_ids: "wide-image-with-height2"
}
}
}
}
}
}
}
contents {
element {
text_element {
parameterized_text {
text: "Above images have a height=200 style and CENTER_INSIDE (default) scaling"
}
}
style_references {
style_ids: "subtitle"
}
}
}
contents {
element {
grid_row {
cells {
width {
weight: 1
}
content {
element {
image_element {
image {
sources {
url: "https://upload.wikimedia.org/wikipedia/commons/thumb/3/32/01-01-2014_-_Messeturm_-_trade_fair_tower_-_Frankfurt-_Germany_-_04.jpg/127px-01-01-2014_-_Messeturm_-_trade_fair_tower_-_Frankfurt-_Germany_-_04.jpg"
width_px: 127
height_px: 240
}
}
}
style_references {
style_ids: "tall-image-with-height2"
style_ids: "center-crop"
}
}
}
}
cells {
width {
weight: 2
}
content {
element {
image_element {
image {
sources {
url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Magdeburg_2018.jpeg/320px-Magdeburg_2018.jpeg"
width_px: 320
height_px: 67
}
}
}
style_references {
style_ids: "wide-image-with-height2"
style_ids: "center-crop"
}
}
}
}
}
}
}
contents {
element {
text_element {
parameterized_text {
text: "Above images have a height=200 style and CENTER_CROP scaling"
}
}
style_references {
style_ids: "subtitle"
}
}
}
contents {
element {
grid_row {
cells {
width {
weight: 1
}
content {
element {
image_element {
image {
sources {
url: "https://upload.wikimedia.org/wikipedia/commons/thumb/3/32/01-01-2014_-_Messeturm_-_trade_fair_tower_-_Frankfurt-_Germany_-_04.jpg/127px-01-01-2014_-_Messeturm_-_trade_fair_tower_-_Frankfurt-_Germany_-_04.jpg"
width_px: 127
height_px: 240
}
}
}
style_references {
style_ids: "tall-image"
}
}
}
}
cells {
width {
weight: 2
}
content {
element {
image_element {
image {
sources {
url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Magdeburg_2018.jpeg/320px-Magdeburg_2018.jpeg"
width_px: 320
height_px: 67
}
}
}
style_references {
style_ids: "wide-image"
}
}
}
}
}
}
}
contents {
element {
text_element {
parameterized_text {
text: "The above images have no style height and CENTER_INSIDE (default) scaling"
}
}
style_references {
style_ids: "subtitle"
}
}
}
contents {
element {
grid_row {
cells {
width {
weight: 1
}
content {
element {
image_element {
image {
sources {
url: "https://upload.wikimedia.org/wikipedia/commons/thumb/3/32/01-01-2014_-_Messeturm_-_trade_fair_tower_-_Frankfurt-_Germany_-_04.jpg/127px-01-01-2014_-_Messeturm_-_trade_fair_tower_-_Frankfurt-_Germany_-_04.jpg"
width_px: 127
height_px: 240
}
}
}
style_references {
style_ids: "tall-image"
style_ids: "center-crop"
}
}
}
}
cells {
width {
weight: 2
}
content {
element {
image_element {
image {
sources {
url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Magdeburg_2018.jpeg/320px-Magdeburg_2018.jpeg"
width_px: 320
height_px: 67
}
}
}
style_references {
style_ids: "wide-image"
style_ids: "center-crop"
}
}
}
}
}
}
}
contents {
element {
text_element {
parameterized_text {
text: "The above images have no style height and CENTER_CROP scaling"
}
}
style_references {
style_ids: "subtitle"
}
}
}
contents {
element {
grid_row {
cells {
width {
weight: 1
}
content {
element {
image_element {
image {
sources {
url: "https://upload.wikimedia.org/wikipedia/commons/thumb/3/32/01-01-2014_-_Messeturm_-_trade_fair_tower_-_Frankfurt-_Germany_-_04.jpg/127px-01-01-2014_-_Messeturm_-_trade_fair_tower_-_Frankfurt-_Germany_-_04.jpg"
}
}
}
style_references {
style_ids: "tall-image"
}
}
}
}
cells {
width {
weight: 2
}
content {
element {
image_element {
image {
sources {
url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Magdeburg_2018.jpeg/320px-Magdeburg_2018.jpeg"
}
}
}
style_references {
style_ids: "wide-image"
}
}
}
}
}
}
}
contents {
element {
text_element {
parameterized_text {
text: "The above images have no style height or image dims and CENTER_INSIDE (default) scaling"
}
}
style_references {
style_ids: "subtitle"
}
}
}
contents {
element {
grid_row {
cells {
width {
weight: 1
}
content {
element {
image_element {
image {
sources {
url: "https://upload.wikimedia.org/wikipedia/commons/thumb/3/32/01-01-2014_-_Messeturm_-_trade_fair_tower_-_Frankfurt-_Germany_-_04.jpg/127px-01-01-2014_-_Messeturm_-_trade_fair_tower_-_Frankfurt-_Germany_-_04.jpg"
}
}
}
style_references {
style_ids: "tall-image"
style_ids: "center-crop"
}
}
}
}
cells {
width {
weight: 2
}
content {
element {
image_element {
image {
sources {
url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Magdeburg_2018.jpeg/320px-Magdeburg_2018.jpeg"
}
}
}
style_references {
style_ids: "wide-image"
style_ids: "center-crop"
}
}
}
}
}
}
}
contents {
element {
text_element {
parameterized_text {
text: "The above images have no style height or image dims and CENTER_CROP scaling"
}
}
style_references {
style_ids: "subtitle"
}
}
}
stylesheets {
stylesheet_ids: "basic-stylesheet"
}
}
}
}
}
}
}
}
Codebase Browser
chromium