Code Monkey home page Code Monkey logo

Comments (9)

igorski avatar igorski commented on May 28, 2024 1

Alright, following this again since there is more traction on the topic.

Thanks @Ange-Cesari for your example Dockerfile. We could add this to the repository. Maybe @philipdistefano you have some additional input ?

from bitmappery.

philipdistefano avatar philipdistefano commented on May 28, 2024 1

I haven't had a chance to test it yet, but it's rad to see this getting some traction! Will take a look later this week. Thanks @Ange-Cesari !

from bitmappery.

philipdistefano avatar philipdistefano commented on May 28, 2024 1

@Ange-Cesari @igorski Working successfully! Thanks for doing that!

from bitmappery.

Ange-Cesari avatar Ange-Cesari commented on May 28, 2024 1

@igorski

I did the PR #28
I especially did not do a new branch so that you can merge easily, as no code has been edited. Obviously if code was edited/added/remove I would have done a new branch.

Hope it solves the issue and happy to contribute :).

PS : You should host on dockerhub.io the image, it could be use by some projects like easypanel. that allows people to use open source applications. (closed source for now but definitely doing things for the FOSS community.)

from bitmappery.

igorski avatar igorski commented on May 28, 2024

Hi @philipdistefano thanks for the kind comment.

I hadn't planned a Docker container, maybe I'm overlooking your use case, but what benefit would the container provide ? Is it to run a self hosted BitMappery version ? BitMappery supports Service Workers and can be installed to the homescreen, which should make it a standalone, offline app.

But once more, maybe I'm overlooking the benefit you see ? :)

from bitmappery.

philipdistefano avatar philipdistefano commented on May 28, 2024

@igorski Yes, exactly! I have the project up and running, but docker would be much easier for most people, and then easier to maintain.

from bitmappery.

Ange-Cesari avatar Ange-Cesari commented on May 28, 2024

@philipdistefano
Hey,

I wrote a minimalist dockerfile to run bitmappery via docker container.

Simply follow these steps to generate the image yourself:

pre-requesite : docker & git

Step 1 : Go into a folder on your local machine and git clone the BitMappery project:

git clone https://github.com/igorski/bitmappery.git

Step 2 : Create a dockerfile at the root folder of the project and paste the following code :

# Written by Ange Cesari
# Use official Node.js based on Alpine
FROM node:16-alpine

# Install Yarn
RUN apk add --no-cache yarn

# Create dir for application
WORKDIR /usr/src/app

# Copy package.json
COPY package.json ./

# Install dependencies
RUN yarn install

# Copy the rest of the application code
COPY . .

# Expose the port the application will run on
EXPOSE 5173

# Run the application
CMD ["yarn", "dev", "--host", "0.0.0.0"]

Step 3 : Build the image :

docker build -t bitmappery .

Step 4 : Once i'ts built, run the container and bind the ports :

docker run -d -p 5173:5173 --name bitmappery-container bitmappery

Step 5 : Once the container is started, you should be able to reach http://localhost:5173

from bitmappery.

igorski avatar igorski commented on May 28, 2024

Thanks for the verification @philipdistefano

@Ange-Cesari I could add the Dockerfile to the repository with an addendum in the README on how to start it, or you could make a pull request containing the same, which I can then merge (if you care about having a contributor entry in the project :) ).

from bitmappery.

igorski avatar igorski commented on May 28, 2024

Awesome, thanks for the effort! I'll have a look at your other suggestions and see how this self hosting thing can be enriched in iterations to come :)

from bitmappery.

Related Issues (13)

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.