TESTNET | NEAR Transaction Db7N1x9BBq14jePsLBR1sS2PDJ5DYcaijs4f3b8jqXZZ

Receipt:

DHS8NQgTKioHUAP1Q6PQJbszBc2RtNPDM85FnadHxWoZ

Status:

Success

Block:

168,537,676

Timestamp:

From:

video.allthethings.testnet(ed25519:FY9r6LsjygKyTK55KeXNw8sLY29GTSYZJLt3GkvxtoV3)

To:

v1.social08.testnet

Value:

0.22898 Ⓝ

Burnt Gas:

8.564 Tgas

Burnt Tokens:

0.000856 Ⓝ

Actions:

Called method set in contract v1.social08.testnet

{

"data": {

"video.allthethings.testnet": {

"widget": {

"Index": {

"": "const { Layout } = VM.require(\\\"devs.near/widget/Layout\\\") || {\\n Layout: () => <>layout not found</>,\\n};\\nconst { Router } = VM.require(\\\"devs.near/widget/Router\\\") || {\\n Router: () => <>router not found</>,\\n};\\nconst { href } = VM.require(\\\"devs.near/widget/lib.url\\\") || {\\n href: () => <>function not found</>,\\n};\\nconst page = props.page || \\\"home\\\";\\nconst data = Social.index(\\\"post\\\", \\\"main\\\", { order: \\\"desc\\\", limit: 1 });\\nconst { accountId, blockHeight } = data && data.length && data[0];\\n// const item = {\\n// path: `${accountId}/post/main`,\\n// blockHeight: blockHeight,\\n// type: \\\"social\\\",\\n// };\\n// const item = {\\n// path: `mob.near/post/main`,\\n// blockHeight: \\\"81101335\\\",\\n// type: \\\"social\\\",\\n// };\\nconst item = {\\n path: \\\"efiz.near/thing/core\\\",\\n};\\nconst CSS = styled.div`\\n width: 100%,\\n height: 100vh;\\n`;\\nconst Header = ({ children }) => (\\n <div\\n style={{\\n display: \\\"flex\\\",\\n justifyContent: \\\"space-between\\\",\\n border: \\\"solid\\\",\\n }}\\n >\\n {children}\\n </div>\\n);\\nconst Footer = ({ owner }) => <>built by {owner} :)</>;\\nconst Sidebar = () => <>sidebar</>;\\nconst Button = styled.button``;\\nconst NavLink = ({ page, children }) => {\\n const link = href({\\n widgetSrc: \\\"every.near/widget/Index\\\",\\n params: {\\n page,\\n },\\n });\\n return (\\n <Link to={link}>\\n <Button>{children}</Button>\\n </Link>\\n );\\n};\\nconst Content = () => (\\n <Layout\\n blocks={{\\n Header: () => <Header>{page}</Header>,\\n Footer: () => (\\n <Footer\\n owner={\\n <Widget\\n src=\\\"mob.near/widget/ProfileLine\\\"\\n props={{ accountId: \\\"efiz.near\\\" }}\\n />\\n }\\n />\\n ),\\n }}\\n >\\n <div style={{ minHeight: \\\"65vh\\\" }}>\\n <Router\\n config={{\\n param: \\\"page\\\",\\n routes: {\\n home: {\\n path: \\\"every.near/widget/every.thing.view\\\",\\n init: item,\\n },\\n // library: {\\n // path: \\\"every.near/widget/every.thing.view\\\",\\n // init: {\\n // path: \\\"every.near/widget/every.library.view\\\",\\n // },\\n // },\\n about: {\\n path: \\\"efiz.near/widget/Tree\\\",\\n init: { rootPath: \\\"mob.near\\\" },\\n },\\n\\n poke: {\\n path: \\\"pokethe.near/widget/Index\\\",\\n init: { rootPath: \\\"root.near\\\" },\\n },\\n },\\n }}\\n page={page}\\n />\\n </div>\\n </Layout>\\n);\\nreturn (\\n <CSS>\\n <Layout\\n variant=\\\"sidebar\\\"\\n blocks={{\\n Sidebar,\\n Header: () => (\\n <Header>\\n <Link to={href({ widgetSrc: \\\"every.near/widget/Index\\\" })}>\\n header\\n </Link>\\n <div>\\n <NavLink page=\\\"about\\\">about</NavLink>\\n <NavLink page=\\\"poke\\\">poke</NavLink>\\n <Widget\\n src=\\\"devs.near/widget/GithubForkButton\\\"\\n props={{ username: \\\"nearbuilders\\\", repository: \\\"every.near\\\" }}\\n />\\n </div>\\n </Header>\\n ),\\n Footer: () => <Footer owner=\\\"everyone\\\" />,\\n }}\\n >\\n <Content />\\n </Layout>\\n </CSS>\\n);\\n"

},

"every.thing.view": {

"": "const path = props.path; // every piece of data on social contract has a path\\nconst blockHeight = props.blockHeight || \\\"final\\\"; // and a blockHeight (~version)\\nconst options = props.options;\\n// split the path\\nconst parts = path.split(\\\"/\\\");\\nconst creatorId = parts[0];\\nlet type;\\nif (parts.length === 1) {\\n if (parts[0].charAt(0) === \\\"#\\\") {\\n // hashtag\\n type = \\\"hashtag\\\";\\n } else {\\n // every root of a path is an account\\n type = \\\"account\\\";\\n }\\n} else {\\n // otherwise the \\\"standard\\\" is the type (widget, post, type, thing...)\\n // for thing, we\\\'ll extract the actual \\\"Type\\\" later\\n type = parts[1];\\n}\\nState.init({\\n view: \\\"THING\\\",\\n});\\nconst Container = styled.div`\\n border: 1px solid #ccc;\\n height: fit-content;\\n`;\\nconst Header = styled.div`\\n display: flex;\\n align-items: center;\\n justify-content: flex-end;\\n border-bottom: 1px solid #ccc;\\n`;\\nconst IconBox = styled.div`\\n font-family: \\\"Times New Roman\\\";\\n font-size: 2em;\\n line-height: 1.25;\\n font-weight: 400;\\n cursor: pointer;\\n`;\\nconst Content = styled.div`\\n padding: 1px;\\n min-height: 300px;\\n`;\\nconst Button = styled.button`\\n text-transform: lowercase !important;\\n`;\\nconst ButtonRow = styled.div`\\n display: flex;\\n flex-direction: row;\\n flex-wrap: wrap;\\n justify-content: flex-end;\\n gap: 4px;\\n`;\\n// PLUGINS\\n// This should move to settings\\nconst plugins = {\\n EDIT: {\\n state: {\\n active: {\\n icon: \\\"bi bi-arrow-counterclockwise\\\",\\n label: \\\"Cancel Edit\\\",\\n },\\n inactive: {\\n icon: \\\"bi bi-pencil\\\",\\n label: \\\"Edit\\\",\\n },\\n },\\n src: \\\"efiz.near/widget/every.thing.edit\\\",\\n creatorRequired: true,\\n },\\n RAW: {\\n state: {\\n active: {\\n icon: \\\"bi bi-arrow-up-left-circle\\\",\\n label: \\\"Show Thing\\\",\\n },\\n inactive: {\\n icon: \\\"bi bi-filetype-raw\\\",\\n label: \\\"Raw\\\",\\n },\\n },\\n src: \\\"efiz.near/widget/every.thing.raw\\\",\\n },\\n HISTORY: {\\n state: {\\n active: {\\n icon: \\\"bi bi-clock\\\",\\n label: \\\"Hide History\\\",\\n },\\n inactive: {\\n icon: \\\"bi bi-clock-history\\\",\\n label: \\\"Show History\\\",\\n },\\n },\\n src: \\\"efiz.near/widget/Every.Thing.History\\\",\\n },\\n DUPLICATE: {\\n state: {\\n active: {\\n icon: \\\"bi bi-arrow-counterclockwise\\\",\\n label: \\\"Cancel Duplicate\\\",\\n },\\n inactive: {\\n icon: \\\"bi bi-back\\\",\\n label: \\\"Duplicate\\\",\\n },\\n },\\n src: \\\"efiz.near/widget/every.thing.edit\\\",\\n },\\n BUILD: {\\n state: {\\n active: {\\n icon: \\\"bi bi-arrow-counterclockwise\\\",\\n label: \\\"Cancel Build\\\",\\n },\\n inactive: {\\n icon: \\\"bi bi-hammer\\\",\\n label: \\\"Build\\\",\\n },\\n },\\n src: \\\"efiz.near/widget/every.thing.build\\\",\\n creatorRequired: true,\\n },\\n EDGES: {\\n state: {\\n active: {\\n icon: \\\"bi bi-arrow-counterclockwise\\\",\\n label: \\\"Show Thing\\\",\\n },\\n inactive: {\\n icon: \\\"bi bi-link\\\",\\n label: \\\"Edges\\\",\\n },\\n },\\n src: \\\"efiz.near/widget/every.edge\\\",\\n },\\n CAMERA: {\\n state: {\\n active: {\\n icon: \\\"bi bi-arrow-counterclockwise\\\",\\n label: \\\"Show Thing\\\",\\n },\\n inactive: {\\n icon: \\\"bi bi-camera\\\",\\n label: \\\"Camera\\\",\\n },\\n },\\n src: \\\"efiz.near/widget/test\\\",\\n typeRequired: \\\"every.near/type/marketplace\\\",\\n },\\n};\\n// DROPDOWN //\\nfunction Modifier() {\\n const renderIcon = () => {\\n return (\\n <svg\\n xmlns=\\\"http://www.w3.org/2000/svg\\\"\\n viewBox=\\\"0 0 24 24\\\"\\n fill=\\\"black\\\"\\n width=\\\"24px\\\"\\n height=\\\"24px\\\"\\n >\\n <circle cx=\\\"12\\\" cy=\\\"12\\\" r=\\\"8\\\" />\\n </svg>\\n );\\n };\\n function createButton(key, data) {\\n const stateVal = state.view === key ? \\\"active\\\" : \\\"inactive\\\";\\n if (data.creatorRequired && context.accountId !== creatorId) {\\n return <></>;\\n } else {\\n return (\\n <button\\n className={\\\"btn\\\"}\\n onClick={() =>\\n State.update({ view: stateVal === \\\"active\\\" ? \\\"THING\\\" : key })\\n }\\n >\\n <i className={data.state[stateVal].icon}></i>\\n {data.state[stateVal].label}\\n </button>\\n );\\n }\\n }\\n function nearPad() {\\n return (\\n <a\\n className={`btn`}\\n href={`https://nearpad.dev/editor/${path}`}\\n target=\\\"_blank\\\"\\n >\\n <i className=\\\" me-1\\\">\\n <svg\\n focusable=\\\"false\\\"\\n aria-hidden=\\\"true\\\"\\n viewBox=\\\"2 2 18 18\\\"\\n width=\\\"16px\\\"\\n height=\\\"16px\\\"\\n >\\n <path d=\\\"M12.16 3h-.32L9.21 8.25h5.58zm4.3 5.25h5.16l-2.07-4.14C19.21 3.43 18.52 3 17.76 3h-3.93l2.63 5.25zm4.92 1.5h-8.63V20.1zM11.25 20.1V9.75H2.62zM7.54 8.25 10.16 3H6.24c-.76 0-1.45.43-1.79 1.11L2.38 8.25h5.16z\\\"></path>\\n </svg>\\n </i>\\n <span>Open NEARpad</span>\\n </a>\\n );\\n }\\n return (\\n <Widget\\n src=\\\"efiz.near/widget/Common.Dropdown\\\"\\n props={{\\n renderIcon: renderIcon,\\n elements:\\n type === \\\"widget\\\"\\n ? [nearPad()]\\n : Object.keys(plugins)?.map((it) => createButton(it, plugins[it])),\\n }}\\n />\\n );\\n}\\nfunction Thing() {\\n // Renders the path according to type\\n switch (type) {\\n case \\\"thing\\\": {\\n // get the thing data\\n const thing = JSON.parse(Social.get(path, blockHeight) || \\\"null\\\");\\n type = thing.type || null;\\n // get the type data\\n const typeObj = JSON.parse(Social.get(type, blockHeight) || \\\"null\\\");\\n if (typeObj === null) {\\n console.log(\\n `edge case: thing ${path} had an invalid type: ${thingType}`\\n );\\n }\\n // determine the widget to render this thing (is there a default view?)\\n const widgetSrc =\\n options?.templateOverride ||\\n thing.template?.src ||\\n typeObj?.widgets?.view;\\n // Template\\n return (\\n <Widget\\n src={widgetSrc}\\n props={{ data: thing.data, path, blockHeight }}\\n />\\n );\\n }\\n case \\\"post\\\": {\\n return (\\n <Widget\\n src=\\\"every.near/widget/every.post.view\\\"\\n props={{\\n path,\\n blockHeight: a.blockHeight,\\n }}\\n />\\n );\\n }\\n case \\\"widget\\\": {\\n return <Widget src={path} props={props} />;\\n }\\n case \\\"account\\\": {\\n return <Widget src=\\\"efiz.near/widget/Tree\\\" props={{ rootPath: path }} />;\\n }\\n case \\\"settings\\\": {\\n // Standardize path to {accountId}/settings/**\\n parts.splice(2);\\n parts.push(\\\"**\\\");\\n path = parts.join(\\\"/\\\");\\n return (\\n <Widget\\n src=\\\"efiz.near/widget/Every.Setting\\\"\\n props={{ path, blockHeight }}\\n />\\n );\\n }\\n case \\\"type\\\": {\\n return (\\n <Widget\\n src=\\\"every.near/widget/every.type.create\\\"\\n props={{ typeSrc: path }}\\n />\\n );\\n }\\n case \\\"hashtag\\\": {\\n return (\\n <Widget\\n src=\\\"efiz.near/widget/every.hashtag.view\\\"\\n props={{ hashtag: parts[0].substring(1) }}\\n />\\n );\\n }\\n }\\n // DEFAULT:\\n return <p>The type: {type} is not yet supported.</p>;\\n}\\nfunction Plugin() {\\n const plugin = plugins[state.view];\\n return (\\n <Container>\\n <Header style={{ justifyContent: \\\"flex-start\\\" }}>\\n <Button\\n onClick={() => {\\n State.update({ view: \\\"THING\\\" });\\n }}\\n >\\n back\\n </Button>\\n </Header>\\n <Widget src={plugin.src} props={{ path, blockHeight }} />\\n </Container>\\n );\\n}\\nreturn (\\n <Container id={path}>\\n <Header>\\n <ButtonRow>\\n <Modifier />\\n </ButtonRow>\\n </Header>\\n <Content>{state.view === \\\"THING\\\" ? <Thing /> : <Plugin />}</Content>\\n </Container>\\n);\\n"

},

"every.library.view": {

"": "/**\\n * This is just a direct copy of mob.near/widget/N.Library\\n */\\nconst accountId = context.accountId || \\\"root.near\\\";\\nconst authorId = \\\"mob.near\\\";\\nconst itemDescription =\\n \\\'The identifier item. It will be used as a unique identifier of the entity that receives the action. It\\\\\\\'s also used as a key of the action in the index.\\\\nThe item should be an object with the following keys: `type`, `path` and optional `blockHeight`.\\\\n- `type`: If the data is stored in the social DB, then the type is likely `\\\"social\\\"`, other types can be defined in the standards.\\\\n- `path`: The path to the item. For a `\\\"social\\\"` type, it\\\\\\\'s absolute path within SocialDB, e.g. `alice.near/post/main`.\\\\n- `blockHeight`: An optional paremeter to indicate the block when the data was stored. Since SocialDB data can be overwritten to save storage, the exact data should be referenced by the block height (e.g. for a given post). But if the latest data should be used, then `blockHeight` should be ommited.\\\\n\\\\nExamples of `item`:\\\\n- `{type: \\\"social\\\", path: \\\"mob.near/widget/N.Library\\\"}`\\\\n- `{type: \\\"social\\\", path: \\\"mob.near/post/main\\\", blockHeight: 81101335}`\\\\n\\\';\\nconst components = [\\n {\\n title: \\\"Feed\\\",\\n // category: \\\"Profile\\\",\\n widgetName: \\\"Feed\\\",\\n description: \\\"\\\",\\n // demoProps: { accountId },\\n // requiredProps: {\\n // accountId: \\\"The account ID of the profile\\\",\\n // },\\n // optionalProps: {\\n // profile: \\\"Object that holds profile information to display\\\",\\n // fast: \\\"Render profile picture faster using external cache, default true if the `props.profile` is not provided\\\",\\n // hideDescription: \\\"Don\\\'t show description, default false\\\",\\n // },\\n },\\n {\\n title: \\\"Context Menu\\\",\\n // category: \\\"Profile\\\",\\n widgetName: \\\"ContextMenu\\\",\\n description: \\\"\\\",\\n // demoProps: { accountId, tooltip: true },\\n // requiredProps: {\\n // accountId: \\\"The account ID of the profile\\\",\\n // },\\n // optionalProps: {\\n // profile: \\\"Object that holds profile information to display\\\",\\n // fast: \\\"Render profile picture faster using external cache, default true if the `props.profile` is not provided\\\",\\n // tooltip:\\n // \\\"Display overlay tooltip when you hover over the profile, default false\\\",\\n // },\\n },\\n {\\n title: \\\"Router\\\",\\n // category: \\\"Profile\\\",\\n widgetName: \\\"Router\\\",\\n description: \\\"\\\",\\n // demoProps: { accountId, tooltip: true },\\n // requiredProps: {\\n // accountId: \\\"The account ID of the profile\\\",\\n // },\\n // optionalProps: {\\n // link: \\\"Whether to make profile clickable with a link to the profile page, default true.\\\",\\n // hideAccountId: \\\"Don\\\'t show account ID, default false\\\",\\n // hideName: \\\"Don\\\'t show profile name, default false\\\",\\n // hideImage: \\\"Don\\\'t show profile picture, default false\\\",\\n // hideCheckmark: \\\"Don\\\'t show premium checkmark, default false\\\",\\n // profile: \\\"Object that holds profile information to display\\\",\\n // fast: \\\"Render profile picture faster using external cache, default true if the `props.profile` is not provided\\\",\\n // title:\\n // \\\'Optional title when you hover over the profile. Default `\\\"${name} ${accountId}\\\"`\\\',\\n // tooltip:\\n // \\\"Display overlay tooltip or title when you hover over the profile, default false. Will display a custom title if tooltip is given. If tooltip is true, the full tooltip is displayed. Default false\\\",\\n // },\\n },\\n];\\nconst renderProps = (props, optional) => {\\n return Object.entries(props || {}).map(([key, desc]) => {\\n return (\\n <tr key={key}>\\n <td>\\n <span className={`code prop-key${optional ? \\\" optional\\\" : \\\"\\\"}`}>\\n {key}\\n </span>\\n </td>\\n <td className=\\\"prop-desc\\\">\\n <Markdown text={desc} />\\n </td>\\n </tr>\\n );\\n });\\n};\\nconst renderComponent = (c, i) => {\\n const widgetSrc = `${authorId}/widget/${c.widgetName}`;\\n const embedCode = `<Widget\\\\n src=\\\"${widgetSrc}\\\"\\\\n props={{${JSON.stringify(\\n c.demoProps,\\n undefined,\\n 2\\n )\\n .slice(1, -1)\\n .split(\\\"\\\\n\\\")\\n .map((s) => ` ${s}`)\\n .join(\\\"\\\\n\\\")}}}\\\\n/>\\\\n`;\\n const id = c.title.toLowerCase().replaceAll(\\\" \\\", \\\"-\\\");\\n return (\\n <div className=\\\"component\\\" key={i}>\\n <div className=\\\"anchor\\\" id={id} />\\n <a href={`#${id}`}>\\n <h3>{c.title}</h3>\\n </a>\\n <p>{c.description}</p>\\n <label>Preview</label>\\n <div className=\\\"preview mb-3\\\" style={c.previewStyle}>\\n <Widget src={widgetSrc} props={c.demoProps} />\\n </div>\\n <label>Component</label>\\n <div className=\\\"d-flex flex-row flex-wrap justify-content-between mb-3\\\">\\n <div className=\\\"path font-monospace\\\">\\n <Widget\\n src=\\\"mob.near/widget/CopyButton\\\"\\n props={{\\n text: widgetSrc,\\n label: widgetSrc,\\n }}\\n />\\n </div>\\n <div className=\\\"source\\\">\\n <a\\n href={`/mob.near/widget/WidgetSource?src=${widgetSrc}`}\\n target=\\\"_blank\\\"\\n className=\\\"btn btn-outline-primary border-0\\\"\\n >\\n Source\\n </a>\\n </div>\\n </div>\\n <label>Props</label>\\n <table className=\\\"props table table-bordered mb-3\\\">\\n <thead>\\n <tr>\\n <th>Key</th>\\n <th>Description</th>\\n </tr>\\n </thead>\\n <tbody>\\n {renderProps(c.requiredProps)}\\n {renderProps(c.optionalProps, true)}\\n </tbody>\\n </table>\\n <label>Example</label>\\n <div className=\\\"embed-code\\\">\\n <Markdown text={`\\\\`\\\\`\\\\`jsx\\\\n${embedCode}\\\\n\\\\`\\\\`\\\\``} />\\n <div className=\\\"embed-copy\\\">\\n <Widget\\n src=\\\"mob.near/widget/CopyButton\\\"\\n props={{ text: embedCode, className: \\\"btn btn-outline-light\\\" }}\\n />\\n </div>\\n </div>\\n </div>\\n );\\n};\\nconst renderMenuItem = (c, i) => {\\n const prev = i ? components[i - 1] : null;\\n const res = [];\\n if (!prev || prev.category !== c.category) {\\n res.push(\\n <h5 className=\\\"category\\\" key={c.category}>\\n {c.category}\\n </h5>\\n );\\n }\\n const id = c.title.toLowerCase().replaceAll(\\\" \\\", \\\"-\\\");\\n res.push(\\n <div className=\\\"menu-item\\\" key={i}>\\n <a href={`#${id}`}>{c.title}</a>\\n </div>\\n );\\n return res;\\n};\\nconst Wrapper = styled.div`\\n @media (min-width: 992px) {\\n .b-s {\\n border-left: 1px solid #eee;\\n }\\n .b-e {\\n border-right: 1px solid #eee;\\n }\\n }\\n .category:not(:first-child) {\\n margin-top: 1em;\\n }\\n .component {\\n padding: 0.5em 12px;\\n padding-bottom: 0;\\n margin-bottom: 3em;\\n margin: 0 -12px 3em;\\n position: relative;\\n &:hover {\\n background: rgba(0, 0, 0, 0.03);\\n }\\n .anchor {\\n position: absolute;\\n top: -70px;\\n }\\n table {\\n background: white;\\n }\\n label {\\n font-size: 20px;\\n }\\n .code {\\n display: inline-flex;\\n line-height: normal;\\n border-radius: 0.3em;\\n padding: 0 4px;\\n border: 1px solid #ddd;\\n background: rgba(0, 0, 0, 0.03);\\n font-family: var(--bs-font-monospace);\\n }\\n .path {\\n }\\n .preview {\\n background-color: white;\\n padding: 12px;\\n border: 1px solid #eee;\\n border-radius: 12px;\\n pre {\\n margin-bottom: 0;\\n }\\n }\\n .props {\\n .prop-key {\\n font-weight: 600;\\n &.optional {\\n font-weight: normal;\\n }\\n }\\n .prop-desc {\\n p {\\n margin-bottom: 0;\\n }\\n }\\n }\\n .embed-code {\\n position: relative;\\n .embed-copy {\\n position: absolute;\\n top: 18px;\\n right: 10px;\\n }\\n }\\n }\\n`;\\nreturn (\\n <Wrapper>\\n <h3>Component Library</h3>\\n <div className=\\\"mb-3\\\">This library contains components</div>\\n <div className=\\\"row\\\">\\n <div className=\\\"col-lg-3 b-e b-s\\\">{components.map(renderMenuItem)}</div>\\n <div className=\\\"col-lg-9 b-e\\\">{components.map(renderComponent)}</div>\\n </div>\\n </Wrapper>\\n);\\n"

}

Result:

{

"block_height": "168537676"

}

Logs:

No Logs

Transaction Details

Receipt:

Status:

Block:

Timestamp:

From:

To:

Value:

Burnt Gas:

Burnt Tokens:

Actions:

Result:

Logs:

Receipt:

Status:

Block:

Timestamp:

From:

To:

Value:

Burnt Gas:

Burnt Tokens:

Actions:

Result:

Logs:

Receipt:

Status:

Block:

Timestamp:

From:

To:

Value:

Burnt Gas:

Burnt Tokens:

Actions:

Result:

Logs:

Receipt:

Status:

Block:

Timestamp:

From:

To:

Value:

Burnt Gas:

Burnt Tokens:

Actions:

Result:

Logs:

Receipt:

Status:

Block:

Timestamp:

From:

To:

Value:

Burnt Gas:

Burnt Tokens:

Actions:

Result:

Logs: