Petrol-pump example done by sodiumjs and reactjs

huanhulan 2018-01-21 16:39:01 UTC #1

Here's the repo:

https://github.com/huanhulan/petrol_pump

It's kinda a homework learing the sodiumjs, using sodiumjs is fun, but battling with the typescript and webpack is terrible.

By the way, it's not finished yet, I will get the final piece: the Preset module done by next week and add the tests later.

update, the github pages is here: https://huanhulan.github.io/petrol_pump/

the-real-blackh 2018-01-21 20:58:24 UTC #2

That is wonderful! Thank you!

Ziriax 2018-01-21 21:38:17 UTC #3

Nice! Could you describe the troubles you experienced with Typescript? I can certainly imagine the webpack problems But so far, Typescript has been mostly a very helpful tool to me.

huanhulan 2018-01-22 01:51:05 UTC #5

The biggest problem I have encountered so far is to import static file using typescript, I have to make .d.ts file for sounds and images, I konw there are answers for this both on typescript github repo and stackoverflow, but none of these works for me, so I ave to do the dirty way: make .d.ts file for *.pngs & *.wavs, and then within the .d.ts file, declare a toString() method .
The typings-for-css-modules-loader has been a great help to automatically generate .d.ts files for scss, but it would still fail under first compilation.
All the trouble may because I have the wrong configuration, I will reconsider the problem later.

huanhulan 2018-01-22 12:52:23 UTC #6

Hi, everyone, it's done.

dakom 2018-01-22 16:47:21 UTC #7

LOVELY @huanhulan

Can you add a build via GitHub pages or Netlify, so the demo is viewable online?

huanhulan 2018-01-23 10:55:45 UTC #9

https://huanhulan.github.io/petrol_pump/

the-real-blackh 2018-01-23 20:15:47 UTC #10

I'm so excited about this! Thank you! The shadows of the numbers are a nice touch.

dakom 2018-01-25 11:41:44 UTC #11

@huanhulan - this is now listed in the examples at https://github.com/sodiumFRP/sodium-typescript

(I also cleaned up the package structure and added a native integration test setup so that changes to the lib can be easily seen and tested in a browser environment before release)

huanhulan 2018-01-25 12:36:31 UTC #12

Thank you！I'm so excited about this!