Coder Social home page Coder Social logo

Comments (9)

automationghost avatar automationghost commented on June 19, 2024 1

This is the boilerplate.

https://github.com/cawa-93/vite-electron-builder

maybe you can take a quick look on the ts configs and tell me what your aproach would be. I think its mainly about the

"moduleResolution": "Node",

settings ...

I tried changing it to nodenext as you have it .. but then it breaks some of their stuff :D...

You could basically install taht boilerpalte and try to install the mainbridge to see the problem

the configs are in the packages folders

from reduxtron.

vitordino avatar vitordino commented on June 19, 2024 1

i won’t be able to check this until next week.. hold tight..

from reduxtron.

automationghost avatar automationghost commented on June 19, 2024 1

i won’t be able to check this until next week.. hold tight..

ok no worries . I will try buidling a variation of electron-redux with persiting the state via a json file until then .

I would like to try both your version and mine see how it goes . Maybe I use both.
The automationghost app will have a heavy focus on windows creations .. so im currently dabbling alot with this to see what works best.

have a nice weekend

from reduxtron.

vitordino avatar vitordino commented on June 19, 2024 1

alright, let me know if you need anything else

from reduxtron.

vitordino avatar vitordino commented on June 19, 2024

hey there @automationghost, do you have a repo to share?

alternatively: i’ve recently revamped the boilerplates and provided scripts to get them:

  • react
    npx degit vitordino/reduxtron/packages/boilerplate-react project-name
  • svelte
    npx degit vitordino/reduxtron/packages/boilerplate-svelte project-name
  • vue
    npx degit vitordino/reduxtron/packages/boilerplate-vue project-name
  • vanilla
    npx degit vitordino/reduxtron/packages/boilerplate-vanilla project-name

they might help with this initial proof of concept (:

from reduxtron.

automationghost avatar automationghost commented on June 19, 2024

I spent whole day re-creating my own version of redux-electron.

damn my brain is fried after this ipc pingpong :D .... but it works.

I used redux persists with electron store for the main process
and for the renderer process i use normal redux without persist but forward all actions to main . Main then updates all renderer windows...

I have 2 middlewares
forwardToMain
forwardToRenderer

utility functions :
setupPreload()
initilizeRendererListeners
intilizeMainlistener

i can plug initilizeRendererListeners to any new window I create so pretty convienent.

and i can debug with redux extension in the frontend ...
strangely though i havent figured out how to connect to the mainprocesses redux store with the redux chrome extension... doesnt seem to work for some reason... (event though i use the redux toolkit devtools option ... cant connect to the store .... anyway :D ... just sharing my excitement and pain :D ... have a nice day

from reduxtron.

automationghost avatar automationghost commented on June 19, 2024

i have found the problem >

the npm package seems to have a problem with the dist folder so the import statement is wrong :)

though i checked your package.json ... guess all is setup correcetly there .. still not sure whats going on :D

import { mainReduxBridge } from "reduxtron/main";
import { mainReduxBridge } from "reduxtron/dist/main"; <<works

i leave it to you

from reduxtron.

vitordino avatar vitordino commented on June 19, 2024

this might help: https://github.com/vitordino/vite-electron-builder-reduxtron

i couldn’t find a perfect way to make both typescript and the bundler happy that quick..

so i did the age old trick of using patch-package, and left only the typescript source to be imported


i’ve also noticed that although it claims:

Written following the latest safety requirements, recommendations and best practices.

looks like any exposed preload work if you set BrowserWindow to webPreferences.sandbox: false with the standard configuration


on a personal note:
i didn’t liked that much the way this boilerplate deals with some details..
the biggest one is how they rely on some preload magic* that might make it harder to use some electron packages

the magic is that unplugin-auto-expose..

from reduxtron.

automationghost avatar automationghost commented on June 19, 2024

Thanks . I will give it a go some sometime. So far im fine with this boilerplate.
this one loads much faster thanks to vite and it looks like for now it will be easy to update electron versions which was a problem with the other boilerplate.

looking at vscode repo for inspiration. I want to build a extension system as a final goal down the road ... just researching takes me hours at the moment .. but its good fun.

Thanks again.

from reduxtron.

Related Issues (2)

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.