Coder Social home page Coder Social logo

app-ux-showcase's Introduction

Aurelia

License: MIT npm version CircleCI TypeScript Twitter

Backers on Open Collective Sponsors on Open Collective Discord Chat

Aurelia 2

This is the Aurelia 2 monorepo, containing core and plugin packages, examples, benchmarks, and documentation for the upcoming major version of everybody's favorite modern JavaScript framework, Aurelia.

Introduction

Aurelia is a modern, front-end JavaScript framework for building browser, mobile, and desktop applications. It focuses on aligning closely with web platform specifications, using convention over configuration, and having minimal framework intrusion. Basically, we want you to just write your code without the framework getting in your way. ๐Ÿ˜‰

Aurelia applications are built by composing a series of simple components. By convention, components are made up of a vanilla JavaScript or Typescript class, with a corresponding HTML template.

//app.js
export class App {
  welcome = "Welcome to Aurelia";

  quests = [
    "To seek the holy grail",
    "To take the ring to Mordor",
    "To rescue princess Leia"
  ];
}
<!-- app.html -->
<form>
  <label>
    <span>What is your name?</span>
    <input value.bind="name & debounce:500">
  </label>

  <label>
    <span>What is your quest?</span>
    <select value.bind="quest">
      <option></option>
      <option repeat.for="q of quests">${q}</option>
    </select>
  </label>
</form>

<p if.bind="name">${welcome}, ${name}!</p>
<p if.bind="quest">Now set forth ${quest.toLowerCase()}!</p>

This example shows you some of the powerful features of the aurelia binding syntax. To learn further, please see our documentation.

Feeling excited? Check out how to use makes to get started in the next section.

Note: Please keep in mind that Aurelia 2 is still in beta. A number of features and use cases around the public API are still untested and there will be a few more breaking changes.

Getting Started

First, ensure that you have Node.js v8.9.0 or above installed on your system. Next, using npx, a tool distributed as part of Node.js, we'll create a new Aurelia 2 app. At a command prompt, run the following command:

npx makes aurelia

This will cause npx to download the makes scaffolding tool, along with the aurelia generator, which it will use to guide you through the setup process. Once complete, you'll have a new Aurelia 2 project ready to run. For more information on Aurelia's use of makes, see here. If you aren't interested in taking our preferred approach to generating a project, you can also see the examples folder in this repo for pure JIT setups (no conventions) with various loaders and bundlers.

Documentation

You can read the documentation on Aurelia 2 here. Our new docs are currently a work-in-progress, so the most complete documentation is available in our getting started section. If you've never used Aurelia before, you'll want to begin with our Quick Start Guide.

Contributing

If you are interested in contributing to Aurelia, please see our contributor documentation for more information. You'll learn how to build the code and run tests, how best to engage in our social channels, how to submit PRs, and even how to contribute to our documentation. We welcome you and thank you in advance for joining with us in this endeavor.

Staying Up-to-Date

To keep up to date on Aurelia, please visit and subscribe to the official blog and our email list. We also invite you to follow us on twitter. If you have questions, have a look around our Discourse forum. For chat on Aurelia 2, join our new Aurelia 2 community on Discord. If you'd like to join the growing list of Aurelia sponsors, please back us on Open Collective.

License

Aurelia is MIT licensed. You can find out more and read the license document here.

app-ux-showcase's People

Contributors

afm-sayem avatar bigopon avatar ckotzbauer avatar eisenbergeffect avatar fabiorosado avatar gheoan avatar humpherson avatar lmj0011 avatar misterwoody avatar serifine avatar sethbergman avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

app-ux-showcase's Issues

au run - invalid command ; clearing npm cache doesn't help.

I'm submitting a bug report

  • Library Version:
    au - 0.21.0

Please tell us about your environment:

  • Operating System:
    Windows 10

  • Node Version:
    6.9.1

  • NPM Version:
    3.10.9
  • JSPM OR Webpack AND Version
    JSPM 0.16.32 | webpack 2.1.0-beta.17
  • Browser:
    all | Chrome XX | Firefox XX | Edge XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView

  • Language:
    all | TypeScript X.X | ESNext

Current behavior:

  1. git clone app-ux-showcase repo
  2. au run -- gives error of "invalid command"
  3. cleared npm cache by uninstalling cli, removing npm cache and reinstalling cli
  4. still same problem

