pascalw / dashbling Goto Github PK

I had some problems getting dashbling to work on an Apple Silicon Mac.
It turns out that node-sass doesn't support the ARM64 architecture. Digging deeper I found that LibSass is deprecated and they recommend switching to dart-sass.

Hopefully it's simple enough.

If you’re a user of Node Sass, migrating to Dart Sass is straightforward: just replace node-sass in your package.json file with sass. Both packages expose the same JavaScript API.

I would like to be able do a custom layout of a widget. Here I mean, I would like to set width and height on a per-widget basis.
Tried to bring know-how from various parts of the documentation, but sizing is something I can't get right.
The problem is, I don't want all the widgets with the same size properties. I would like to make a little bit more random. Per widget. I tried few things, but it doesn't execute them. :( I would like to have a graph in one of them for instance. And so on.

I there a way that I can bring per widget scss file? So to have like general overall layout designed, but if needed, add scss file next to my-widget.js... where I would be able to address this issues?

Pending types release for Hapi v17: https://www.npmjs.com/package/@types/hapi

Hi,

yarn create @dashbling/dashboard my-dashboard
cd my-dashboard
yarn build

When I follow the steps above, I get the errors below.

C:\my-dashboard>yarn build
yarn run v1.19.2
$ dashbling compile
2019-12-15T15:49:17+0100 [warn] No authToken was specified, using random token 8nOibyg1sXsqRVpHzImqJRSho8Y for authentication.
clean-webpack-plugin: C:\my-dashboard\dist has been removed.

WARNING: We noticed you're using the useBuiltIns option without declaring a core-js version. Currently, we assume version 2.x when no version is passed. Since this default version will likely change in future versions of Babel, we recommend explicitly setting the core-js version you are using via the corejs option.

You should also be sure that the version you pass to the corejs option matches the version specified in your package.json's dependencies section. If it doesn't, you need to run one of the following commands:

npm install --save core-js@2 npm install --save core-js@3
yarn add core-js@2 yarn add core-js@3

Hash: be3db5ebf8f249d18d66
Version: webpack 4.41.2
Time: 3633ms
Built at: 12/15/2019 15:49:21
Asset Size Chunks Chunk Names
97025f3ec401d05a930d91c13bbc6b41.svg 682 bytes [emitted]
app.be3db5ebf8f249d18d66.js 3.88 KiB 0 [emitted] [immutable] app
d5a64f51f837c64364059115fb78094a.svg 1 KiB [emitted]
index.html 405 bytes [emitted]
vendorsapp.be3db5ebf8f249d18d66.js 40.5 KiB 1 [emitted] [immutable] vendorsapp
Entrypoint app = vendors~app.be3db5ebf8f249d18d66.js app.be3db5ebf8f249d18d66.js
[0] ./node_modules/react/index.js 190 bytes {1} [built]
[2] ./node_modules/@dashbling/client/Widget.js 373 bytes {1} [built] [failed] [1 error]
[3] ./node_modules/@dashbling/client/dashbling.js + 37 modules 66.3 KiB {1} [built]
| ./node_modules/@dashbling/client/dashbling.js 2.27 KiB [built]
| ./node_modules/react-redux/es/index.js 229 bytes [built]
| ./node_modules/@dashbling/client/store.js 920 bytes [built]
| ./node_modules/react-redux/es/components/Provider.js 2.34 KiB [built]
| ./node_modules/react-redux/es/components/connectAdvanced.js 13.5 KiB [built]
| ./node_modules/redux/es/index.js 1.05 KiB [built]
| ./node_modules/react-redux/es/connect/connect.js 4.83 KiB [built]
| ./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js 204 bytes [built]
| ./node_modules/react-redux/es/utils/PropTypes.js 428 bytes [built]
| ./node_modules/react-redux/es/utils/warning.js 640 bytes [built]
| ./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js 192 bytes [built]
| ./node_modules/@babel/runtime/helpers/esm/extends.js 397 bytes [built]
| ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js 350 bytes [built]
| ./node_modules/react-redux/es/utils/Subscription.js 2.36 KiB [built]
| ./node_modules/react-redux/es/utils/shallowEqual.js 676 bytes [built]
| + 23 hidden modules
[10] ./node_modules/@dashbling/client/components/Dashboard.js 388 bytes {1} [built] [failed] [1 error]
[11] ./node_modules/@dashbling/client/components/Flex.js 330 bytes {1} [built] [failed] [1 error]
[15] ./node_modules/@dashbling/client/index.js 398 bytes {1} [built] [failed] [1 error]
[20] ./node_modules/@dashbling/client/components/index.js 72 bytes {1} [built]
[21] ./node_modules/@dashbling/client/widgets/index.js 66 bytes {1} [built]
[22] ./node_modules/dashbling-widget-weather/WeatherWidget.js 362 bytes {1} [built] [failed] [1 error]
[23] multi ./index.js 28 bytes {0} [built]
[24] ./styles/main.scss 1.3 KiB {0} [built]
[25] ./node_modules/css-loader??ref--5-1!./node_modules/postcss-loader/lib??ref--5-2!./node_modules/sass-loader/lib/loader.js!./styles/main.scss 937 bytes {0} [built]
[27] ./node_modules/style-loader/lib/addStyles.js 9.24 KiB {1} [built]
[44] ./node_modules/timezone/Europe/Amsterdam.js 6 KiB {1} [built]
[45] ./index.js + 4 modules 2.99 KiB {0} [built]
| ./index.js 218 bytes [built]
| ./Dashboard.js 1.13 KiB [built]
| ./widgets/HelloWidget.js 488 bytes [built]
| ./widgets/gitHubStars/GitHubStars.js 607 bytes [built]
| ./widgets/circleCi/CircleCiStatus.js 547 bytes [built]
+ 31 hidden modules

ERROR in ./node_modules/@dashbling/client/widgets/Image.js 12:4
Module parse failed: Unexpected token (12:4)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| export const Image = props => {
| return (

<Widget style={Object.assign({}, styles, props.style)}>

| <img src={props.src} style={{ maxWidth: "100%", maxHeight: "100%" }} />
|
@ ./node_modules/@dashbling/client/widgets/index.js 2:0-32 2:0-32
@ ./Dashboard.js
@ ./index.js
@ multi ./index.js

ERROR in ./node_modules/@dashbling/client/index.js 14:4
Module parse failed: Unexpected token (14:4)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| export const render = (rootElement, DashboardComponent) => {
| ReactDOM.render(

<Provider store={store}>

|
| ,
@ ./index.js 1:0-47 4:0-15
@ multi ./index.js

ERROR in ./node_modules/dashbling-widget-weather/WeatherWidget.js 15:4
Module parse failed: Unexpected token (15:4)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|
| return (

<Widget className={styles.widget} {...restProps} href={url}>

| {title}
|
@ ./Dashboard.js 8:0-57 11:54-67
@ ./index.js
@ multi ./index.js

ERROR in ./node_modules/@dashbling/client/widgets/Clock.js 32:6
Module parse failed: Unexpected token (32:6)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| render() {
| return (

  <Widget style={{ backgroundColor: this.props.backgroundColor }}>

| {this.formatDate(this.state.time)}
|
@ ./node_modules/@dashbling/client/widgets/index.js 1:0-32 1:0-32
@ ./Dashboard.js
@ ./index.js
@ multi ./index.js

ERROR in ./node_modules/@dashbling/client/components/Dashboard.js 9:4
Module parse failed: Unexpected token (9:4)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| const MetaContainer = props => {
| return (

<div className={props.layout.metaContainer}>

|
|
@ ./node_modules/@dashbling/client/components/index.js 1:0-40 1:0-40
@ ./Dashboard.js
@ ./index.js
@ multi ./index.js

ERROR in ./node_modules/@dashbling/client/Widget.js 9:4
Module parse failed: Unexpected token (9:4)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| const bgImage = image => {
| return (

<div

| style={{ backgroundImage: url(${image}) }}
| className={styles.bgImage}
@ ./widgets/circleCi/CircleCiStatus.js 2:0-75 9:29-35 15:25-35 15:76-87
@ ./Dashboard.js
@ ./index.js
@ multi ./index.js

ERROR in ./node_modules/@dashbling/client/components/Flex.js 9:9
Module parse failed: Unexpected token (9:9)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|
| export const Flex = props => {

return

{props.children}

;
| };
|
@ ./node_modules/@dashbling/client/components/index.js 2:0-30 2:0-30
@ ./Dashboard.js
@ ./index.js
@ multi ./index.js
Child html-webpack-plugin for "index.html":
Asset Size Chunks Chunk Names
index.html 533 KiB 0
Entrypoint undefined = index.html
[0] ./node_modules/html-webpack-plugin/lib/loader.js!./index.html 494 bytes {0} [built]
[1] ./node_modules/lodash/lodash.js 528 KiB {0} [built]
[2] (webpack)/buildin/global.js 472 bytes {0} [built]
[3] (webpack)/buildin/module.js 497 bytes {0} [built]
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

I'm having a hard time passing an array of objects to the widget component file. I can console.log the array, but as soon as I try to operate on it (like adding .map, or even indexing) it gives me Cannot read property ___ of undefined.

Is passing an array of objects through sendEvent a supported operation? I can't seem to find any examples that do this. Thanks!

When a client connects events are pulled from history and replayed to the client.

The events in this case should be ordered from old to new, otherwise the updatedAt timestamp in the footer displays the value of an older event. The MongoDB adapter doesn't do this.

I'm receiving the following error when trying to import css modules:

Module parse failed: Unexpected token
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.

In particular, this has happened for Ant Design as well as this progress bar framework. I'm pretty sure Dashbling has css-loader and style-loader already in the webpack configuration so I'm not sure what's wrong.

Is it possible for set baseUrl example:

http://localhost:3000/dashboard

Currently, only the frontend is live-reloaded in development. Changes in the jobs require a restart of the server. It would be nice if jobs would live-reload as well.

Would be great to add a way to make calls to the hapi server object during initialization.
Some use cases:

• adding another server route
• adding an SSL certificate / integrate Let's encrypt
• server-side authentication

In Dashing (the framework I'm coming from) it's possible to have multiple widgets of the same type, all generated from one HTML, CSS, and CoffeeScript file, which together define a certain type of widget. For example, you could use a JIRA sprint progress widget type to show progress for multiple sprints, using one format. I'm relatively new to this project so I'm just wondering what the best way to accomplish this is. Thanks!

Hi,

in your docs, you're mentioning authToken, but I can't seem to find the way to set/get/fix this.
How do I get a token, in order to be able to push data to a widget?

Your product is totally awesome, but documentation is kind of sparse.
Best,
Tomaz