chandu0101/scalajs-react-components

Reusable scalajs-react components

Andreas Gies

@atooni

I have now a frech checkout of the project at https://github.com/scalajs-react-components/scalajs-react-components and I have not applied any of my changes. I have trie to run

fastoptJS::webpack

to compile the project. The project compiles with errors for me. I am really interested to gat my changes into the React Table, but right now we are considering to create the table outside of the project ourselves as well.

This is the output of sbt fastOptJS::webpack: https://gist.github.com/atooni/6e201502ed5d8ae30a234676799ca846

Any hints would be greatly appreciated.

Øyvind Raddum Berg

@oyvindberg

@rleibman that MuiColor trait you pasted up there doesn't make sense i think, i added it just as a typesafe version of a String

and for SvgIcon it's an enum, not an object, based on that documentation link

Øyvind Raddum Berg

@oyvindberg

@atooni that's confusing. i checked out newest master from that repo now, and did ;clean;demo/fastOptJS::webpack and it compiled find

sure you have cleaned up everything?

also, that said - I totally wouldn't mind if we started breaking this project up into smaller pieces

Roberto Leibman

@rleibman

After 1.1.0?

Øyvind Raddum Berg

@oyvindberg

ok, that was master branch

let's try 1.1.0

Andreas Gies

@atooni

Yes, I did a clean checkout completely independent from my changes

tried with 1.1.0 and master

Øyvind Raddum Berg

@oyvindberg

ok, I got the same compile error for 1.1.0 branch

Andreas Gies

@atooni

Øyvind Raddum Berg

@oyvindberg

seems we should enable travis build for the new repo ;)

im busy for 2-3 hours, can have a look afterwards

Andreas Gies

@atooni

was just trying to get my head around the changes before I look into the table again

Øyvind Raddum Berg

@oyvindberg

pff, references have changed again i see

this took longer than i have now

Roberto Leibman

@rleibman

References?

Øyvind Raddum Berg

@oyvindberg

React refs

ashu2012

@ashu2012

hi i am trying local build of scalajs react component but it was failing with yarn errors in ubuntun17.04 . Also yarn is installed

[info] Main Scala API documentation to /home/ashutosh/Development/scalareact2/scalajs-react-components/macros/target/scala-2.12/api...
[info] :: delivering :: com.olvind#scalajs-react-components_2.12;1.0.0-M2 :: 1.0.0-M2 :: release :: Sun Apr 22 11:54:00 IST 2018
[info] Wrote /home/ashutosh/Development/scalareact2/scalajs-react-components/macros/target/scala-2.12/scalajs-react-components-macros_sjs0.6_2.12-1.0.0-M2.pom
[info] Wrote /home/ashutosh/Development/scalareact2/scalajs-react-components/core/target/scala-2.12/scalajs-react-components_sjs0.6_2.12-1.0.0-M2.pom
[info] :: delivering :: com.olvind#scalajs-react-components-demo_sjs0.6_2.12;1.0.0-M2 :: 1.0.0-M2 :: release :: Sun Apr 22 11:54:00 IST 2018
[info]     delivering ivy file to /home/ashutosh/Development/scalareact2/scalajs-react-components/demo/target/scala-2.12/ivy-1.0.0-M2.xml
[info]     published ivy to /home/ashutosh/.ivy2/local/com.olvind/scalajs-react-components-demo_sjs0.6_2.12/1.0.0-M2/ivys/ivy.xml
[info] Packaging /home/ashutosh/Development/scalareact2/scalajs-react-components/macros/target/scala-2.12/scalajs-react-components-macros_sjs0.6_2.12-1.0.0-M2.jar ...
[info] Done packaging.
[info] Updating NPM dependencies
[error] Usage: yarn [options]
[error] yarn: error: no such option: --non-interactive
model contains 9 documentable templates
[info] Main Scala API documentation successful.
[info] Packaging /home/ashutosh/Development/scalareact2/scalajs-react-components/macros/target/scala-2.12/scalajs-react-components-macros_sjs0.6_2.12-1.0.0-M2-javadoc.jar ...
[info] Done packaging.

ashu2012

@ashu2012

hi , i resolved above they were just missing libs

any update on this issue
scalacenter/scalajs-bundler#234
i am trying to build chandu1010 rectjs demo but getting buch of arnings
warnings*

Abdhesh Kumar

@abdheshkumar

Hi Everyone, Someone has got below error?

