nope. i use this type of config in build.js http://stealjs.com/docs/steal-tools%7Clib%7Cbuild%7Chelpers%7Cglobal.html
Hey @xedoken, can you tell what is
undefined? As in, what’s the variable name that is supposed to be an object with an extend function?
yeah, error was in line with DefineMap.extend
i reinstall latest steal and steal-tools and check for global exporting
Ah ok, so I’m guessing that the global script you’re exporting just has your code and doesn’t set a
DefineMap variable.
I’m guessing you’ll want to include the
can-map-define code like this: https://github.com/canjs/can-map-define#standalone-use
i add script with can-map-define.js from dist folder and then add script with exported global script from app.
so now i got 2 errors.
first: can-map-define.js:133 Uncaught TypeError: Cannot set property 'define' of undefined(…)
second: avatar.js:126 Uncaught TypeError: Cannot read property 'extend' of undefined(…)
still not working(
if i build a bundle version of application, and then load in html as js file. it works perfect! :) . but when export as global, still got errors :(
Hm, looks like the first one is because
mapHelpers is undefined in can-map-define.js… because can-map is probably not included
I’m guessing you need to also add that global script, but before I send you down a rabbit hole, @justinbmeyer, @matthewp, or @phillipskevin might be able to give some better guidance tomorrow.
yeah, if i include global can-map before can-map-define first error is gone, but second still exists. i will try smth else, thank you
so, i try another solution, add latest can-define global script from dist and error dissapear, but now another error appear avatar.js:795 Uncaught TypeError: stache is not a function(…)
so i try add can-stache global script or can.all from dist with all deps, and error still exist. idk what to do, so may be later someone tell me correct steps to use global script. thank you :)
Is it possible to set custom headers for a can-connect ajax request? We need a CSRF token in every request.
Something like this:
Something like this:
$.ajaxSetup({
headers: {
'X-CSRF-Token': $('meta[name="_token"]').attr('content')
}
});
Hi @justinbmeyer ! I would like to use canJS 3.0 with AMD module loading (requirejs) but there are no AMD compatible files in the node_modules/can/dist folder where they are supposed to be according to the docs. Am I missing something or it is not possible to use canJS 3.0 with AMD module loading?
@xedoken importent info for your
can and done JS at present have overlapping modules
that means you should choose if you use canjs or donejs for your application
i guess as i pointed you to donejs pre you choosed donejs so canjs + steal right?
and if you realy use the donejs app then you should
import CanMap from "can-map";
import "can-map-define";
import route from 'can-route';
import "can-route-pushstate";
import stache from "can-stache";
import 'can-stache/helpers/route';
import "can-map-define";
import route from 'can-route';
import "can-route-pushstate";
import stache from "can-stache";
import 'can-stache/helpers/route';
thats the ground stack you can drop can route and route if you don't use the routing
@frank-dspeed year, i choose donejs stack. create some basic components, export as a global script. now i need to import that global script with script tag in my other project. so i got an errors. if i build bundles export, and then add script tag with all deps in html file it works fine, but global fails.
ok thats exactly what i am working on and what i guessed :)
plz post your build.js
i am at present refining the process of integration :) so its ideal that we deal now with your current case
so i can address that also
var stealTools = require("steal-tools");
stealTools.export({
system: {
main: "my-module",
config: __dirname+"/package.json!npm"
},
outputs: {
"+global-js": {},
"+global-css": {}
}
});i use this instructions
http://stealjs.com/docs/steal-tools%7Clib%7Cbuild%7Chelpers%7Cglobal.html
@sszabolcs you need to fork the git repo and create amd files your self with steal-tools but its planned i think that this gets soon added to dist also
i tried steal/steal-tools 0.16 and 1.0 pre, both fail :(
yes
they are diffrent
you should use 1.0
stealjs/steal#875
then read all this
:D
as you see matt needs to write the guide for this at present :)
but i think you get it done importent is the part about including steal it self!
@sszabolcs here is the issue for adding AMD builds to the can distribution: canjs/canjs#2646
@frank-dspeed now i use steal/steal-tools 1.0. change build js with 1.0 migration guide. export as a global, try include and old error is shown.
avatar-maker.js:126 Uncaught TypeError: Cannot read property 'extend' of undefined(…)
i think its about missing can-map..
am i need to include this deps:
import CanMap from "can-map";
import "can-map-define";
import route from 'can-route';
import "can-route-pushstate";
import stache from "can-stache";
import 'can-stache/helpers/route';
but as a global scripts before my global app script?
right
your global app should simply do that what i posted
then steal-tools should bundle that all app
but listen does it work at present when you do development html with a webserver?
or how do you run your dev ?
@xedoken if you just one script tag you probably just want to use
+standalone rather than +global-js
+global-js ignores dependencies, so you'd have to create a script tag for each canjs module
exporting an app to script is not really a great idea
it will probably be larger than you really want to run
So you're probably the first to try this, might run into some issues
he is by far not the first
all try to do that :) all whant to export the apps as individual apps and recombine them with other projects
i think its more the general case then creating a single one page app with it
for example there are many python users that manage templates and serverside rendering in python and then whant to integrate a canjs app into that
or people with big nodejs apps or php apps
php is still installed and used for millions of pages
you don't have to be building a single page app to use steal
thats right but it gets more hard if you have 2 donejs apps that you whant to export for usage on same page
@xedoken, creating a DoneJS plugin might be more along the lines of what you want (versus an app). https://donejs.com/plugin.html
i think all problems come from the fact that steal is not multi loadable if that would be addressed
@chasenlehara +1 I tried it with PHP
2 donejs apps on the same page would indeed be hard
all could export bundels with steal and load the single js files
what do you mean by multi loadable?
ya and that needs addressing thats why the people export
that what i discussed with you in the one issu
we add a global load array or object
and steal loads only once !
then it adds to the existing or new load object its dependencys
if missiong
missing :)
so we split the main steal into 2 objects 1 lists with dependencys to load and one loader that loads the list
i'm working on this sort of thing now actually
will post a link in a few
ok will watch into that because i think then its load able easy more then once without much trouble or refactoring
and then all can simply export with steal integrated and it will work
what’s the use case for having two donejs apps on one page?
Kevin Combination
not sure what you mean
Example we got here one user that whants to build a cms with it he whants to create components and for example like widgeds
that are combine able to pages
yeah… I know of his example
its also my example my vision is to compose apps out of individual interfaces and apis fast
so that you can create for example a facebook instagram + db app in less then a day
including front and backend parts
thats why i also prepare apis for feathers for all big companys like google docker facebook
ok, I just don’t understand how steal export helps with this
steal exports helps not steal load would help :)
it would help that js files that include steal are loadable
without beaking the site
at present steal-tools export solves the problem that steal is loadable only once
why do you want to load steal twice?
i whant to require bundels without re bundle them
why not just have one main script that steal loads… and then use
System.import in your “component” scripts
and the bundels should run standalone
so both need to include steal
wouldn’t that make the page a lot bigger?
it would simply make it more complicated to distribute
it would be nice to build a package lib later with ready to use stuff for coders
@frank-dspeed just bundle steal
The Final overall goal i think is to make App Full Development cycle more integrated fast and easy
@cherifGsoul thats right when i bundel steal with 2 projects ?
whats then ?
for example i have a big office application that has many sub projects a Invoice part
Core Data parts like Customers and all that
@jeroencornelissen you can use a $.ajaxSetup if you are using supermap ... or if you built your own connection and set
.ajax on it to $.ajax
is that where it talks about AMD?
@sszabolcs I haven't finished the "Setting up CanJS" page
but now i whant to offer the invoice part also as free app that all can add
so every one that whants to code a app where he needs to create invoices with pdf and that
he should be able to npm install integrate
@sszabolcs AMD support wasn't planned to be added. Mostly b/c we want people going straight to the NPM modules.
as also simply include it via script tag
I whant to be able to compose for example whole office and crm applications out of donejs frontends and feathers backends :)
thats the mission
and have each “donejs frontend” loaded with a script tag
yes
@sszabolcs https://github.com/canjs/canjs/blob/master/build.js#L15 is what writes out the
dist files.
I'll accept a pull request to make an "AMD" format. I think you'll need to use
eachModules
@phillipskevin did you do apps with plugins? what happens in that case?
i at present did always individual apps with components
donejs plugins you mean?
yes sure exactly
are plugins export able and combine able some how in a easy way?
donejs plugins get published to npm
by export i don't mean a diffrent formart more a production build thats use able
then you install them with npm when you want to use in another app
and include it in your apps build just like any other dependency
so i understood right that plugin is simply without steal
because steal is in the main DoneJS App
it’s set up to create a global, and, and commonjs version
so you can use it globally
that’s an example
from this guide https://donejs.com/plugin.html
what files does it create
it creates a single JS?
the global build, yeah
and that renders and all?
if that works that could be the solution :)
then we only need to make the guids fit to force coding plugins
this is a guide for coding plugins
making a plugin doesn’t make sense for everything though
yes true but as you see App is confusing now a bit in some cases
because a plugin is then a app also
but then its reuseable
that’s why we’re here to answer questions :smile:
and there are a lot of big application parts that get repeated all over
from google maps integration
till facebook stuff till stats
user managment
yeah, those would be great as plugins
ya all that stuff that gets always used all over on all apps
every app needs user auth and so on
if we get all that compose able and finish the ATOM IDE I planned
then we are near to the goal of coding individuall apps in some hours :)
Including production deployment
i am composing a DoneJS Atom ide that will then be able to run the yeoman generators and all that out of the ide
good, I’m glad you have big dreams
then there is less switching
look this animation :)
its a dream to create donejs projects with feathers and that then
in some minuts you have setuped apis all
will do video trainings about that then
you get free invite ;)
thanks :+1:
Are donejs plugins compatible with canjs?
@nriesco yes they should be the only problem i see is the loading via steal
so you would need to integrate steal into your canjs project
why would that be a problem?
because it could lead to complex scenarios
he could for example already have loaded canjs 2.3 and then steal loads canjs3
as also diffrent jquery versions
and as far as i know overwrites also existing global objects
:D
How do I include a plugin then? In donejs it's pretty straight forward
ok
@nriesco yes as long as the donejs version matches
if you’re using npm, you can just npm install it
@nriesco but upgrading all plugins to canjs3 will be a major thing to do anyway
and after that i think we get all versions consistent so that plugins can be versioned too
so we get a donejs3 donejs2 plugin version
where should we create the issu for the global donejs plugin repository and site?
who should host it :)
We Need a Global Place like npm and atom for all donejs plugins
and we need the donejs package manager
there is one already: donejs/donejs#682
Its a dream
we progress well don't tought that this day so much issus can be closed :)
i am amazed need to finish the donejs-library :D and add all generators and plugins
@frank-dspeed and others, stealjs/rfcs#5
looks good to me
now we need only to version donejs right
so that we attach or integrate some how the CanJS Version it belongs to and maybe steal version some how because all 3 need match
I am so happy that all this got done today :)
now steal can get a successor over systemjs soon
the big plan is that feathers makes all backend stuff steal does the loading we should also create a backend steal for make loading of large projects more easyer with a installIfMissing Method
@matthewp what about dedublication ? when we then got bundels from lets say 50 plugins
imagine the case that we wanna load 50 donejs-plugins via steal each is using jquery 3.1 or any dependency like can-stache
I think the full path can be a key to do dedublication so we can match same dependencys if they are loaded already via steal or not
also we could find fails like double loaded dependencys with diffrent versions
steal already handles de-duplication assuming you import the same version of things
Justin yes but it handels that on Project level
that means if we think about 50 git repos all are indipendent donejs-plugins
and we require the dist bundels of them
so the 50 are all dependencys of a external app written in python only loading the steal loader via script tag
and each of that 50 got overlapping dependencys and all 50 are already de dublicated because they are bundeled already
I don't understand how this is related to the rfcs @matthewp posted
the Relation is that his rfc enables loading of bundels
this bundels could be produces indidependent
excuse me produced indipendent so they are all including overlapping dependencys and get loaded via the same loader
yeah, but they shouldn't be
that would be a mistake ... one app should only load the builds produced by one build
ya i know your concepts suggests to require the plugins in a donejs project and then bundel to a single project
but i think it would be greate to archive usage outside of donejs on big php cms systems like wordpress and that
I don't know what that would look like where you still wouldn't want one build per page
or to use the multi-build (which is one build command for many pages)
or if someone really wanted to do that ... they could use stealTools.export
ok easy going imagin a wordpress driven site
ya right steal-export at present is the workaround to do that
and then combine the scripts indipendent server side
but i think it would be greate to integrate that to steal also
i mean look systemjs does all that already
does what?
build reuseable components
what do you mean by
reusable?
they call it sfx build
that means for example imagin a calendar
i could use it in my application at many places
imagin lists of some stuff
i could use the same calendar in my todo planing as inside my financial planing as for my admin tasks
@frank-dspeed donejs plugin is to way to go
and export the widget dont build
look at that this is a example project
ok ... I'm imagining all of this
what do you want?
i whant to reuse them on many places :) without reloading them if not needed
reloading?
right
i would love to avoice requests and cache hits
of course ... but I don't know what you mean still
maybe this all gets only clear if you see a bigger example
do you mean you want to build your calendar without it's dependencies? or as a standalone
CJS or AMD build
b/c you already can do that with
stealTools.export and the guide @cherifGsoul mentioned shows exactly this
not only the calendar the final goal is to make distribute able donejs-plugins
that can be used and loaded in diffrent projects
this is exactly what the guide @cherifGsoul talked about does
Mybe it realy does that i will simply try it out :) but as i did it in mind i found out that it should give a lot of unneed requests
we will see it
but as i did it in mind i found out that it should
what do you mean there?
i was simply thinking about the loading flow so i was thinking about what happens if 1x html load 1x steal loader and then we load 50 plugin bundels that contain doublicated dependencys like can route can stache can anything or jquery
the builds it makes do not include the package.json's dependencies
@frank-dspeed do you mean multi-page use?
@frank-dspeed look at bit-tabs
it does not include
can-stache in its global export
it only includes what's directly in
bit-tabs
ya so i can't load bit tabs
thats the blocking point
i would love to get a bit-tabs js that loads anywhere
if you get a bit-tabs that loads anywhere
then you have the duplication problem
you can't have it both ways
but i whant a page where i whant to integrate 5 diffrent bit-tabs examples
what do you mean by "loads anywhere"
?
b/c you can load bit-tabs anywhere
you just have to make sure canjs is loaded too
for example directly in a wordpress post
yes and i whant to integrate some how the canjs dependency
i whant a loader that loads that for me :)
and only once
then you need to use the AMD build, or the CJS build
and then that works
nope my current way is using canjs + systemjs
its realy cool
then i do systemjs sfx builds
then you need to configure systemjs correctly
and it should work
it works
but i think steal should support that too!
ok, so then what's the problem?
support what!!!
to build web components load able via a single tag
bit-tabs supports loading from any loader
without extra dependency headache
single tag?
single html script tag
@frank-dspeed wihtout stache?
with the stache in it
your phrasing seems contradictory?
all complet
if you want stache in it .. then change the one line of the build to include all deps
right that it should include all deps! and then the loader needs to de dublicate that deps
:D
there you got what it has to do with the rfc
now we load 2 bundels with all deps
it doesn't de-duplicate
no loader does
@frank-dspeed why not just use steal to bundle the
can-* dependencies and then use System.import to import the components like bit-tabs
it just doesn't execute
modules that would be written out twice
I think steal currently does this
so would any loader
(steal currently does this if loading a bundle in the AMD format)
we will simply wait till i tested all this cases in real life
I'm still not really sure what you are saying
(also this is the wrong place ... this should be in steal's room)
are you saying that the "loader" just prevents re-execution of duplicated modules?
:) damn my english is probally realy bad ok i will produce some donejs plugins and try to get them into a easy integrate able state for template coders
then we will see what happens
I think you should use concrete examples
I'll try
say I produced
bit-tabs.js that included jquery and bit-cal.js that also included jquery
thats what i say i will prepare examples
at present there isn't anything maybe your right and all is solved already that would be the best possible case
// bit-tabs.js
define("jquery", function(){
// jquery code
})
define("bit-tabs",["jquery"], function(){
// bit-tabs code
})// bit-cal.js
define("jquery", function(){
// jquery code
})
define("bit-cal",["jquery"], function(){
// bit-cal code
})
right that
cc @matthewp
what will steal do there
I presume that it will ignore the 2nd definition of
jquery
it will of course load into the client
which is a MUCH bigger problem then the re-execution of jQuery
generally speaking, it takes longer to load code than execute it
I'm not sure if the
bundles config can be written so jquery is in two spots. @matthewp ?
i think we could simply don't add it to the loader object if it exists as you sayed drop it
yes, that is what I think will happen
the steal loader should create
```
{ loader: {
```
{ loader: {
"path/file": result
imo, the more interesting question here ... is could stealTools handle loading pre-built bundles like this and sort of "tree shake" what is and isn't used.
so we see if path file is in result and path file should be the resolve path
?
I don't know what you mean
at present steal bundle exports a numbered object Array
if it would export the real file path we could dedublicated that
I'm still not sure what you mean ... the
steal.bundle really doesn't relate to this problem
so if we do in code require('jquery') we get node_modules/jquery
it's steal's internal registry of modules
if thats already there we simply can drop it
I don't think that is how it will/should work
it should just look at the internal registry when trying to define a module
if the module has already been defined, ignore the new definition
that way it doesn't matter where things load from
but a module can be app#jquery
so we get app1#jquery app2#jquery
there's nothing that can be done about that
but they are the same :)
the bundle was exported incorrectly
if those are the module names
perfect
then we got that :)
// bit-tabs.js
define("bit-tabs#jquery", function(){
// jquery code
})
define("bit-tabs",["jquery"], function(){
// bit-tabs code
})
if that was what
bit-tabs.js looked like, people should re-write their config
b/c they probably had
map: {jquery: "bit-tabs/jquery"}
instead of
ya i think also this is then more related to documentation and generators then the core code
paths: {jquery: "bit-tabs/jquery"}
yes, understanding the difference between
module reference, module name, and module address is very important
i aggree fully
but overall that totall cool so we are more near to the goal of making app composing possible :)
that could replace app coding
yes, this is exactly what bit-tabs sets up
thats exactly what all coding agencys need to compite with the asian low price market
if they can simply get faster to market in less dev time they can reduce prices
however, it doesn't include the dependencies in the
<script> export by default
and so maybe even new once can create apps like with app composers for iphone xanmarin and all that
mostly because if people are using
<script> tags ... they tend to be creating their own dependency graph
ya but we should supply a method to show what the dependencys are
so that some one can easy integrate them i think there is a issue already for that
the dependencies are package.json's dependencies
in something like rail-asset pipeline
you have configuration like
bit-cal: canjs
bit-tabs: canjs
canjs: jquery
so if
bit-cal is needed on a page, it will write out script tags for canjs and jquery
I'm sorta surprised if wordpress doesn't already have something similar
hmmm good idea
i hate wordpress
but its a big market
millions using it
my point is that most systems already allow you to configure your
<script> dependencies in a similar way
excuse they abuse it not use it lol
if that is the case, then it's good to not include the
dependencies in the build
i will look into that maybe your right and that should get solved via a wordpress plugin for example or joomla plugin that does the loading
and then something like done-serve does for the nodejs community
bit-cal: canjs //widgets.com/bit-cal.js
bit-tabs: canjs //widgets.com/bit-tabs.js
canjs: jquery //canjs.com/release/can.js
jquery: //cdn.com/jquery/dist/jquery.js
(typically the configuration includes where to find the script)
ya i understand it looks clean :)
ok i see thats a configuration task 100%
and should get handled by a generator
not steal
thx a lot i will report my results back as soon as i got some so much changed today :D