Expected/desired behavior:

  • What is the expected behavior?
    I expected that I could see the ux showcase :)

  • What is the motivation / use case for changing the behavior?

npm install fails

I'm submitting a bug report

  • Library Version:
    0.1.0

Please tell us about your environment:

  • Operating System:
    Ubuntu Linux 20.10

  • Node Version:
    14.15.1

  • NPM Version:
    6.14.11

  • JSPM OR Webpack AND Version
    webpack 4.6.0

  • Browser:
    Chrome 87.0.4280.141

  • Language:
    TypeScript 3.1.3

Current behavior:

npm install fails:

3628 silly resolveWithNewModule [email protected] checking installable status
3629 silly fetchPackageMetaData error for gulp@github:gulpjs/gulp#4.0 Command failed: git checkout 4.0
3629 silly fetchPackageMetaData error: pathspec '4.0' did not match any file(s) known to git
3630 timing stage:rollbackFailedOptional Completed in 0ms
3631 timing stage:runTopLevelLifecycles Completed in 39783ms
3632 silly saveTree [email protected]
3632 silly saveTree โ”œโ”€โ”ฌ @aurelia-ux/[email protected]
3632 silly saveTree โ”‚ โ”œโ”€โ”ฌ @aurelia-ux/[email protected]
3632 silly saveTree โ”‚ โ”‚ โ”œโ”€โ”ฌ @aurelia-ux/[email protected]
3632 silly saveTree โ”‚ โ”‚ โ”‚ โ”œโ”€โ”ฌ [email protected]
3632 silly saveTree โ”‚ โ”‚ โ”‚ โ”‚ โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”‚ โ”‚ โ”‚ โ”‚ โ”œโ”€โ”ฌ [email protected]
3632 silly saveTree โ”‚ โ”‚ โ”‚ โ”‚ โ”‚ โ””โ”€โ”€ [email protected]
3632 silly saveTree โ”‚ โ”‚ โ”‚ โ”‚ โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”‚ โ”‚ โ”‚ โ”‚ โ””โ”€โ”€ [email protected]
3632 silly saveTree โ”‚ โ”‚ โ”‚ โ”œโ”€โ”ฌ [email protected]
3632 silly saveTree โ”‚ โ”‚ โ”‚ โ”‚ โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”‚ โ”‚ โ”‚ โ”‚ โ”œโ”€โ”ฌ [email protected]
3632 silly saveTree โ”‚ โ”‚ โ”‚ โ”‚ โ”‚ โ””โ”€โ”€ [email protected]
3632 silly saveTree โ”‚ โ”‚ โ”‚ โ”‚ โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”‚ โ”‚ โ”‚ โ”‚ โ””โ”€โ”€ [email protected]
3632 silly saveTree โ”‚ โ”‚ โ”‚ โ””โ”€โ”€ [email protected]
3632 silly saveTree โ”‚ โ”‚ โ””โ”€โ”€ [email protected]
3632 silly saveTree โ”‚ โ”œโ”€โ”€ @aurelia-ux/[email protected]
3632 silly saveTree โ”‚ โ”œโ”€โ”€ @aurelia-ux/[email protected]
3632 silly saveTree โ”‚ โ”œโ”€โ”€ @aurelia-ux/[email protected]
3632 silly saveTree โ”‚ โ”œโ”€โ”€ @aurelia-ux/[email protected]
3632 silly saveTree โ”‚ โ”œโ”€โ”ฌ @aurelia-ux/[email protected]
3632 silly saveTree โ”‚ โ”‚ โ””โ”€โ”€ [email protected]
3632 silly saveTree โ”‚ โ”œโ”€โ”€ @aurelia-ux/[email protected]
3632 silly saveTree โ”‚ โ”œโ”€โ”€ @aurelia-ux/[email protected]
3632 silly saveTree โ”‚ โ”œโ”€โ”€ @aurelia-ux/[email protected]
3632 silly saveTree โ”‚ โ”œโ”€โ”€ @aurelia-ux/[email protected]
3632 silly saveTree โ”‚ โ”œโ”€โ”€ @aurelia-ux/[email protected]
3632 silly saveTree โ”‚ โ”œโ”€โ”€ @aurelia-ux/[email protected]
3632 silly saveTree โ”‚ โ”œโ”€โ”€ @aurelia-ux/[email protected]
3632 silly saveTree โ”‚ โ”œโ”€โ”€ @aurelia-ux/[email protected]
3632 silly saveTree โ”‚ โ”œโ”€โ”€ @aurelia-ux/[email protected]
3632 silly saveTree โ”‚ โ””โ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ @aurelia-ux/[email protected]
3632 silly saveTree โ”œโ”€โ”€ @aurelia-ux/[email protected]
3632 silly saveTree โ”œโ”€โ”€ @types/[email protected]
3632 silly saveTree โ”œโ”€โ”€ @types/[email protected]
3632 silly saveTree โ”œโ”€โ”€ @types/[email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”ฌ [email protected]
3632 silly saveTree โ”‚ โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”‚ โ”œโ”€โ”ฌ [email protected]
3632 silly saveTree โ”‚ โ”‚ โ””โ”€โ”€ [email protected]
3632 silly saveTree โ”‚ โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”‚ โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”‚ โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”‚ โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”‚ โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”‚ โ”œโ”€โ”ฌ [email protected]
3632 silly saveTree โ”‚ โ”‚ โ””โ”€โ”€ [email protected]
3632 silly saveTree โ”‚ โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”‚ โ””โ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”ฌ [email protected]
3632 silly saveTree โ”‚ โ””โ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”ฌ [email protected]
3632 silly saveTree โ”‚ โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”‚ โ””โ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”ฌ [email protected]
3632 silly saveTree โ”‚ โ””โ”€โ”ฌ [email protected]
3632 silly saveTree โ”‚   โ”œโ”€โ”ฌ [email protected]
3632 silly saveTree โ”‚   โ”‚ โ””โ”€โ”€ [email protected]
3632 silly saveTree โ”‚   โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”‚   โ””โ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ”œโ”€โ”€ [email protected]
3632 silly saveTree โ””โ”€โ”€ [email protected]
3633 verbose stack Error: Command failed: git checkout 4.0
3633 verbose stack error: pathspec '4.0' did not match any file(s) known to git
3633 verbose stack
3633 verbose stack     at ChildProcess.exithandler (child_process.js:308:12)
3633 verbose stack     at ChildProcess.emit (events.js:315:20)
3633 verbose stack     at maybeClose (internal/child_process.js:1048:16)
3633 verbose stack     at Socket.<anonymous> (internal/child_process.js:439:11)
3633 verbose stack     at Socket.emit (events.js:315:20)
3633 verbose stack     at Pipe.<anonymous> (net.js:673:12)
3634 verbose cwd aurelia/app-ux-showcase
3635 verbose Linux 5.8.0-36-generic
3636 verbose argv "bin/node" "bin/npm" "install"
3637 verbose node v14.15.1
3638 verbose npm  v6.14.11
3639 error code 1
3640 error Command failed: git checkout 4.0
3640 error error: pathspec '4.0' did not match any file(s) known to git
3641 verbose exit [ 1, true ]

Expected/desired behavior:
Successful install of node modules.

  • What is the motivation / use case for changing the behavior?
    Fix this project to work.

Can't scroll the sidebar

I'm submitting a bug report

  • Library Version:
    unknown (commit 608b684)

Please tell us about your environment:

  • Operating System:
    Linux 4.9.60-1-MANJARO x86_64
    1366x768 resolution

  • Browser:
    Firefox 56

Current behavior:
The sidebar on the right can't be scrolled.

Expected/desired behavior:

  • What is the expected behavior?
    The sidebar can be scrolled.

  • What is the motivation / use case for changing the behavior?
    Being able to navigate to each route in the app.

Unhandled rejection TypeError: Cannot read property 'anchorIsContainer' of undefined

I'm submitting a bug report

  • Library Version:
    au v0.21.0

Please tell us about your environment:

  • Operating System:
    Linux (Xubuntu)

  • Node Version:
    6.9.1

  • NPM Version:
    3.10.8
  • JSPM OR Webpack AND Version
    JSPM 0.16.39
  • Browser:
    Chrome 54

  • Language:
    TypeScript ">=1.9.0-dev || ^2.0.0"

Current behavior:
I followed the instructions for installing the ux showcase.

when I load the app in the browser I get an TypeError

Unhandled rejection TypeError: Cannot read property 'anchorIsContainer' of undefined | vendor-bundle.js:1399

p1

Expected/desired behavior:

  • What is the expected behavior?
    app to start

au test failed

I'm submitting a bug report

  • Library Version:
    0.1.0 (latest master)

Please tell us about your environment:

  • Operating System:
    Windows 10

  • Node Version:
    7.2.1

  • NPM Version:
    3.10.9

  • Browser:
    Chrome 55.0.2883

  • Language:
    TypeScript

Current behavior:
auย build
au test

Chrome 55.0.2883 (Windows 10 0.0.0) the app says hello FAILED
        TypeError: Cannot read property 'design' of undefined
            at new App (scripts/app-bundle.js:14:15)
            at Object.<anonymous> (test/unit/app.spec.js:5:20)

Icon of button type fab is not centred in Firefox

I'm submitting a bug report

  • Library Version:
    master

Please tell us about your environment:

  • Operating System:
    Windows 10

  • Browser:
    Firefox 49

Current behavior:
Firefox: button_firefox

Expected/desired behavior:

  • What is the expected behavior?
    Chrome: button_chrome
  • What is the motivation / use case for changing the behavior?

Project doesn't run, even after updating dependency versions

I'm submitting a bug report

  • Library Version:
    0.1.0

Please tell us about your environment:

  • Operating System:
    Ubuntu Linux 20.10

  • Node Version:
    14.15.1

  • NPM Version:
    6.14.11

  "dependencies": {
    "@aurelia-ux/button": "^0.25.0",
    "@aurelia-ux/components": "^0.25.0",
    "@aurelia-ux/core": "^0.25.0",
    "@aurelia-ux/icons": "^0.25.0",
    "@aurelia-ux/input": "^0.25.0",
    "@aurelia-ux/positioning": "^0.25.0",
    "aurelia-animator-css": "^1.0.4",
    "aurelia-binding": "^2.1.5",
    "aurelia-bootstrapper": "^2.3.0",
    "aurelia-polyfills": "^1.3.4",
    "aurelia-templating-resources": "^1.7.1",
    "aurelia-validation": "^1.6.0",
    "bluebird": "^3.4.1",
    "prismjs": "^1.9.0"
  },
  "peerDependencies": {},
  "devDependencies": {
    "@types/lodash": "^4.14.69",
    "@types/node": "^14.14.21",
    "@types/webpack": "^4.41.26",
    "aurelia-cli": "^2.0.2",
    "aurelia-testing": "^1.0.0-beta.4.0.0",
    "aurelia-tools": "^2.0.0",
    "aurelia-webpack-plugin": "^4.0.0",
    "copy-webpack-plugin": "^7.0.0",
    "css-loader": "^5.0.1",
    "del": "^6.0.0",
    "expose-loader": "^1.0.3",
    "file-loader": "6.2.0",
    "gulp": "^4.0.2",
    "gulp-shell": "^0.8.0",
    "gulp-rename": "^2.0.0",
    "html-loader": "^1.3.2",
    "html-webpack-plugin": "^4.5.1",
    "istanbul-instrumenter-loader": "^3.0.1",
    "json-loader": "0.5.7",
    "minimatch": "^3.0.2",
    "nps": "^5.7.1",
    "nps-utils": "1.7.0",
    "opn": "^6.0.0",
    "style-loader": "2.0.0",
    "through2": "^4.0.2",
    "ts-node": "^9.1.1",
    "ts-loader": "^8.0.14",
    "typescript": "^4.1.3",
    "uglify-js": "^3.0.19",
    "url-loader": "^4.1.1",
    "vinyl-fs": "^3.0.3",
    "webpack": "^5.15.0",
    "webpack-cli": "^4.3.1",
    "webpack-dev-server": "^3.1.3"
  },

Current behavior:

$ au run
Local aurelia-cli v2.0.2
internal/modules/cjs/loader.js:883
  throw err;
  ^

Error: Cannot find module 'webpack/lib/BasicEvaluatedExpression'
Require stack:
- /path/to/project/aurelia/app-ux-showcase/node_modules/aurelia-webpack-plugin/dist/AureliaDependenciesPlugin.js
- /path/to/project/aurelia/app-ux-showcase/node_modules/aurelia-webpack-plugin/dist/AureliaPlugin.js
- /path/to/project/aurelia/app-ux-showcase/node_modules/aurelia-webpack-plugin/dist/index.js
- /path/to/project/aurelia/app-ux-showcase/webpack.config.js
- /path/to/project/aurelia/app-ux-showcase/aurelia_project/tasks/build.ts
- /path/to/project/aurelia/app-ux-showcase/aurelia_project/tasks/run.ts
- /path/to/project/aurelia/app-ux-showcase/node_modules/aurelia-cli/lib/commands/gulp.js
- /path/to/project/aurelia/app-ux-showcase/node_modules/aurelia-cli/lib/cli.js
- /path/to/project/aurelia/app-ux-showcase/node_modules/aurelia-cli/lib/index.js
- /path/to/node/lib/node_modules/aurelia-cli/bin/aurelia-cli.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)
    at Function.Module._load (internal/modules/cjs/loader.js:725:27)
    at Module.require (internal/modules/cjs/loader.js:952:19)
    at require (internal/modules/cjs/helpers.js:88:18)
    at Object.<anonymous> (/path/to/project/aurelia/app-ux-showcase/node_modules/aurelia-webpack-plugin/dist/AureliaDependenciesPlugin.js:4:34)
    at Module._compile (internal/modules/cjs/loader.js:1063:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
    at Module.load (internal/modules/cjs/loader.js:928:32)
    at Function.Module._load (internal/modules/cjs/loader.js:769:14)
    at Module.require (internal/modules/cjs/loader.js:952:19) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/path/to/project/aurelia/app-ux-showcase/node_modules/aurelia-webpack-plugin/dist/AureliaDependenciesPlugin.js',
    '/path/to/project/aurelia/app-ux-showcase/node_modules/aurelia-webpack-plugin/dist/AureliaPlugin.js',
    '/path/to/project/aurelia/app-ux-showcase/node_modules/aurelia-webpack-plugin/dist/index.js',
    '/path/to/project/aurelia/app-ux-showcase/webpack.config.js',
    '/path/to/project/aurelia/app-ux-showcase/aurelia_project/tasks/build.ts',
    '/path/to/project/aurelia/app-ux-showcase/aurelia_project/tasks/run.ts',
    '/path/to/project/aurelia/app-ux-showcase/node_modules/aurelia-cli/lib/commands/gulp.js',
    '/path/to/project/aurelia/app-ux-showcase/node_modules/aurelia-cli/lib/cli.js',
    '/path/to/project/aurelia/app-ux-showcase/node_modules/aurelia-cli/lib/index.js',
    '/path/to/node/lib/node_modules/aurelia-cli/bin/aurelia-cli.js'
  ]
}

