victorporof/async-stack-tagging-non-recurring.js

## async-stack-tagging-non-recurring.js
/* --- Userland --- */

function someTask() {
  console.trace("completeWork: someTask");
}

function someOtherTask() {
  console.trace("completeWork: someOtherTask");
}

function businessLogic() {
  scheduler.scheduleUnitOfWork(someTask);
  scheduler.scheduleUnitOfWork(someOtherTask);
}

businessLogic();
scheduler.workLoop();

## framework.js
/* --- Framework --- */

function makeScheduler() {
  let tasks = [];

  return {
    scheduleUnitOfWork(f) {
      const id = console.scheduleAsyncTask(f.name);
      tasks.push({ id, f });
    },

    workLoop() {
      while (tasks.length) {
        const { id, f } = tasks.shift();
        console.startAsyncTask(id);
        f();
        console.finishAsyncTask(id);
      }
    },
  };
}

const scheduler = makeScheduler();

## test.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Async Tasks API</title>
  </head>
  <body>
    <script src="framework.js"></script>
    <script src="async-stack-tagging-non-recurring.js"></script>
  </body>
</html>
	/* --- Userland --- */

	function someTask() {
	console.trace("completeWork: someTask");
	}

	function someOtherTask() {
	console.trace("completeWork: someOtherTask");
	}

	function businessLogic() {
	scheduler.scheduleUnitOfWork(someTask);
	scheduler.scheduleUnitOfWork(someOtherTask);
	}

	businessLogic();
	scheduler.workLoop();
	/* --- Framework --- */

	function makeScheduler() {
	let tasks = [];

	return {
	scheduleUnitOfWork(f) {
	const id = console.scheduleAsyncTask(f.name);
	tasks.push({ id, f });
	},

	workLoop() {
	while (tasks.length) {
	const { id, f } = tasks.shift();
	console.startAsyncTask(id);
	f();
	console.finishAsyncTask(id);
	}
	},
	};
	}

	const scheduler = makeScheduler();
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<title>Async Tasks API</title>
	</head>
	<body>
	<script src="framework.js"></script>
	<script src="async-stack-tagging-non-recurring.js"></script>
	</body>
	</html>