diff --git a/flecs-dash/etc/apps/browser/browser.js b/flecs-dash/etc/apps/browser/browser.js
deleted file mode 100644
index 3e51e4c..0000000
--- a/flecs-dash/etc/apps/browser/browser.js
+++ /dev/null
@@ -1,97 +0,0 @@
-
-Vue.component('app-browser', {
- data: function() {
- return {
- scope: "",
- entity: "",
- entity_validated: "",
- entity_components: {},
- entity_request: undefined,
- error: false
- }
- },
- methods: {
- e_select_entity(event) {
- this.entity = event.entity;
- this.$refs.editor.select_entity(event.entity);
- },
- e_select_scope(event) {
- this.scope = event.scope;
- this.$refs.data.select_scope(event.scope);
- },
- e_select_component(event) {
- this.$refs.component_search.activate(event);
- }
- },
- template: `
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
{{ name }}
-
-
-
-
-
-
-
- `
-});
diff --git a/flecs-dash/etc/apps/browser/entity_editor.js b/flecs-dash/etc/apps/browser/entity_editor.js
deleted file mode 100644
index 929c873..0000000
--- a/flecs-dash/etc/apps/browser/entity_editor.js
+++ /dev/null
@@ -1,128 +0,0 @@
-
-Vue.component('entity-editor', {
- data: function() {
- return {
- entity_pending: "",
- entity: "",
- components: {},
- }
- },
- methods: {
- entity_url(entity) {
- return entity.replace(/\./g, "/");
- },
- request_entity(entity) {
- if (!entity || !entity.length) {
- this.entity_pending = "";
- this.entity = "";
- this.components = {};
- return;
- }
-
- this.entity_pending = entity;
- var entity_url = this.entity_url(entity);
-
- app.get("entity/" + entity_url, (msg) => {
- this.entity = this.entity_pending;
- this.components = msg;
- this.error = false;
- }, (Http) => {
- if (Http.status == 404) {
- // Entity can no longer be found on URL
- this.entity_pending = "";
- this.entity = "";
- this.components = {};
- }
- });
- },
- select_entity(entity) {
- if (entity != this.entity) {
- this.entity_pending = entity;
- this.request_entity(entity);
- }
- },
- entity_hidden() {
- if (this.entity) {
- return 'visible;';
- } else {
- return 'hidden;';
- }
- },
- components_hidden() {
- if (this.components) {
- return 'visible;';
- } else {
- return 'hidden;';
- }
- },
- e_add(event) {
- this.$emit('select-component', {
- callback: function(component) {
- app.put("entity/" + this.entity_url(this.entity) + "?select=" + component, undefined, (msg) => {
- this.request_entity(this.entity);
- });
- }.bind(this)
- });
- },
- e_sync(event) {
- this.request_entity(this.entity);
- },
- e_remove_component(event) {
- app.delete("entity/" + this.entity_url(this.entity) + "?select=" + event.component, undefined, (msg) => {
- this.request_entity(this.entity);
- });
- },
- e_delete(event) {
- app.delete("entity/" + this.entity_url(this.entity), undefined, (msg) => {
- this.request_entity(undefined);
- });
- }
- },
- computed: {
- tags: function() {
- var type = this.components.type;
- if (!type) {
- return [];
- }
-
- var data = this.components.data;
- var tags = [];
- for (var i = 0; i < type.length; i ++) {
- var tag = type[i];
- if (!data.hasOwnProperty(tag)) {
- if (Array.isArray(tag)) {
- tags.push(type[i].join(" | "));
- } else {
- tags.push(tag);
- }
- }
- }
-
- return tags;
- }
- },
- template: `
-
-
-
- {{ components.path }}
-
-
-
-
-
-
-
-
-
-
-
Tags
-
-
-
-
-
-
-
-
-
-
- | Id |
- |
- Name |
-
- |
- {{ key }} |
-
-
-
- |
- |
- |
-
- |
- {{ member }} |
-
-
-
-
-
- | {{ entity }} |
- |
- {{ data.data.Name[i].value }} |
-
- |
-
- {{ component_member(component[i][member]) }}
- |
-
-
-
-
-
-
-
- `
- });
-
\ No newline at end of file
diff --git a/flecs-dash/etc/apps/browser/entity_tree.js b/flecs-dash/etc/apps/browser/entity_tree.js
deleted file mode 100644
index 9f47f14..0000000
--- a/flecs-dash/etc/apps/browser/entity_tree.js
+++ /dev/null
@@ -1,207 +0,0 @@
-// Component that implements a traversable entity tree
-Vue.component('entity-tree', {
- props: {
- filter: Array,
- search_text: String,
- auto_update: Boolean
- },
- mounted: function() {
- this.startRequesting("");
- },
- beforeDestroy: function() {
- this.stopRequesting();
- },
- data: function() {
- return {
- scope_pending: "",
- scope: "",
- scope_info: {},
- scope_request: undefined,
- entities: [],
- entity: "",
- error: false
- }
- },
- methods: {
- // Send an HTTP request for the current scope
- request_scope(scope) {
- var url = "browse/" + scope + "?include=Name";
- if (this.filter) {
- url += "," + this.filter.join(",");
- }
- app.get(url, (msg) => {
- if (this.scope != this.scope_pending) {
- this.$emit("select-scope", {scope: this.scope_pending});
- }
- this.scope = this.scope_pending;
- this.entities = msg;
- this.error = false;
- }, (Http) => {
- if (Http.status == 404) {
- this.error = true;
- }
- });
- },
- // Send an HTTP request for the current scope
- request_scope_info(scope) {
- var filter = ""
- if (this.filter) {
- filter = "?include=" + this.filter.join(",");
- }
- app.get("info/" + scope + filter, (msg) => {
- this.scope_info = msg;
- }, (Http) => {
- if (Http.status == 404) {
- this.error = true;
- }
- });
- },
- // Send an HTTP request for the current scope
- request_add_entity(entity) {
- app.post("entity/" + entity, (msg) => {
- }, (Http) => {
- if (Http.status == 404) {
- this.error = true;
- }
- });
- },
- // Stop periodically requesting the scope
- stopRequesting() {
- this.scope = undefined;
- this.scope_validated = undefined;
- clearInterval(this.scope_request);
- },
- // Start periodically requesting a scope
- startRequesting(scope) {
- this.stopRequesting();
-
- // Initial request
- var scope_url = scope.replace(/\./g, "/");
- this.request_scope(scope_url);
- this.request_scope_info(scope_url);
-
- // Start periodic request
- if (this.auto_update) {
- this.scope_request = window.setInterval(function() {
- this.request_scope(scope_url);
- }.bind(this), 1000);
- }
- },
- // Reset to initial state
- reset() {
- this.entity = "";
- this.entities = [];
- this.scope = "";
- this.scope_pending = "";
- this.$refs.search.set_value("");
-
- if (!this.auto_update) {
- this.startRequesting(this.scope);
- }
- },
- // Change current scope to fully qualified path
- set_scope(scope) {
- this.scope_pending = scope;
- this.$refs.search.set_value(scope);
- this.startRequesting(scope);
-
- if (this.entity != "") {
- this.select_entity("");
- }
- },
- // Event that contains an full path
- e_set_scope: function(event) {
- this.set_scope(event.entity);
- },
- // Event that contains a relative entity id
- e_set_scope_relative: function(event) {
- var scope = "";
-
- if (this.scope && this.scope != "") {
- scope = this.scope + "." + event.entity;
- } else {
- scope = event.entity;
- }
-
- this.set_scope(scope);
- },
-
- // Select an entity from the tree
- select_entity(entity) {
- if (entity == this.entity) {
- this.entity = "";
- } else {
- this.entity = entity;
- }
-
- this.$emit("select-entity", {entity: this.entity});
- },
- // Select the current scope
- e_select_scope: function() {
- this.select_entity(this.scope);
- },
- e_add_entity: function(e) {
- this.request_add_entity(e.entity);
- this.scope = this.scope_pending;
- var parent = this.parent;
- this.scope_pending = parent;
- this.startRequesting(parent);
- this.$refs.search.set_value(parent);
- },
- // Select a relative entity identifier
- e_select_entity_relative: function(event) {
- var entity;
- if (this.scope) {
- entity = this.scope + "." + event.entity;
- } else {
- entity = event.entity;
- }
- this.select_entity(entity);
- },
- entity_tree_css() {
- var result = "entity-tree-list";
- if (this.show_nav) {
- result += " entity-tree-list-container";
- }
- return result;
- }
- },
- computed: {
- parent: function() {
- if (this.scope && this.scope.indexOf(".")) {
- return this.scope.substr(0, this.scope.lastIndexOf("."));
- } else {
- return "";
- }
- }
- },
- template: `
-
- `
-});
diff --git a/flecs-dash/etc/apps/browser/entity_tree_item.js b/flecs-dash/etc/apps/browser/entity_tree_item.js
deleted file mode 100644
index 65e1c64..0000000
--- a/flecs-dash/etc/apps/browser/entity_tree_item.js
+++ /dev/null
@@ -1,121 +0,0 @@
-
-Vue.component('entity-tree-item', {
- props: [ "entity", "current", "text", "nav_only", "" ],
- data: function() {
- return {
- clicks: 0,
- timer: null
- }
- },
- methods: {
- nav_scope: function() {
- this.$emit("nav-scope", {entity: this.entity.name});
- },
-
- single_click_nav_scope: function() {
- if (this.nav_only) {
- this.nav_scope();
- } else {
- this.$emit("select-entity", {entity: this.entity.name});
- }
- },
-
- is_disabled() {
- for (var i = 0; i < this.entity.type.length; i ++) {
- var el = this.entity.type[i];
-
- if (el == "Disabled") {
- return true;
- }
- }
-
- return false;
- },
-
- css() {
- var result = "entity-tree-item";
-
- if (this.is_disabled()) {
- result += " entity-tree-item-disabled";
- }
-
- if (!this.current) {
- return result;
- }
-
- var entity = this.entity.name;
- var current;
-
- if (this.current.indexOf(".") != -1) {
- var pos = this.current.lastIndexOf(".") + 1;
- current = this.current.substr(pos, this.current.length - pos);
- } else {
- current = this.current;
- }
-
- if (entity === current) {
- result += " entity-tree-item-active";
- }
-
- return result;
- },
-
- kind() {
- var component = "";
-
- for (var i = 0; i < this.entity.type.length; i ++) {
- var el = this.entity.type[i];
-
- if (el == "Module") {
- component = el;
- break;
- } else if (el == "Component") {
- component = el;
- // Don't break, entity can also be module
- } else if (el == "Prefab") {
- component = el;
- break;
- } else if (el == "flecs.system.System") {
- component = "System";
- break;
- } else if (el == "Type") {
- component = el;
- break;
- }
- }
-
- return component;
- }
- },
- computed: {
- entity_id: function() {
- var text = this.text ? this.text : "";
- var entity = "";
-
- if (this.entity) {
- entity = this.entity.name ? this.entity.name : "";
- }
-
- // A bit of a convoluted way to makes sure that we show text instead of an
- // entity name when provided, except when the text is "." in which case we
- // show the entity name when there is one.
- if (text.length && (text != "." || !entity.length)) {
- return text;
- } else {
- return entity;
- }
- },
- show_nav() {
- return !this.nav_only && this.text != ".";
- }
- },
- template: `
-
-
-
-
-
{{entity_id}}
-
-
-
-
`
- });
diff --git a/flecs-dash/etc/apps/overview/entity_graph.js b/flecs-dash/etc/apps/overview/entity_graph.js
deleted file mode 100644
index a0b7185..0000000
--- a/flecs-dash/etc/apps/overview/entity_graph.js
+++ /dev/null
@@ -1,116 +0,0 @@
-
-const entity_chart = {
- type: 'line',
- data: {
- labels: [],
- datasets: [
- {
- label: 'Total',
- data: [],
- backgroundColor: [ 'rgba(0,0,0,0)' ],
- borderColor: [
- '#5BE595',
- ],
- borderWidth: 2,
- pointRadius: 0,
- yAxisID: "count"
- },
- {
- label: 'Matched',
- data: [],
- backgroundColor: [ 'rgba(0,0,0,0)' ],
- borderColor: [
- '#46D9E6',
- ],
- borderWidth: 2,
- pointRadius: 0,
- yAxisID: "count"
- }
- ]
- },
- options: {
- title: {
- display: false
- },
- responsive: true,
- maintainAspectRatio: false,
- lineTension: 1,
- animation: {
- duration: 0
- },
- legend: {
- display: true
- },
- scales: {
- yAxes: [{
- id: 'count',
- ticks: {
- beginAtZero: true,
- padding: 10,
- callback: function(value, index, values) {
- return value;
- }
- }
- }],
- xAxes: [{
- ticks: {
- minRotation: 0,
- maxRotation: 0,
- maxTicksLimit: 20
- }
- }]
- }
- }
- }
-
- Vue.component('entity-graph', {
- props: ['tick', 'data'],
- updated() {
- this.updateChart();
- },
- data: function() {
- return {
- chart: undefined
- }
- },
- methods: {
- setValues() {
- if (!this.data.world) {
- return;
- }
-
- if (!this.chart) {
- this.createChart();
- }
-
- var labels = [];
- var length = this.data.world.history_1m.frame_time_total.avg.length;
- for (var i = 0; i < length; i ++) {
- labels.push((length - i) + "s");
- }
-
- entity_chart.data.labels = labels;
- entity_chart.data.datasets[0].data = this.data.world.history_1m.entity_count.avg;
- entity_chart.data.datasets[1].data = this.data.world.history_1m.matched_entity_count.avg;
- },
- createChart() {
- const ctx = document.getElementById('entity-graph');
- this.chart = new Chart(ctx, {
- type: entity_chart.type,
- data: entity_chart.data,
- options: entity_chart.options
- });
- },
- updateChart() {
- if (!this.data.world) {
- return;
- }
- this.setValues();
- this.chart.update();
- }
- },
- template: `
-
-
-
`
- });
diff --git a/flecs-dash/etc/apps/overview/operation_graph.js b/flecs-dash/etc/apps/overview/operation_graph.js
deleted file mode 100644
index bcade48..0000000
--- a/flecs-dash/etc/apps/overview/operation_graph.js
+++ /dev/null
@@ -1,149 +0,0 @@
-const operation_chart = {
- type: 'line',
- data: {
- labels: [],
- datasets: [
- {
- label: 'New',
- data: [],
- backgroundColor: [ 'rgba(0,0,0,0)' ],
- borderColor: [
- '#5BE595',
- ],
- borderWidth: 2,
- pointRadius: 0,
- yAxisID: "count"
- },
- {
- label: 'Delete',
- data: [],
- backgroundColor: [ 'rgba(0,0,0,0)' ],
- borderColor: [
- '#46D9E6',
- ],
- borderWidth: 2,
- pointRadius: 0,
- yAxisID: "count"
- },
- {
- label: 'Set',
- data: [],
- backgroundColor: [ 'rgba(0,0,0,0)' ],
- borderColor: [
- '#2D5BE6',
- ],
- borderWidth: 2,
- pointRadius: 0,
- yAxisID: "count"
- },
- {
- label: 'Add',
- data: [],
- backgroundColor: [ 'rgba(0,0,0,0)' ],
- borderColor: [
- '#6146E6',
- ],
- borderWidth: 2,
- pointRadius: 0,
- yAxisID: "count"
- },
- {
- label: 'Remove',
- data: [],
- backgroundColor: [ 'rgba(0,0,0,0)' ],
- borderColor: [
- '#E550E6',
- ],
- borderWidth: 2,
- pointRadius: 0,
- yAxisID: "count"
- }
- ]
- },
- options: {
- title: {
- display: false
- },
- responsive: true,
- maintainAspectRatio: false,
- lineTension: 1,
- animation: {
- duration: 0
- },
- scales: {
- yAxes: [{
- id: 'count',
- ticks: {
- beginAtZero: true,
- padding: 10,
- callback: function(value, index, values) {
- return value + "/s";
- }
- }
- }],
- xAxes: [{
- ticks: {
- minRotation: 0,
- maxRotation: 0,
- maxTicksLimit: 20
- }
- }]
- }
- }
- }
-
- Vue.component('operation-graph', {
- props: ['tick', 'data'],
- updated() {
- this.updateChart();
- },
- data: function() {
- return {
- chart: undefined
- }
- },
- methods: {
- setValues() {
- if (!this.data.world) {
- return;
- }
-
- if (!this.chart) {
- this.createChart();
- }
-
- var labels = [];
- var length = this.data.world.history_1m.frame_time_total.avg.length;
- for (var i = 0; i < length; i ++) {
- labels.push((length - i) + "s");
- }
-
- operation_chart.data.labels = labels;
- operation_chart.data.datasets[0].data = this.data.world.history_1m.new_count.avg;
- operation_chart.data.datasets[1].data = this.data.world.history_1m.delete_count.avg;
- operation_chart.data.datasets[2].data = this.data.world.history_1m.set_count.avg;
- operation_chart.data.datasets[3].data = this.data.world.history_1m.add_count.avg;
- operation_chart.data.datasets[4].data = this.data.world.history_1m.remove_count.avg;
- },
- createChart() {
- const ctx = document.getElementById('operation-graph');
-
- this.chart = new Chart(ctx, {
- type: operation_chart.type,
- data: operation_chart.data,
- options: operation_chart.options
- });
- },
- updateChart() {
- if (!this.data.world) {
- return;
- }
- this.setValues();
- this.chart.update();
- }
- },
- template: `
-
-
-
`
- });
diff --git a/flecs-dash/etc/apps/overview/overview.js b/flecs-dash/etc/apps/overview/overview.js
deleted file mode 100644
index f64558e..0000000
--- a/flecs-dash/etc/apps/overview/overview.js
+++ /dev/null
@@ -1,190 +0,0 @@
-
-Vue.component('app-overview', {
- mounted: function() {
- this.startRequesting("");
- },
- beforeDestroy: function() {
- this.stopRequesting();
- },
- data: function() {
- return {
- data: {},
- data_request: undefined,
- error: false,
- tick: 0
- }
- },
- methods: {
- request_data() {
- var url = "metrics?world=yes";
-
- this.tick ++;
-
- app.get(url, (msg) => {
- this.data = msg;
- this.error = false;
- }, (Http) => {
- if (Http.status == 404) {
- this.error = true;
- }
- });
- },
- // Stop periodically requesting the scope
- stopRequesting() {
- this.data = [];
- clearInterval(this.data_request);
- },
- // Start periodically requesting a scope
- startRequesting(scope) {
- this.stopRequesting();
-
- // Initial request
- this.request_data();
-
- // Start periodic request
- this.data_request = window.setInterval(function() {
- this.request_data();
- }.bind(this), 1000);
- },
- entity_count() {
- if (!this.data.world) {
- return 0;
- }
- return this.data.world.current.entity_count;
- },
- operation_count() {
- if (!this.data.world) {
- return 0;
- }
- return (this.data.world.current.add_count +
- this.data.world.current.remove_count +
- this.data.world.current.clear_count +
- this.data.world.current.delete_count +
- this.data.world.current.set_count +
- this.data.world.current.bulk_new_count).toFixed(0);
- },
- system_count() {
- if (!this.data.world) {
- return 0;
- }
- return (this.data.world.current.systems_ran).toFixed(0);
- },
- component_count() {
- if (!this.data.world) {
- return 0;
- }
- return this.data.world.current.component_count;
- },
- table_count() {
- if (!this.data.world) {
- return 0;
- }
- return this.data.world.current.table_count;
- },
- fragmentation() {
- if (!this.data.world) {
- return 0;
- }
-
- /* Compute global fragmentation as total matched tables divided by total
- * matched entities. Subtract one from the tables, so that if there is a
- * single entity matching a single table, fragmentation is 0% */
- return (100 * (this.data.world.current.matched_table_count - 1) /
- this.data.world.current.matched_entity_count).toFixed(0);
- }
- },
- template: `
-
-
-
-
-
-
- {{entity_count()}}
-
-
-
-
-
-
- {{component_count()}}
-
-
-
-
-
-
- {{system_count()}}
-
-
-
-
-
-
- {{table_count()}}
-
-
-
-
-
-
- {{fragmentation()}}%
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
`
- });
\ No newline at end of file
diff --git a/flecs-dash/etc/apps/overview/table_graph.js b/flecs-dash/etc/apps/overview/table_graph.js
deleted file mode 100644
index de8e7a4..0000000
--- a/flecs-dash/etc/apps/overview/table_graph.js
+++ /dev/null
@@ -1,140 +0,0 @@
-
-const table_chart = {
- type: 'line',
- data: {
- labels: [],
- datasets: [
- {
- label: 'Total',
- data: [],
- backgroundColor: [ 'rgba(0,0,0,0)' ],
- borderColor: [
- '#5BE595',
- ],
- borderWidth: 2,
- pointRadius: 0,
- yAxisID: "count"
- },
- {
- label: 'Matched',
- data: [],
- backgroundColor: [ 'rgba(0,0,0,0)' ],
- borderColor: [
- '#46D9E6',
- ],
- borderWidth: 2,
- pointRadius: 0,
- yAxisID: "count"
- },
- {
- label: 'Singleton',
- data: [],
- backgroundColor: [ 'rgba(0,0,0,0)' ],
- borderColor: [
- '#4596E5',
- ],
- borderWidth: 2,
- pointRadius: 0,
- yAxisID: "count"
- },
- {
- label: 'Empty',
- data: [],
- backgroundColor: [ 'rgba(0,0,0,0)' ],
- borderColor: [
- '#2D5BE6',
- ],
- borderWidth: 2,
- pointRadius: 0,
- yAxisID: "count"
- }
- ]
- },
- options: {
- title: {
- display: false
- },
- responsive: true,
- maintainAspectRatio: false,
- lineTension: 1,
- animation: {
- duration: 0
- },
- legend: {
- display: true
- },
- scales: {
- yAxes: [{
- id: 'count',
- ticks: {
- beginAtZero: true,
- padding: 10,
- callback: function(value, index, values) {
- return value;
- }
- }
- }],
- xAxes: [{
- ticks: {
- minRotation: 0,
- maxRotation: 0,
- maxTicksLimit: 20
- }
- }]
- }
- }
- }
-
- Vue.component('table-graph', {
- props: ['tick', 'data'],
- updated() {
- this.updateChart();
- },
- data: function() {
- return {
- chart: undefined
- }
- },
- methods: {
- setValues() {
- if (!this.data.world) {
- return;
- }
-
- if (!this.chart) {
- this.createChart();
- }
-
- var labels = [];
- var length = this.data.world.history_1m.table_count.avg.length;
- for (var i = 0; i < length; i ++) {
- labels.push((length - i) + "s");
- }
-
- table_chart.data.labels = labels;
- table_chart.data.datasets[0].data = this.data.world.history_1m.table_count.avg;
- table_chart.data.datasets[1].data = this.data.world.history_1m.matched_table_count.avg;
- table_chart.data.datasets[2].data = this.data.world.history_1m.singleton_table_count.avg;
- table_chart.data.datasets[3].data = this.data.world.history_1m.empty_table_count.avg;
- },
- createChart() {
- const ctx = document.getElementById('table-graph');
- this.chart = new Chart(ctx, {
- type: table_chart.type,
- data: table_chart.data,
- options: table_chart.options
- });
- },
- updateChart() {
- if (!this.data.world) {
- return;
- }
- this.setValues();
- this.chart.update();
- }
- },
- template: `
-
-
-
`
- });
diff --git a/flecs-dash/etc/apps/systems/style.css b/flecs-dash/etc/apps/systems/style.css
deleted file mode 100644
index 4f33e0d..0000000
--- a/flecs-dash/etc/apps/systems/style.css
+++ /dev/null
@@ -1,187 +0,0 @@
-
-div.system-header {
- padding-bottom: 10px;
-}
-
-div.systems {
- position: relative;
-}
-
-div.system {
- position: relative;
- background-color: #1E2022;
- color: #eee;
- font-size: 16px;
- padding: 10px;
- padding-top: 10px;
- padding-bottom: 5px;
- margin-left: 10px;
- margin-right: 10px;
- margin-top: 5px;
- height: 20px;
- border-left-style: solid;
- border-left-width: 5px;
- border-left-color: #181a1b;
- transition: border-left-color 0.3s;
-}
-
-div.system-query {
- position: relative;
- background-color: #26292b;
- color: #eee;
- font-size: 16px;
- padding: 10px;
- padding-top: 5px;
- margin-left: 10px;
- margin-right: 10px;
- margin-top: 0px;
- height: 20px;
- border-left-style: solid;
- border-left-width: 5px;
- border-left-color: #181a1b;
- transition: border-left-color 0.3s;
-}
-
-span.system-module {
- color: #88949b;
- font-size: 14px;
- font-weight: normal;
- padding-left: 5px;
-}
-
-span.system-metrics {
- position: absolute;
- top: 6px;
- right: 380px;
- background-color: #26292b;
- color: #88949b;
- font-size: 14px;
- font-weight: normal;
- border-radius: 2px;
- margin-left: 5px;
- padding: 3px;
- padding-left: 5px;
- padding-right: 5px;
-}
-
-div.merge {
- position: relative;
- background-color: #1E2022;
- color: #eee;
- font-size: 16px;
- padding: 10px;
- margin-left: 10px;
- margin-right: 10px;
- margin-top: 5px;
- border-left-color: #181818;
- border-left-style: solid;
- border-left-width: 5px;
-}
-
-div.system-entity-graph {
- position: absolute;
- top: 7px;
- right: 35px;
- height: 28px;
- width: 300px;
- background-color: #26292b;
-}
-
-div.system-time-graph {
- position: absolute;
- top: 7px;
- right: 35px;
- height: 28px;
- width: 300px
-}
-
-div.system-graph-label {
- position: absolute;
- top: -5px;
- left: -65px;
- text-align: right;
- padding-top: 8px;
- padding-bottom: 8px;
- padding-right: 5px;
- width: 60px;
- font-size: 13px;
- color: #888;
-}
-
-div.system-graph-label-filled {
- background-color: #26292b;
-}
-
-div.system-graph-label-secondary {
- position: absolute;
- top: 0px;
- left: 295px;
- font-size: 13px;
-}
-
-span.system-component {
- position: relative;
- top: 5px;
- background-color: #1E2022;
- padding: 4px;
- color: #4fa7ff;
- margin-right: 5px;
- font-size: 14px;
-}
-
-span.system-component-annotation {
- position: relative;
- left: -5px;
- background-color: #181a1b;
- padding: 4px;
- padding-left: 3px;
- padding-right: 0px;
- color: #47B576;
- margin-right: 0px;
- font-size: 14px;
-}
-
-span.system-component-not {
- color: #B5494B;
-}
-
-span.system-component-tag {
- color: #9546E5;
-}
-
-div.pct-lowest {
- color: #888;
-}
-
-div.pct-low {
- color: #5BE595;
-}
-
-div.pct-medium {
- color: #C6CA50;
-}
-
-div.pct-high {
- color: #B56D48;
-}
-
-div.pct-highest {
- color: #B5494B;
-}
-
-
-div.system-low {
- border-left-color: #5BE595;
-}
-
-div.system-medium {
- border-left-color: #C6CA50;
-}
-
-div.system-high {
- border-left-color: #B56D48;
-}
-
-div.system-highest {
- border-left-color: #B5494B;
-}
diff --git a/flecs-dash/etc/apps/systems/system.js b/flecs-dash/etc/apps/systems/system.js
deleted file mode 100644
index 45d70a2..0000000
--- a/flecs-dash/etc/apps/systems/system.js
+++ /dev/null
@@ -1,48 +0,0 @@
-
-
-Vue.component('system', {
- props: ['tick', 'system', 'system_time'],
- methods: {
- entity_count() {
- return this.system.current.matched_entity_count;
- },
- table_count() {
- return this.system.current.matched_table_count;
- },
- fragmentation() {
- return (((this.table_count() - 1) / this.entity_count()) * 100).toFixed(1) + "%";
- },
- percentage() {
- return (this.system.current.time_spent / this.system_time) * 100;
- },
- percentage_class() {
- let pct = this.percentage();
- if (pct < 1.0) {
- return "system-lowest";
- } else if (pct < 5.0) {
- return "system-low";
- } else if (pct < 10.0) {
- return "system-medium";
- } else if (pct < 20.0) {
- return "system-high";
- } else {
- return "system-highest";
- }
- }
- },
- template: `
- `
-});
diff --git a/flecs-dash/etc/apps/systems/system_component.js b/flecs-dash/etc/apps/systems/system_component.js
deleted file mode 100644
index d7700ee..0000000
--- a/flecs-dash/etc/apps/systems/system_component.js
+++ /dev/null
@@ -1,31 +0,0 @@
-
-Vue.component('system-component', {
- props: ['component'],
- methods: {
- css() {
- if (this.component.exclude) {
- return "system-component-not";
- }
- return "";
- }
- },
- template: `
-
-
- in
-
-
- $
-
-
- parent
-
-
- ref
-
-
- 0
-
- {{component.name}}
- `
-});
diff --git a/flecs-dash/etc/apps/systems/system_entity_graph.js b/flecs-dash/etc/apps/systems/system_entity_graph.js
deleted file mode 100644
index b8a4be4..0000000
--- a/flecs-dash/etc/apps/systems/system_entity_graph.js
+++ /dev/null
@@ -1,125 +0,0 @@
-
-const system_entity_chart = {
- type: 'line',
- data: {
- labels: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10,
- 11, 12, 13, 14, 15, 16, 17, 18, 19, 20,
- 21, 22, 23, 24, 12, 26, 27, 28, 29, 30,
- 31, 32, 33, 34, 13, 36, 37, 38, 39, 40,
- 41, 42, 43, 44, 14, 46, 47, 48, 49, 50,
- 51, 52, 53, 54, 15, 56, 57, 58, 59, 60],
- datasets: [
- {
- label: 'Matched entities',
- data: [],
- backgroundColor: [ '#26352c' ],
- borderColor: [ '#5BE595', ],
- borderWidth: 2,
- pointRadius: 0,
- fill: true,
- yAxisID: "entities"
- }
- ]
- },
- options: {
- title: {
- display: false
- },
- responsive: true,
- maintainAspectRatio: false,
- lineTension: 1,
- animation: {
- duration: 0
- },
- hover: {
- animationDuration: 0 // duration of animations when hovering an item
- },
- responsiveAnimationDuration: 0,
- legend: {
- display: false
- },
- elements: {
- line: {
- tension: 0 // disables bezier curves
- }
- },
- scales: {
- yAxes: [{
- id: 'entities',
- position: 'right',
- gridLines: {
- display:false
- },
- ticks: {
- display: false,
- beginAtZero: true,
- maxTicksLimit: 2
- }
- }],
- xAxes: [{
- gridLines: {
- display:false
- },
- ticks: {
- display: false
- }
- }]
- }
- }
-}
-
-Vue.component('system-entity-graph', {
- props: ['tick', 'system'],
- updated() {
- this.updateChart();
- },
- data: function() {
- return {
- chart: undefined
- }
- },
- methods: {
- setValues() {
- if (!this.system.history_1m) {
- return;
- }
-
- if (!this.chart) {
- this.createChart();
- }
-
- system_entity_chart.data.datasets[0].data = this.system.history_1m.matched_entity_count.avg;
- },
-
- createChart() {
- const ctx = document.getElementById('system-entity-' + this.system.name + '-graph');
- this.chart = new Chart(ctx, {
- type: system_entity_chart.type,
- data: system_entity_chart.data,
- options: system_entity_chart.options
- });
- },
-
- updateChart() {
- if (!this.system.history_1m) {
- return;
- }
- this.setValues();
- this.chart.update();
- },
-
- entity_count() {
- if (!this.system || !this.system.current) {
- return;
- }
- return this.system.current.matched_entity_count;
- }
- },
- template: `
-
-
- {{entity_count()}}
-
-
-
-
- {{time_spent()}}
-
-
- {{percentage_formatted()}}
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{system_time}}
-
-
-
-
-
-
-
-
-
- Load
-
- `
-});
-
-Vue.component('perf-clock', {
- props: ['data'],
- methods: {
- digit(num) {
- if (num < 10) {
- return "0" + num;
- } else {
- return num;
- }
- }
- },
- computed: {
- clock() {
- if (!this.data) {
- return "00:00:00.00";
- }
-
- const clock = this.data.data["flecs.dash.monitor.WorldClock"];
-
- let hours = Math.floor(clock.world_time / 3600);
- let minutes = Math.floor((clock.world_time - hours * 3600) / 60);
- let seconds = Math.floor(clock.world_time - hours * 3600 - minutes * 60);
- let remainder = Math.floor((clock.world_time - Math.floor(clock.world_time)) * 10);
-
- return this.digit(hours) + ":" + this.digit(minutes) + ":" +
- this.digit(seconds) + "." + remainder;
- },
- css() {
- if (!this.data) {
- return "";
- }
-
- const clock = this.data.data["flecs.dash.monitor.WorldClock"];
- if (clock.world_time != 0) {
- return "perf-clock-active";
- } else {
- return "";
- }
- }
- },
- template: `
-
- {{ clock }}
-
-
-
![]()
-