Expected/desired behavior:
Project should run.

aurelia-binding package not installed

I'm submitting a bug report

  • Library Version:
    major.minor.patch-pre

Please tell us about your environment:

  • Operating System:
    OSX 10.10.5

  • Node Version:
    4.2.1

  • NPM Version:
    3.10.9

  • JSPM OR Webpack AND Version
    n/a

  • Browser:
    n/a

  • Language:
    n/a

Current behavior:

Starting the showcase app with au run doesn't do anything, since aurelia-binding package seems to be missing.

$ au run
Starting 'readProjectConfiguration'...
{ uid: 2,
  name: 'readProjectConfiguration',
  branch: false,
  error:
   { [Error: ENOENT: no such file or directory, open 'node_modules/aurelia-binding/package.json']
     errno: -2,
     code: 'ENOENT',
     syscall: 'open',
     path: 'node_modules/aurelia-binding/package.json' },
  duration: [ 0, 11246444 ],
  time: 1478294026601 }
{ uid: 1,
  name: '<series>',
  branch: true,
  error:
   { [Error: ENOENT: no such file or directory, open 'node_modules/aurelia-binding/package.json']
     errno: -2,
     code: 'ENOENT',
     syscall: 'open',
     path: 'node_modules/aurelia-binding/package.json' },
  duration: [ 0, 14854024 ],
  time: 1478294026604 }
{ uid: 0,
  name: '<series>',
  branch: true,
  error:
   { [Error: ENOENT: no such file or directory, open 'node_modules/aurelia-binding/package.json']
     errno: -2,
     code: 'ENOENT',
     syscall: 'open',
     path: 'node_modules/aurelia-binding/package.json' },
  duration: [ 0, 16126629 ],
  time: 1478294026604 }
{ [Error: ENOENT: no such file or directory, open 'node_modules/aurelia-binding/package.json']
  errno: -2,
  code: 'ENOENT',
  syscall: 'open',
  path: 'node_modules/aurelia-binding/package.json' }

