planetfederal / sdk-apps Goto Github PK

View Code? Open in Web Editor NEW

13.0 39.0 14.0 15.33 MB

Base template for boundless sdk

License: Apache License 2.0

HTML 9.06% CSS 7.15% JavaScript 80.81% Shell 2.98%

sdk-apps's Introduction

Example applications for the Boundless Web SDK

Online demos

Check out our online demos.

Use node version LTS (Long Term Support) through nvm (https://github.com/creationix/nvm).

nvm install --lts

How to use

cd %examplename%
nvm use --lts
npm i
npm run build
npm start

npm run build will create the minified js file for production use

npm start will start up the debug server at http://localhost:3000/

npm run package will generate a production version of the application.

Applications that need access to a local GeoServer will need to run (in addition to npm start):

npm run start:proxy this will start up the application at http://localhost:4000/ and will have a proxy to a local geoserver on port 8080 (proxy-config.json).

Linking to a github directory of the sdk

Add a NPM link to the SDK release directory. Go to the directory of your SDK git checkout and type:

npm run release
cd release
npm link

Add a NPM link to the SDK node_modules/react subdirectory:

cd ../node_modules/react
npm link

Add a NPM link to the SDK node_modules/openlayers subdirectory:

cd ../openlayers
npm link

Add the links to your SDK apps. After changing the current working directory to your sdk app type:

npm link @boundlessgeo/sdk
npm link react
npm link openlayers

Once complete go to the root of your sdk checkout and run the watchdog.

npm start

This will be the result on file system (check with something like: ls -l ~/.nvm/versions/node/v6.9.2/lib/node_modules/):

lrwxrwxrwx  1 bartvde bartvde   53 jan  4 17:59 openlayers -> /home/bartvde/opengeo/git/sdk/node_modules/openlayers
lrwxrwxrwx  1 bartvde bartvde   48 jan  4 17:59 react -> /home/bartvde/opengeo/git/sdk/node_modules/react

The sdk symlink will be in a subdirectory called @boundlessgeo (ls -l ~/.nvm/versions/node/v6.9.2/lib/node_modules/@boundlessgeo/):

lrwxrwxrwx 1 bartvde bartvde   37 apr 24 13:39 sdk -> /home/bartvde/opengeo/git/sdk/release

sdk-apps's People

Contributors

Stargazers

Watchers

Forkers

francbartoli frankrowe laterdude theduckylittle guizgis jbranigan haduarte georgepoulos jodygarnett the-vladman hufh geoneer parmvirthind nosecc

sdk-apps's Issues

can we use npm link to link to sdk?

https://docs.npmjs.com/cli/link

add WFS-T example

training/app-basemap does not display

Prepping app-basemap onto new training VM has two problems:

Looks like app uses a CDN, cannot use that for teaching on discounted network
app does not display console:

app.js:605 Uncaught TypeError: e.getSource is not a function
    at t.value (app.js:605)
    at t.value (app.js:605)
    at new t (app.js:285)
    at ReactCompositeComponentWrapper._constructComponentWithoutOwner (app.js:2723)
    at ReactCompositeComponentWrapper._constructComponent (app.js:2723)
    at ReactCompositeComponentWrapper.mountComponent (app.js:2723)
    at Object.mountComponent (app.js:2825)
    at ReactCompositeComponentWrapper.performInitialMount (app.js:2723)
    at ReactCompositeComponentWrapper.mountComponent (app.js:2723)
    at Object.mountComponent (app.js:2825)
value @ app.js:605
value @ app.js:605
t @ app.js:285
_constructComponentWithoutOwner @ app.js:2723
_constructComponent @ app.js:2723
mountComponent @ app.js:2723
mountComponent @ app.js:2825
performInitialMount @ app.js:2723
mountComponent @ app.js:2723
mountComponent @ app.js:2825
mountChildren @ app.js:2803
_createInitialChildren @ app.js:2731
mountComponent @ app.js:2731
mountComponent @ app.js:2825
performInitialMount @ app.js:2723
mountComponent @ app.js:2723
mountComponent @ app.js:2825
performInitialMount @ app.js:2723
mountComponent @ app.js:2723
mountComponent @ app.js:2825
performInitialMount @ app.js:2723
mountComponent @ app.js:2723
mountComponent @ app.js:2825
mountComponentIntoNode @ app.js:2801
perform @ app.js:2871
batchedMountComponentIntoNode @ app.js:2801
perform @ app.js:2871
batchedUpdates @ app.js:2767
batchedUpdates @ app.js:2835
_renderNewRootComponent @ app.js:2801
_renderSubtreeIntoContainer @ app.js:2801
render @ app.js:2801
1.boundless-sdk/components/HomeButton @ app.js:2
s @ app.js:1
e @ app.js:1
(anonymous) @ app.js:1
app.js:2735 Uncaught TypeError: Cannot read property '__reactInternalInstance$3c26if9n3ve' of null
    at Object.getClosestInstanceFromNode (app.js:2735)
    at findParent (app.js:2781)
    at handleTopLevelImpl (app.js:2781)
    at ReactDefaultBatchingStrategyTransaction.perform (app.js:2871)
    at Object.batchedUpdates (app.js:2767)
    at Object.batchedUpdates (app.js:2835)
    at dispatchEvent (app.js:2781)
getClosestInstanceFromNode @ app.js:2735
findParent @ app.js:2781
handleTopLevelImpl @ app.js:2781
perform @ app.js:2871
batchedUpdates @ app.js:2767
batchedUpdates @ app.js:2835
dispatchEvent @ app.js:2781

basic app needs updating after react-intl gets released

  _navigationFunc() {
    this.refs.info.refs.wrappedElement.activate([]);
  }

Production version

How can I generate a production version of the application that need access to Geoserver ?

we shouldn't need to manually create build dir

> browserify -g [envify --NODE_ENV production] -p [minifyify --no-map --exclude node_modules/openlayers/dist/ol.js] app.jsx -o build/app.js

events.js:141
      throw er; // Unhandled 'error' event
      ^

Error: ENOENT: no such file or directory, open 'build/app.js'
    at Error (native)