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: "root"
id: 0
table: "FEATURE"
}
}
feature {
renderable_unit: STREAM
}
}
data_operation {
operation: UPDATE_OR_APPEND
metadata {
content_id {
content_domain: "news-story"
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: "news-story"
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: "news-story"
id: 10
table: "feature"
}
}
feature {
parent_id {
content_domain: "news-story"
id: 1
table: "feature"
}
renderable_unit: CONTENT
[search.now.ui.stream.Content.content_extension] {
type: PIET
[search.now.ui.stream.PietContent.piet_content_extension] {
frame {
tag: "Card Background Color"
style_references {
style_ids: "style:now-card"
}
contents {
element {
text_element {
parameterized_text {
text: "Simple blue background"
}
}
}
}
stylesheets {
stylesheets {
styles {
style_id: "style:now-card"
background {
color: 4283782655
}
}
}
}
}
}
}
}
}
data_operation {
operation: UPDATE_OR_APPEND
metadata {
content_id {
content_domain: "news-story"
id: 3
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: "news-story"
id: 3
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: "news-story"
id: 30
table: "feature"
}
}
feature {
parent_id {
content_domain: "news-story"
id: 3
table: "feature"
}
renderable_unit: CONTENT
[search.now.ui.stream.Content.content_extension] {
type: PIET
[search.now.ui.stream.PietContent.piet_content_extension] {
frame {
tag: "Card Padding and Margins"
contents {
element {
text_element {
parameterized_text {
text: "Padding and margins. More padding on sides, more margins on top and bottom"
}
}
style_references {
style_ids: "style:now-card"
}
}
}
stylesheets {
stylesheets {
styles {
style_id: "style:now-card"
background {
color: 4283782655
}
margins {
top: 32
bottom: 32
start: 16
end: 16
}
padding {
top: 16
bottom: 16
start: 32
end: 32
}
}
}
}
}
}
}
}
}
data_operation {
operation: UPDATE_OR_APPEND
metadata {
content_id {
content_domain: "news-story"
id: 4
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: "news-story"
id: 4
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: "news-story"
id: 40
table: "feature"
}
}
feature {
parent_id {
content_domain: "news-story"
id: 4
table: "feature"
}
renderable_unit: CONTENT
[search.now.ui.stream.Content.content_extension] {
type: PIET
[search.now.ui.stream.PietContent.piet_content_extension] {
frame {
tag: "Card Padding and Margins with corners"
contents {
element {
text_element {
parameterized_text {
text: "Padding, margins, and corners. More padding on sides, more margins on top and bottom"
}
}
style_references {
style_ids: "style:now-card"
}
}
}
stylesheets {
stylesheets {
styles {
style_id: "style:now-card"
background {
color: 4283782655
}
margins {
top: 32
bottom: 32
start: 16
end: 16
}
padding {
top: 16
bottom: 16
start: 32
end: 32
}
rounded_corners {
bitmask: 0
radius_dp: 12
}
}
}
}
}
}
}
}
}
data_operation {
operation: UPDATE_OR_APPEND
metadata {
content_id {
content_domain: "news-story"
id: 5
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: "news-story"
id: 5
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: "news-story"
id: 50
table: "feature"
}
}
feature {
parent_id {
content_domain: "news-story"
id: 5
table: "feature"
}
renderable_unit: CONTENT
[search.now.ui.stream.Content.content_extension] {
type: PIET
[search.now.ui.stream.PietContent.piet_content_extension] {
frame {
tag: "Card Gradient Rounded Corners"
contents {
element {
text_element {
parameterized_text {
text: "Rounded corners with gradient bottom-left red to top-right blue. Corners should be rounded on the left. The gradient is intended to be at a 45 degree angle, but it probably is not, due to the implementation of GradientDrawable on Android."
}
}
style_references {
style_ids: "style:now-card"
}
}
}
stylesheets {
stylesheets {
styles {
style_id: "style:now-card"
background {
linear_gradient {
stops {
color: 4294901760
}
stops {
color: 4278255360
}
stops {
color: 4278190335
}
stops {
color: 4294901760
}
stops {
color: 4278190335
}
direction_deg: 45
}
}
padding {
top: 16
bottom: 16
start: 16
end: 16
}
rounded_corners {
bitmask: 9
radius_dp: 12
}
}
}
}
}
}
}
}
}
data_operation {
operation: UPDATE_OR_APPEND
metadata {
content_id {
content_domain: "news-story"
id: 6
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: "news-story"
id: 6
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: "news-story"
id: 60
table: "feature"
}
}
feature {
parent_id {
content_domain: "news-story"
id: 6
table: "feature"
}
renderable_unit: CONTENT
[search.now.ui.stream.Content.content_extension] {
type: PIET
[search.now.ui.stream.PietContent.piet_content_extension] {
frame {
tag: "Image corners"
style_references {
style_ids: "style:now-card"
}
contents {
element {
image_element {
image {
sources {
url: "https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcR7csq_YyHSa2jBWiEkVAbECueSFbVeg8VkVGG9474cQW_L6AT9"
}
}
}
style_references {
style_ids: "image"
}
}
}
contents {
element {
text_element {
parameterized_text {
text: "Image with padding and rounded corners"
}
}
}
}
stylesheets {
stylesheets {
styles {
style_id: "style:now-card"
background {
color: 4283782655
}
}
styles {
style_id: "image"
background {
color: 4294901760
}
padding {
start: 16
end: 16
}
width: 196
height: 196
rounded_corners {
bitmask: 9
radius_dp: 40
}
scale_type: CENTER_CROP
}
}
}
}
}
}
}
}
data_operation {
operation: UPDATE_OR_APPEND
metadata {
content_id {
content_domain: "news-story"
id: 7
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: "news-story"
id: 7
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: "news-story"
id: 70
table: "feature"
}
}
feature {
parent_id {
content_domain: "news-story"
id: 7
table: "feature"
}
renderable_unit: CONTENT
[search.now.ui.stream.Content.content_extension] {
type: PIET
[search.now.ui.stream.PietContent.piet_content_extension] {
frame {
tag: "Grid Background Color"
style_references {
style_ids: "style:now-card"
}
contents {
element {
grid_row {
cells {
width {
weight: 1
}
content {
element {
element_list {
contents {
element {
text_element {
parameterized_text {
text: "Green box in blue cell bottom"
}
}
style_references {
style_ids: "green"
style_ids: "cell"
}
}
}
contents {
element {
text_element {
parameterized_text {
text: "Red box in blue cell bottom"
}
}
style_references {
style_ids: "red"
style_ids: "cell"
}
}
}
}
style_references {
style_ids: "blue"
style_ids: "bottom"
}
gravity_vertical: GRAVITY_BOTTOM
}
}
}
cells {
width {
weight: 1
}
content {
element {
element_list {
contents {
element {
text_element {
parameterized_text {
text: "Blue box in red cell"
}
}
style_references {
style_ids: "blue"
style_ids: "cell"
}
}
}
contents {
element {
text_element {
parameterized_text {
text: "words in a red cell"
}
}
style_references {
style_ids: "cell"
}
}
}
contents {
element {
text_element {
parameterized_text {
text: "Green box in red cell"
}
}
style_references {
style_ids: "green"
style_ids: "cell"
}
}
}
}
style_references {
style_ids: "red"
}
}
}
}
cells {
width {
weight: 1
}
content {
element {
element_list {
contents {
element {
text_element {
parameterized_text {
text: "Red box in green cell center"
}
}
style_references {
style_ids: "red"
style_ids: "cell"
}
}
}
contents {
element {
text_element {
parameterized_text {
text: "Blue box in green cell center"
}
}
style_references {
style_ids: "blue"
style_ids: "cell"
}
}
}
}
style_references {
style_ids: "green"
style_ids: "middle"
}
gravity_vertical: GRAVITY_MIDDLE
}
}
}
}
}
}
stylesheets {
stylesheets {
styles {
style_id: "style:now-card"
padding {
start: 16
end: 16
}
}
styles {
style_id: "cell"
margins {
top: 4
bottom: 4
start: 8
end: 8
}
}
styles {
style_id: "red"
background {
color: 4294901760
}
}
styles {
style_id: "green"
background {
color: 4278255360
}
}
styles {
style_id: "blue"
background {
color: 4278190335
}
}
styles {
style_id: "bottom"
gravity_vertical: GRAVITY_BOTTOM
}
styles {
style_id: "middle"
gravity_vertical: GRAVITY_MIDDLE
}
}
}
}
}
}
}
}
}
}
Codebase Browser
chromium