Expected/desired behavior:
aurelia-binding package installed as a dependency when running npm install from the app directory.

  • What is the expected behavior?
    npm install should install all required packages, including aurelia-binding

  • What is the motivation / use case for changing the behavior?
    User should not know what packages to install manually, as the documentation states that calling npm install is all that is required

au run --env dev on windows 10 ->throw er; // Unhandled 'error' event

I'm submitting a bug report

  • Library Version:
    major.minor.patch-pre

Please tell us about your environment:

  • Operating System:
    Windows 10

  • Node Version:
    6.10 lts

  • NPM Version:
    3.10

  • JSPM OR Webpack AND Version

  • Browser:
    cli

  • Language:
    all | TypeScript X.X | ESNext

Current behavior:
E:\app-ux-showcase-master>au run --env dev

Starting 'readProjectConfiguration'...
events.js:160
throw er; // Unhandled 'error' event
^

Error: File not found with singular glob: E:\app-ux-showcase-master\node_modules\aurelia-ux\dist\amd\input\ux-input.html
at Glob. (E:\app-ux-showcase-master\node_modules\glob-stream\index.js:41:11)
at Glob.g (events.js:291:16)
at emitOne (events.js:96:13)
at Glob.emit (events.js:188:7)
at Glob._finish (E:\app-ux-showcase-master\node_modules\glob-stream\node_modules\glob\glob.js:172:8)
at done (E:\app-ux-showcase-master\node_modules\glob-stream\node_modules\glob\glob.js:159:12)
at Glob._processSimple2 (E:\app-ux-showcase-master\node_modules\glob-stream\node_modules\glob\glob.js:652:12)
at E:\app-ux-showcase-master\node_modules\glob-stream\node_modules\glob\glob.js:640:10
at Glob.stat2 (E:\app-ux-showcase-master\node_modules\glob-stream\node_modules\glob\glob.js:736:12)
at lstatcb
(E:\app-ux-showcase-master\node_modules\glob-stream\node_modules\glob\glob.js:728:12)

