Node? ? ?????? React ?? Vue ?? ??, ??? ?? ?? ??? ???? ????? ?? ?? ??? ?? ?? console.log ?? ???? ???? ?? ?? JsTraceToIX? ?? ??? ????!

???? ??

?? ??:

• ???? ?? ???? ???? ??????.
• React, Vue, Node.js ??? ?? ????? ???? ?????.
• ? ? ??? ??? ??? ?? ?????.
• ?? ??? ????, ??? ?????, ??? ??? ????? ???? ?????.
• c__ ? d__? ?? ??? ?? ??? ???? ??? ?? ? ??? ?? ?? ??? ? ????.
• ????? ??? ???? ?????.

???: Python?? ???? ?? Python ????? ??? ??? ??? ??? ???? PyTraceToIX? ?????.

???? ???? ???? ??? ????. JsTraceToIX? ???? ??? ???? ??? ? ?? ?? ??? ? ?? ???? ? ???? ?????!

JsTraceToIX? ???? ??? ????? ??? ???? ? ??? ?????.

??

npm install jstracetoix --save-dev

?? ???

? ????:

• cityTax ??? ??? ?? ??? ???? ??? 'Price'? ?????.
• ???? ??:
  • c__? ? ?? ?? ??? ?????.
  • c__? cityTax? ??? ???? ? ?? ?? CityTax? ??? ?????.
  • d__? ??, ??, ???, ? ?? ? ??? ??? ? ?? ?????.

d__? ?? ??? ?????.

i0:`Rice` | Price:`10` | CityTax:`5` | _:`15`
i0:`Coffee` | Price:`30` | CityTax:`15` | _:`45`
i0:`Shoes` | Price:`100` | CityTax:`15` | _:`115`

import './App.css';
// Without local installation
import { c__, d__ } from 'https://cdn.jsdelivr.net/gh/a-bentofreire/jstracetoix@1.1.0/component/jstracetoix.mjs';

// If it's installed locally via "npm install jstracetoix --save-dev"
// import { c__, d__ } from 'jstracetoix/component/jstracetoix.mjs';

const cityTax = (price) => c__(price, {name: 'Price'}) > 20 ? 15 : 5;
const products = [
    { title: 'Rice', price: 10, id: 1 },
    { title: 'Coffee', price: 30, id: 2 },
    { title: 'Shoes', price: 100, id: 3 },
];

function ShoppingList() {
    const listItems = products.map(product =>
        <tr key={product.id}>
            <td>{c__(product.title)}</td>
            <td>{d__(product.price + c__(cityTax(product.price), { name: 'CityTax' }))}</td>
        </tr>
    );

    return (
        <table><tbody>{listItems}</tbody></table>
    );
}

function App() {
    return (
        <div className="App">
            <header className="App-header">
                <ShoppingList />
            </header>
        </div>
    );
}

export default App;

Node.js ???

? ????:

• c__.allow() - ? > 40.00, ?? ?? ?? ??? ???? ????.
• d__.allow() - ??? ?? ?? ?? ??????.
• d__.after() - ??? ??? ??? ??? ? ????? ?????.

import { c__, d__ } from 'jstracetoix';

const products = [
    { "name": "Smartphone 128GB", "price": 699.00 },
    { "name": "Coffee Maker", "price": 49.99 },
    { "name": "Electric Toothbrush", "price": 39.95 },
    { "name": "4K Ultra HD TV", "price": 999.99 },
    { "name": "Gaming Laptop", "price": 1299.00 }];

const factor = (price) => price < 1000 ? 1.10 : 1;

const prices = d__(products.map(product => c__(product.price,
    {
        allow: (index, name, value) => value > 40.00 ?
            Math.floor(value * factor(value)) : false,
        name: product.name.substring(0, 10)
    })), {
    allow: (data) => data._.map((v, i) => `${i}:${v}`),
    after: (data) => process.exit() // exits after displaying the results
});
// Smartphone:`768` | Coffee Mak:`54` | 4K Ultra H:`1099` | Gaming Lap:`1299` | _:`["0:699","1:49.99","2:39.95","3:999.99","4:1299"]`

// this code is unreachable
for (const price in prices) {
    let value = price;
}

??

Node.js ??? ???? ????? ??? ?? '?? ?'? ??? ?????.
??? console.debug? ???? ????? ?? console.log ????? ?? ???? ? ????.

?? ?? ??? init__({'stream': new_stream.log })

? ???? ???? ? ????.

?????

d__ ?? ??? ???? ??? ??? ??? ??? ?? ?? ??? ??? ???? ???? ??? ? ????.

• Meta__: ?? ?? ??? ?? ? ?????.
• thread_id__: ?? ?? thread_id
• allow_input_count__: ???? ? ?? ?.
• input_count__: ???? ? ?? ?.
• ??__: false? ?? ???????. ?? ??? ?????.
• ??__: new_line ?? ??? ??? ??????.
• name: ?? ????

?? ?? ??

??? ??

? ??? JsTraceToIX - React, Vue ? Node.js ???? ?? ??????! – `console.log`? ?????? ???? ?? ??? ????!? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!