Symbol 'type japgolly.scalajs.react.raw.package.ReactComponent' is missing from the classpath.
[error] This symbol is required by 'method chandu0101.scalajs.react.components.materialui.MuiTableRow.apply'.
[error] Make sure that type ReactComponent is in your classpath and check for conflicting dependencies with `-Ylog-classpath`.
[error] A full rebuild may help if 'MuiTableRow.class' was compiled against an incompatible version of japgolly.scalajs.react.raw.package.
[error]           MuiTableRow()(

trepidacious

@trepidacious

Have you guys seen this? Looks really nice: https://react-md.mlaursen.com/components/autocompletes

The whole library, not just the autocomplete, that's just the first demo tab

Roberto Leibman

@rleibman

Nice! I'm totally commited right now to semantic though.

Abdhesh Kumar

@abdheshkumar

Is someone using this https://github.com/payalabs/scalajs-react-bridge library? If yes, then do you know how to provide generic JsWriter for case class?

sofathitesh

@sofathitesh

hi i am using scela react component in my project

I am facing errors

I copy the chandu folder and paste in my project folder

project/chandu

i import the required libraries in my code

and i compile the code with this command

sudo sbt clean fastOptJS::webpack

and then its compile fine

after that i try to use MuiAppBar in code

and again i complie my code i found these errors

[error] ModuleNotFoundError: Module not found: Error: Can't resolve 'material-ui/AppBar' in '/home/sofat/AndroidApp/js'
[error] at factoryCallback (/home/sofat/AndroidApp/target/scala-2.12/scalajs-bundler/main/node_modules/webpack/lib/Compilation.js:264:39)
[error] at factory (/home/sofat/AndroidApp/target/scala-2.12/scalajs-bundler/main/node_modules/webpack/lib/NormalModuleFactory.js:247:20)
[error] at resolver (/home/sofat/AndroidApp/target/scala-2.12/scalajs-bundler/main/node_modules/webpack/lib/NormalModuleFactory.js:65:21)
[error] at asyncLib.parallel (/home/sofat/AndroidApp/target/scala-2.12/scalajs-bundler/main/node_modules/webpack/lib/NormalModuleFactory.js:138:21)
[error] at /home/sofat/AndroidApp/target/scala-2.12/scalajs-bundler/main/node_modules/webpack/node_modules/async/dist/async.js:3888:9
[error] at /home/sofat/AndroidApp/target/scala-2.12/scalajs-bundler/main/node_modules/webpack/node_modules/async/dist/async.js:473:16
[error] at iteratorCallback (/home/sofat/AndroidApp/target/scala-2.12/scalajs-bundler/main/node_modules/webpack/node_modules/async/dist/async.js:1062:13)
[error] at /home/sofat/AndroidApp/target/scala-2.12/scalajs-bundler/main/node_modules/webpack/node_modules/async/dist/async.js:969:16
[error] at /home/sofat/AndroidApp/target/scala-2.12/scalajs-bundler/main/node_modules/webpack/node_modules/async/dist/async.js:3885:13
[error] at resolvers.normal.resolve (/home/sofat/AndroidApp/target/scala-2.12/scalajs-bundler/main/node_modules/webpack/lib/NormalModuleFactory.js:130:23)
[error] at onError (/home/sofat/AndroidApp/target/scala-2.12/scalajs-bundler/main/node_modules/enhanced-resolve/lib/Resolver.js:65:10)
[error] at loggingCallbackWrapper (/home/sofat/AndroidApp/target/scala-2.12/scalajs-bundler/main/node_modules/enhanced-resolve/lib/createInnerCallback.js:31:19)
[error] at runAfter (/home/sofat/AndroidApp/target/scala-2.12/scalajs-bundler/main/node_modules/enhanced-resolve/lib/Resolver.js:158:4)
[error] at innerCallback (/home/sofat/AndroidApp/target/scala-2.12/scalajs-bundler/main/node_modules/enhanced-resolve/lib/Resolver.js:146:3)
[error] at loggingCallbackWrapper (/home/sofat/AndroidApp/target/scala-2.12/scalajs-bundler/main/node_modules/enhanced-resolve/lib/createInnerCallback.js:31:19)
[error] at next (/home/sofat/AndroidApp/target/scala-2.12/scalajs-bundler/main/node_modules/tapable/lib/Tapable.js:252:11)
[error] at /home/sofat/AndroidApp/target/scala-2.12/scalajs-bundler/main/node_modules/enhanced-resolve/lib/UnsafeCachePlugin.js:40:4
[error] at loggingCallbackWrapper (/home/sofat/AndroidApp/target/scala-2.12/scalajs-bundler/main/node_modules/enhanced-resolve/lib/createInnerCallback.js:31:19)
[error] at runAfter (/home/sofat/AndroidApp/target/scala-2.12/scalajs-bundler/main/node_modules/enhanced-resolve/lib/Resolver.js:158:4)
[error] at innerCallback (/home/sofat/AndroidApp/target/scala-2.12/scalajs-bundler/main/node_modules/enhanced-resolve/lib/Resolver.js:146:3)
[error] at loggingCallbackWrapper (/home/sofat/AndroidApp/target/scala-2.12/scalajs-bundler/main/node_modules/enhanced-resolve/lib/createInnerCallback.js:31:19)
[error] at next (/home/sofat/AndroidApp/target/scala-2.12/scalajs-bundler/main/node_modules/tapable/lib/Tapable.js:252:11)
[error] at innerCallback (/home/sofat/AndroidApp/target/scala-2.12/scalajs-bundler/main/node_modules/enhanced-resolve/lib/Resolver.js:144:11)
[error] at loggingCallbackWrapper (/home/sofat/AndroidApp/target/scala-2.12/scalajs-bundler/main/node_modules/enhanced-resolve/lib/createInnerCallback.js:31:19)
[error] at next (/home/sofat/AndroidApp/target/scala-2.12/scalajs-bundler/main/node_modules/tapable/lib/Tapable.js:249:35)
[error] at resolver.doResolve.createInnerCallback (/home/sofat/AndroidApp/target/scala-2.12/scalajs-bundler/main/node_modules/enhanced-resolve/lib/DescriptionFilePlugin.js:44:6)
[error] at loggingCallbackWrapper (/home/sofat/AndroidApp/target/scala-2.12/scalajs-bundler/main/node_modules/enhanced-resolve/lib/createInnerCa

i use npm install material-ui but not working

please any one help me in this

????

@chandu0101

Roberto Leibman

@rleibman

I'm sorry, I have not had the time or the patience to release the latest and greatest version of the library... so:

Number 1: The new repo is now at https://github.com/scalajs-react-components/scalajs-react-components

Number 2: Try the 1.1.0 branch.

Hamza Rhaiem

@hamzarhaiem

I am trying to get the MuiStepper work

val materialui = "0.16.7" // "0.15.1"
val scala = "2.11.11"
val scalajsReactComponents = "0.8.0"

The code below is inspired from this exemple https://codesandbox.io/s/r6401x80o

I am new to React, State, Props, etc

Nothing happend when i call my component :( :(

object ScalaMuiStepper {

  def getSteps(): Array[String] = {
    Array("Select campaign settings", "Create an ad group", "Create an ad")
  }

  def getStepContent(step: Int): String = {
    step match {
      case 0 => "For each ad campaign that you create, you can control how much you're willing to spend on clicks and conversions, which networks and geographical locations you want your ads to show on, and more."
      case 1 => "An ad group contains one or more ads which target a shared set of keywords."
      case 2 => "Try out different ad text to see what brings in the most customers, and learn how to enhance your ads using features like ad extensions.If you run into any problems with your ads, find out how to tell if they're running and how to resolve approval issues."
      case whoa => "Unknown step"
    }
  }

  case class ScalaMuiStepperState(activeStep: Double)

  case class ScalaMuiStepperProps()

  class Backend(t: BackendScope[ScalaMuiStepperProps, ScalaMuiStepperState]) {

    def handleNext: ReactEvent => Callback = e => t.modState(s => s.copy(activeStep = s.activeStep + 1))

    def handleBack: ReactEvent => Callback = e => t.modState(s => s.copy(activeStep = s.activeStep - 1))

    //to be called later if needed
    def handleReset: ReactEvent => Callback = e => t.modState(s => s.copy(activeStep = 0))

    def render(state: ScalaMuiStepperState) = {
      val steps = getSteps()
      <.div(^.id := "ScalaMuiStepper")(
        MuiMuiThemeProvider()(
          MuiStepper(activeStep = state.activeStep)(
            steps.zipWithIndex.map {
              case (step, index) =>
                MuiStep(key = step, active = index == state.activeStep)(
                  MuiStepLabel(active = index == state.activeStep, icon = index + 1)(step + index.toString),
                  MuiStepContent(active = index == state.activeStep)(
                    getStepContent(index),
                    <.div()(
                      MuiRaisedButton(disabled = state.activeStep == 0, onClick = handleBack)("Back"),
                      MuiRaisedButton(primary = true, onClick = handleNext)("Next")
                    )
                  )
                )
            }
          )
        )
      )
    }

  }

  private val component = ScalaComponent.builder[ScalaMuiStepperProps]("ScalaMuiStepper")
    .renderBackend[Backend]
    .build

  def apply() = {
    component(ScalaMuiStepperProps())
  }
}

Roberto Leibman

@rleibman

Did you see my comment above?

Hamza Rhaiem

@hamzarhaiem

Just did now, you mean i am using the wrong version?

Where communities thrive

People

Repo info

Activity