is there a way to wrap within a web-component a requirejs/amd module?
i am using a very old durandaljs (then aureliajs) app, and it uses requirejs and amd module loading.
https://github.com/BlueSpire/Durandal
https://www.infoq.com/articles/durandal-javascript-framework/
i was thinking i could turn that to interop with F# and Fable.Lit and progressively migrate away from it completely
index.html
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.6/require.min.js" data-main="app/main"></script>
</head>
<body>
<div id="applicationHost"></div>
</body>
</html>Main.js
requirejs.config({
paths: {
'text': 'https://cdnjs.cloudflare.com/ajax/libs/require-text/2.0.12/text.min',
'durandal':'https://cdn.jsdelivr.net/npm/durandal@2.2.0/js',
'plugins' : 'https://cdn.jsdelivr.net/npm/durandal@2.2.0/js/plugins',
'transitions' : 'https://cdn.jsdelivr.net/npm/durandal@2.2.0/js/transitions',
'knockout': 'http://ajax.aspnetcdn.com/ajax/knockout/knockout-3.5.0',
'jquery': 'https://ajax.googleapis.com/ajax/libs/jquery/2.2.1/jquery.min',
}
});
define(function (require) {
var system = require('durandal/system');
var app = require('durandal/app');
system.debug(true);
app.title = 'Durandal Starter Kit';
app.configurePlugins({
router:true,
dialog: true
});
app.start().then(function() {
app.setRoot('shell');
});
});and the main view: Shell.js
define(function (require) {
var app = require('durandal/app');
var ko = require('knockout');
return {
name: ko.observable(),
sayHello: function () {
app.showMessage('Hello ' + this.name() + '! Nice to meet you.', 'Greetings');
}
};
});
And Shell.html.. they use Knockout.js for 2-ways bindings...
https://knockoutjs.com/index.html
was just curious which approach would you go to use Fable.Lit on this one, if any idea
thank you so much, i am quite new to js for now i have managed to transpile to ts and back to js but took me a while, i was checking also fable alternatives as F# is my fav lang :)
is there a way to wrap within a web-component a requirejs/amd module?
i am using a very old durandaljs (then aureliajs) app, and it uses requirejs and amd module loading.
https://github.com/BlueSpire/Durandal
https://www.infoq.com/articles/durandal-javascript-framework/
i was thinking i could turn that to interop with F# and Fable.Lit and progressively migrate away from it completely
index.html
Main.js
and the main view: Shell.js
And Shell.html.. they use Knockout.js for 2-ways bindings...
https://knockoutjs.com/index.html
was just curious which approach would you go to use Fable.Lit on this one, if any idea
thank you so much, i am quite new to js for now i have managed to transpile to ts and back to js but took me a while, i was checking also fable alternatives as F# is my fav lang :)