Expected/desired behavior:
run ux-showcase to admire :)

AU requires higher version of NodeJS

I'm submitting a bug report

  • Library Version:
    n/a

Please tell us about your environment:

  • Operating System:
    Windows 10

  • Node Version:
    4.5.0

  • NPM Version:
    3.10.7

  • JSPM OR Webpack AND Version
    JSPM 0.16.46

  • Browser:
    all

  • Language:
    all

Current behavior:
The readme.md file suggests that Node >= 4.x is supported. However, I had to upgrade my Node.js version from what is shown above, otherwise I got the following error when trying to run the latest au:

C:\Users\LarsKemmann\AppData\Roaming\npm\node_modules\aurelia-cli\lib\resolve\index.js:1
(function (exports, require, module, __filename, __dirname) { let core = require('./lib/core');
^^^

SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode
at exports.runInThisContext (vm.js:53:16)
at Module._compile (module.js:373:25)
at Object.Module._extensions..js (module.js:416:10)
at Module.load (module.js:343:32)
at Function.Module._load (module.js:300:12)
at Module.require (module.js:353:17)
at require (internal/module.js:12:17)
at Object. (C:\Users\LarsKemmann\AppData\Roaming\npm\node_modules\aurelia-cli\bin\aurelia-cli.js:3:17)
at Module._compile (module.js:409:26)
at Object.Module._extensions..js (module.js:416:10)

Expected/desired behavior:

  • What is the expected behavior?
    If only the latest (fully patched 4.x.x?) LTS versions of Node are supported, please note that. I don't know if that would have worked in my case, so if only newer versions of Node (as in my case, 7.7.4) are supported, please note that. Thanks!

  • What is the motivation / use case for changing the behavior?
    Removing a user adoption hurdle. I got my version of Node on this particular machine from a Visual Studio 2015 or 2017 install, I think.

Add link to hosted version

I wanted to take a look quickly to get a sense but don't see any way to try without hosting myself.

Can you host a version and link to it from the readme?

Thanks!

Use [email protected]

The icons and some other features won't work until we update our dependency on aurelia-ux.
Can we make it a habit to update the dependency here whenever we release a new (minor) version of aurelia-ux?

Question: What is app.css#ux for?

Not a bug! Just a question.

In the app.html file, there is a require statement with something I don't understand.

  <require from="./app.css#ux"></require>

What is the #ux for? In regular URI's it's used as an internal target, but I don't see anything like that in the app.css file.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.