lobsteropteryx/esri-webpack-typescript

Demo app to build typescript apps using ESRI's JSAPI with webpack

Jekyll-Bootstrap

The quickest way to start and publish your Jekyll powered blog. 100% compatible with GitHub pages

Usage

For all usage and documentation please see: http://jekyllbootstrap.com

Version

0.3.0 - stable and versioned using semantic versioning.

NOTE: 0.3.0 introduces a new theme which is not backwards compatible in the sense it won't look like the old version. However, the actual API has not changed at all. You might want to run 0.3.0 in a branch to make sure you are ok with the theme design changes.

Milestones

0.4.0 - next release [ETA 03/29/2015]

GOALS

• No open PRs against master branch.
• Squash some bugs.
• Add some new features (low-hanging fruit).
• Establish social media presence.

Bugs

Bug	Description
#86	☑ Facebook Comments
#113	☑ ASSET_PATH w/ page & post
#144	☐ BASE_PATH w/ FQDN
#227	☑ Redundant JB/setup

Features

Bug	Description
#98	☑ GIST Integration
#244	☑ JB/file_exists Helper
#42	☑ Sort collections of Pages / Posts
#84	☐ Detecting production mode

TODOS

Review existing pull requests against plusjake/jekyll-bootstrap:master. Merge or close each.

• Create twitter account. Add link / icon on jekyllbootstrap.com.
• Create blog posts under plusjade/gh-pages, expose on jekyllbootstrap.com, feed to twitter account.
• Announce state of project, announce roadmap(s), announce new versions as they’re released.

Contributing

To contribute to the framework please make sure to checkout your branch based on jb-development!! This is very important as it allows me to accept your pull request without having to publish a public version release.

Small, atomic Features, bugs, etc. Use the jb-development branch but note it will likely change fast as pull requests are accepted. Please rebase as often as possible when working. Work on small, atomic features/bugs to avoid upstream commits affecting/breaking your development work.

For Big Features or major API extensions/edits: This is the one case where I'll accept pull-requests based off the master branch. This allows you to work in isolation but it means I'll have to manually merge your work into the next public release. Translation : it might take a bit longer so please be patient! (but sincerely thank you).

Jekyll-Bootstrap Documentation Website.

The documentation website at http://jekyllbootstrap.com is maintained at https://github.com/plusjade/jekyllbootstrap.com

License

MIT

esri-webpack-typescript's Issues

Question: Any limitations?

Hi, this is a great demo. I'm curious as to whether you would recommend it for production use? Are there any caveats or issues that come to mind?

I'll be looking to port a large app from Flex to the JS api and I was hoping to use React instead of dojo. Thanks

Upgrade to TS 2.0

Explain how this works

I think people would be more successful with this if they understood how it worked.

I propose adding both inline comments at the relevant lines, and an overview in the README along the lines of this comment.

I will PR the above changes unless you're opposed.

webpack bundles are fetched multiple times

dojo's amd loader will fetch the bundles twice, once as a <script /> tag and once as a normal xhr request.

[Thu Sep 01 2016 09:06:29 GMT-0700 (Pacific Daylight Time)] "GET /src/app/" "Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36"
[Thu Sep 01 2016 09:06:29 GMT-0700 (Pacific Daylight Time)] "GET /dist/vendor.bundle.js" "Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36"
[Thu Sep 01 2016 09:06:29 GMT-0700 (Pacific Daylight Time)] "GET /dist/vendor.bundle.js" "Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36"
[Thu Sep 01 2016 09:06:29 GMT-0700 (Pacific Daylight Time)] "GET /dist/main.bundle.js" "Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36"
[Thu Sep 01 2016 09:06:29 GMT-0700 (Pacific Daylight Time)] "GET /dist/main.bundle.js" "Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36"
[Thu Sep 01 2016 09:06:29 GMT-0700 (Pacific Daylight Time)] "GET /dist/vendor.bundle.js.map" "Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36"
[Thu Sep 01 2016 09:06:30 GMT-0700 (Pacific Daylight Time)] "GET /dist/main.bundle.js.map" "Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36"

Suggest linking to the new webpack plugin

I suggest adding something like this tomwayson@8f53116 to the README to inform people about the newer techniques.

Web pack 2

Could you please upgrade to Web pack 2? Ir would be helpful to know if solution is future proof.

update to ArcGIS API for JavaScript 3.17

I'd have PR'd this myself already but wasn't sure what the status of #1 is.

I suggest keeping the repo configured to the latest 3.x for now, but also including commented out lines that would show the corresponding config/code for 4.x.

If you agree, I can do that in a PR.

How to set up arcgis js in my webpack config.

Hello,
Im pretty new on this webpack worlds and i need some help to set up the arcgis js api in my webpack.config,js.

Im developing an app with:
React,
Webpack dev server
Gulp

I have the following config in my webpack file:

var path = require('path');
var esri = require('esri');

module.exports = {
entry: {
login: './static/js/bundles/login.js',
dashboard: './static/js/bundles/dashboard.js,
.... //more modules here

},
output: {
path: path.join(path.join(__dirname, 'dist'), 'js'),
filename: '[name].js'
},
devServer: {
inline: true,
port: 443,
host: "127.0.0.1"
},
module: {
loaders: [
{
test: /.(js|jsx)$/,
exclude: /node_modules/,
loader: 'babel',
query: {
presets: ['react', 'es2015', 'stage-2']
}
}
]
},
externals: [
function(context, request, callback) {
if (/^dojo/.test(request) ||
/^dojox/.test(request) ||
/^dijit/.test(request) ||
/^esri/.test(request)
) {
return callback(null, "amd " + request);
}
callback();
}
]
};

What else i need to do? I have read a lot of githubs but i still dont know how to do it.

In my index,html page i have the api in this way:

<script src="arcgis_js_api/library/3.16/3.16/init.js"></script>

Cuz i installed it following the tutorial, editing the dojo and init js files and putting the url from my server, in this case localhost:443 where wp server is being loaded.

When i start the server with npm run start i have the following error:

cannot fin module 'esri'

So how i set up the arcgis api with the config that i have using webpack step by step?

Thanks in advice for ur help!

Make it more obvious that this uses TypeScript

At the very least that should be mentioned in the README and repo description. I'd also suggest appending -typescript to the repo name.

If you agree and decide to change the repo name/description, let me know and I could make a PR w/ changes to the README and package.json.