Use loglevel for recording logs

[Palid]

Replace all console.log with https://github.com/pimterry/loglevel .debug calls for readability and to make a first step towards better structured logging, so that we'll only see proper development informations in the console instead of an enormous flood of everything, yet rageshake will still work properly.

Use below jscodeshift transform script:

const j = require('jscodeshift');
const addImports = require('jscodeshift-add-imports');

const { statement } = j.template;

const consoleMethods = [
    // 'error',
    // 'log',
    // 'warn',
    'info',
];

module.exports = function(fileInfo, api) {
    const root = api.jscodeshift(fileInfo.source);
    let foundConsoleCall = false;
    const newSource = root
        .find(j.MemberExpression, (node) => {
            const { object, property } = node;
            const isConsoleLog = (
                object.type === 'Identifier' &&
                object.name === 'console' &&
                property.type === 'Identifier' &&
                consoleMethods.includes(property.name)
            );

            return isConsoleLog;
        })
        .forEach(function(path) {
            const { value } = path;
            if (value.object.name === 'console' && consoleMethods.includes(value.property.name)) {
                foundConsoleCall = true;
                value.object.name = 'logger';
            }
        });

    if (foundConsoleCall) {
        addImports(root, [
            statement`import { logger } from "matrix-js-sdk/src/logger";`,
        ]);
    }

    return newSource.toSource();
};

To run the command:

1. yarn add -D jscodeshift jscodeshift-add-imports (npx doesn't work with those packages due to wrong paths)
2. Save above script as transform.js in the root directory of the package's src you want to update
3. Run following command: node node_modules/.bin/jscodeshift --extensions=tsx,js,jsx --parser=tsx -t ./transform.js ./src/ && node node_modules/.bin/jscodeshift --extensions=ts --parser=ts -t ./transform.js ./src/
4. There's no fourth point, you should be done!

Optimizing the flow isn't really useful, as tsx parser has some issues with .ts files. It takes a few seconds anyways.
If you want to change the console.info into logger.info just change CONSOLE_METHOD_NAME to something else, I don't think it can get much simpler. 😄

[jryans]

Please expose the logger instance to the console somehow so that e.g. I can turn them all back on via setLevel without changing code when desirable.

[Palid]

Waiting for review:
matrix-react-sdk: https://github.com/matrix-org/matrix-react-sdk/pull/
element-web: #19410