+import * as events from './services/events';
+import * as httpInstance from './services/http';
+import Translations from './services/translations';
+
+import * as components from './services/components';
+import * as componentMap from './components';
+
// Url retrieval function
-window.baseUrl = function(path) {
+window.baseUrl = function baseUrl(path) {
+ let targetPath = path;
let basePath = document.querySelector('meta[name="base-url"]').getAttribute('content');
- if (basePath[basePath.length-1] === '/') basePath = basePath.slice(0, basePath.length-1);
- if (path[0] === '/') path = path.slice(1);
- return basePath + '/' + path;
+ if (basePath[basePath.length - 1] === '/') basePath = basePath.slice(0, basePath.length - 1);
+ if (targetPath[0] === '/') targetPath = targetPath.slice(1);
+ return `${basePath}/${targetPath}`;
};
-window.importVersioned = function(moduleName) {
+window.importVersioned = function importVersioned(moduleName) {
const version = document.querySelector('link[href*="/dist/styles.css?version="]').href.split('?version=').pop();
const importPath = window.baseUrl(`dist/${moduleName}.js?version=${version}`);
return import(importPath);
};
// Set events and http services on window
-import events from "./services/events"
-import httpInstance from "./services/http"
window.$http = httpInstance;
window.$events = events;
// Translation setup
-// Creates a global function with name 'trans' to be used in the same way as Laravel's translation system
-import Translations from "./services/translations"
+// Creates a global function with name 'trans' to be used in the same way as the Laravel translation system
const translator = new Translations();
window.trans = translator.get.bind(translator);
window.trans_choice = translator.getPlural.bind(translator);
window.trans_plural = translator.parsePlural.bind(translator);
-// Load Components
-import components from "./components"
-components();
\ No newline at end of file
+// Load & initialise components
+components.register(componentMap);
+window.$components = components;
+components.init();