infomiho

{
  "scopes": [
      {
          // js and vue - require("")
          "scope": "source\\.[js|vue].*string",   // 1. ignore if scope at cursor does not match expression (super+alt+p)
          "prefix": ["require"],  // 2. trigger only if: require(<cursor>
          // if 1 & 2 are true:
          "auto": true,           // auto suggest filepaths, else only by shorctut
          "extensions": ["js", "vue"],        // show only .js and .vue files
          "relative": true,         // insert absolute

infomiho

Učitelj funkcija 2000

A Pen by Mihovil Ilakovac on CodePen.

License.

infomiho

made with esnextbin

infomiho

@tailwind base;
@tailwind components;
@tailwind utilities;

infomiho

We will go through the needed steps to deploy Wasp on a single UBI9 image.

The How

Building is done with the build.sh file:

1. wasp build on the user's computer
2. Building the client app
3. Overriding the default Dockerfile

infomiho

Building Wasp for Red Hat's UBI9 image can be done with a custom Docker file and with a few simple steps that we encoded in the build.sh script.

Just put both the build.sh script and the Dockerfile at the root of your Wasp project. Make sure to make the build.sh executable with chmod +x build.sh.

There is also a test.sh script that builds the Docker image and runs it (to make sure it works)

infomiho

import { useEffect } from "react";
import "./Main.css";

import { useMessagesSocket, useSocketListener } from "./websockets";

const MainPage = () => {
  const { socket, isConnected } = useMessagesSocket();
  useSocketListener(socket, "chatMessage", (message) => {
    console.log("message received: ", message);
  });

infomiho

Caprover

You'll need a Caprover server setup.

Then create three apps for your Wasp app:

1. server
2. client
3. Postgres DB
   • go to one click apps/dbs and create a vanilla PostgreSQL

infomiho

app fileUpload {
  wasp: {
    version: "^0.12.3"
  },
  title: "file-upload",
}

route RootRoute { path: "/", to: MainPage }
page MainPage {
  component: import { MainPage } from "@src/MainPage.jsx"

infomiho

app radixui {
  wasp: {
    version: "^0.12.3"
  },
  title: "radixui",
  client: {
    rootComponent: import { Layout } from "@src/Layout",
  }
}