Add events committee to main branch

.github/workflows/continuous-integration-workflow-events.yml

@@ -0,0 +1,40 @@
+name: CI - Events Committee
+on:
+  pull_request:
+  push:
+    branches:
+      - main
+
+jobs:
+  prettier:
+    name: Prettier
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 20
+          cache: "npm"
+      - name: Install dependencies
+        run: npm ci
+      - name: Run code formatting check
+        run: npm run fmt:check
+
+  playwright-tests-events:
+    name: Events Committee - Playwright tests
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 20
+          cache: "npm"
+      - name: Install dependencies
+        run: |
+          npm ci
+          curl --proto '=https' --tlsv1.2 -LsSf https://github.com/mpeterdev/bos-loader/releases/download/v0.7.1/bos-loader-v0.7.1-installer.sh | sh
+          npx playwright install-deps
+          npx playwright install
+      - name: Run tests
+        run: |
+          INSTANCE=events npx playwright test --project=events playwright-tests/tests/events

.github/workflows/continuous-integration-workflow.yml

@@ -31,7 +31,6 @@ jobs:
       - name: Install dependencies
         run: |
           npm ci
-          curl --proto '=https' --tlsv1.2 -LsSf https://github.com/mpeterdev/bos-loader/releases/download/v0.7.1/bos-loader-v0.7.1-installer.sh | sh
           npx playwright install-deps
           npx playwright install
       - name: Run tests
@@ -49,7 +48,6 @@ jobs:
       - name: Install dependencies
         run: |
           npm ci
-          curl --proto '=https' --tlsv1.2 -LsSf https://github.com/mpeterdev/bos-loader/releases/download/v0.7.1/bos-loader-v0.7.1-installer.sh | sh
           npx playwright install-deps
           npx playwright install
       - name: Run tests

.github/workflows/deploy-dry-mainnet-events.yml

@@ -0,0 +1,41 @@
+name: Dry-run Deploy Widgets to Mainnet
+on:
+  pull_request:
+  push:
+    branches-ignore:
+      - main
+jobs:
+  deploy-widgets:
+    runs-on: ubuntu-latest
+    name: Diff from PR
+    defaults:
+      run:
+        working-directory: ./instances/events-committee.near
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Install dependencies
+        run: |
+          npm ci
+
+      - name: Set replacements
+        id: set_replacements
+        run: |
+          echo "replacements=$(jq -r '[to_entries[] | .["find"] = "${" + .key + "}" | .["replace"] = .value | del(.key, .value), {"find": "${REPL_POSTHOG_API_KEY}", "replace": "'$POSTHOG_API_KEY'"}]' aliases.mainnet.json | tr -d "\n\r")" >> $GITHUB_OUTPUT
+
+      - name: Replace placeholders
+        uses: flcdrg/replace-multiple-action@v1
+        with:
+          files: "**/*.jsx"
+          find: "${{ steps.set_replacements.outputs.replacements }}"
+          prefix: "(^|.*)"
+          suffix: "($|.*)"
+
+      - name: Install bos CLI
+        run: |
+          curl --proto '=https' --tlsv1.2 -LsSf https://github.com/FroVolod/bos-cli-rs/releases/download/v0.3.6/bos-cli-installer.sh | sh
+
+      - name: Dry run deploying widgets
+        run: |
+          bos components diff events-commitee.near network-config mainnet

CONTRIBUTING.md

@@ -48,6 +48,16 @@ To initiate the development environment, you can use the following script. This
 npm run bw:dev:devhub
 ```
 
+Running another instance like `events-committee.near` or `infra-structure-committee.near` can be done by the following scripts
+
+```sh
+npm run bw:dev:events
+```
+
+```sh
+npm run bw:dev:infra
+```
+
 #### Customizing Creator ID, Contract ID, or Network
 
 If you need to customize the account ID, override the contract ID, or specify a different network for your development environment, you can use the `overrides` feature of [bos-workspace](https://github.com/NEARBuilders/bos-workspace?tab=readme-ov-file#configuration).
@@ -91,10 +101,20 @@ npm run fmt
 
 #### Writing tests
 
-We use [Playwright](https://playwright.dev) for tests, which are located in the [playwright-tests](./playwright-tests/) folder. For each change or addition to the codebase you should also make sure that your changes are covered by tests in order to ensure that other developers will not break it in the future. Also you should write tests to accelerate your own development, so that you don't have to do manual coding/test interations via the browser.
+We use [Playwright](https://playwright.dev) for tests, which are located in the [playwright-tests](./playwright-tests/) folder. For each change or addition to the codebase you should also make sure that your changes are covered by tests in order to ensure that other developers will not break it in the future. Also you should write tests to accelerate your own development, so that you don't have to do manual coding/test interactions via the browser.
 
 Use the [dev-container](#using-a-dev-container) setup mentioned above for getting quick access to a complete development environment with test dependencies included, or see the [test-pipeline](./.github/workflows/continuous-integration-workflow.yml) for what dependencies that needs to be installed on your workstation for tests to run.
 
+Use the following script to run the test UI for `devhub.near` or `events-committee.near`.
+
+```sh
+npm test -- --ui
+```
+or
+```sh
+npm run test:events -- --ui
+```
+
 Currently, none of the tests post actual transactions to the smart contracts. Still you should try writing your tests so that they do the actual function call, but just skip the final step of sending the transaction. You can do this by capturing the transaction confirmation popup provided by the NEAR social VM.
 
 Here is an example snippet to capture the VM confirmation popup:

instances/devhub.near/widget/devhub/components/molecule/ShareButton.jsx

@@ -7,8 +7,8 @@ const clickbaitPrompt =
   props.clickbaitPrompt ??
   `Check out this ${postType} on @NearSocial_\n#NearSocial #NEAR #BOS\n${externalLink}`;
 
-const twitterUrl = new URL("https://twitter.com/intent/tweet");
-twitterUrl.searchParams.set("text", clickbaitPrompt);
+const xUrl = new URL("https://x.com/intent/tweet");
+xUrl.searchParams.set("text", clickbaitPrompt);
 
 const mailtoUrl = new URL("mailto:");
 mailtoUrl.searchParams.set(
@@ -93,11 +93,11 @@ return (
       <li className="dropdown-item">
         <a
           className="link-dark text-decoration-none"
-          href={twitterUrl.toString()}
+          href={xUrl.toString()}
           target="_blank"
         >
           <i className="bi bi-twitter" />
-          Share on Twitter
+          Share on X
         </a>
       </li>
     </ul>

instances/events-committee.near/.gitignore

@@ -0,0 +1,2 @@
+build
+dist

instances/events-committee.near/aliases.mainnet.json

@@ -0,0 +1,11 @@
+{
+  "REPL_DEVHUB": "events-committee.near",
+  "REPL_DEVHUB_LEGACY": "devgovgigs.near",
+  "REPL_DEVHUB_CONTRACT": "events-committee.near",
+  "REPL_NEAR": "near",
+  "REPL_MOB": "mob.near",
+  "REPL_EFIZ": "efiz.near",
+  "REPL_DEVS": "devs.near",
+  "REPL_SOCIAL_CONTRACT": "social.near",
+  "REPL_RPC_URL": "https://rpc.mainnet.near.org"
+}

instances/events-committee.near/bos.config.json

@@ -0,0 +1,6 @@
+{
+  "account": "events-committee.near",
+  "aliasPrefix": "REPL",
+  "aliasesContainsPrefix": true,
+  "aliases": ["./aliases.mainnet.json"]
+}

instances/events-committee.near/data.json

@@ -0,0 +1,3 @@
+{
+  "events-committee.near": {}
+}

instances/events-committee.near/src

@@ -0,0 +1 @@
+widget

instances/events-committee.near/widget/DevGov/Notification/Item/Left.jsx

@@ -0,0 +1,34 @@
+const { href } = VM.require("${REPL_DEVHUB}/widget/core.lib.url") || (() => {});
+
+if (!props.type) {
+  return "Loading ...";
+}
+
+const type = props.type.split("/")[1];
+return props.type ? (
+  <>
+    {type == "like"
+      ? "liked your"
+      : type == "reply"
+      ? "replied to your"
+      : type == "edit"
+      ? "edited your"
+      : type == "mention"
+      ? "mentioned you in their"
+      : "???"}{" "}
+    <a
+      className="fw-bold text-muted"
+      href={href({
+        widgetSrc: "${REPL_DEVHUB}/widget/app",
+        params: {
+          page: "post",
+          id: props.post,
+        },
+      })}
+    >
+      DevHub post
+    </a>
+  </>
+) : (
+  "Loading ..."
+);

instances/events-committee.near/widget/DevGov/Notification/Item/Right.jsx

@@ -0,0 +1,20 @@
+const { href } = VM.require("${REPL_DEVHUB}/widget/core.lib.url") || (() => {});
+
+return props.post === undefined ? (
+  "Loading ..."
+) : (
+  <>
+    <a
+      className="btn btn-outline-dark"
+      href={href({
+        widgetSrc: "${REPL_DEVHUB}/widget/app",
+        params: {
+          page: "post",
+          id: props.post,
+        },
+      })}
+    >
+      View DevHub post
+    </a>
+  </>
+);

instances/events-committee.near/widget/app.jsx

@@ -0,0 +1,106 @@
+/**
+ * This is the main entry point for the DevHub application.
+ * Page route gets passed in through params, along with all other page props.
+ */
+
+const { onDraftStateChange } = VM.require(
+  "${REPL_DEVHUB}/widget/devhub.entity.post.draft"
+);
+
+const { page, ...passProps } = props;
+
+// Import our modules
+const { AppLayout } = VM.require(
+  "${REPL_DEVHUB}/widget/devhub.components.templates.AppLayout"
+);
+
+if (!AppLayout) {
+  return <p>Loading modules...</p>;
+}
+
+// CSS styles to be used across the app.
+// Define fonts here, as well as any other global styles.
+const Theme = styled.div`
+  a {
+    color: inherit;
+  }
+
+  .attractable {
+    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
+    transition: box-shadow 0.6s;
+
+    &:hover {
+      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+    }
+  }
+`;
+
+if (!page) {
+  // If no page is specified, we default to the feed page TEMP
+  page = "home";
+}
+
+// This is our navigation, rendering the page based on the page parameter
+function Page() {
+  const routes = page.split(".");
+  switch (routes[0]) {
+    case "create-proposal": {
+      return (
+        <Widget
+          src={"${REPL_DEVHUB}/widget/devhub.entity.proposal.Editor"}
+          props={{ ...passProps }}
+        />
+      );
+    }
+
+    case "proposals": {
+      return (
+        <Widget
+          src={"${REPL_DEVHUB}/widget/devhub.page.proposals"}
+          props={passProps}
+        />
+      );
+    }
+    case "proposal": {
+      return (
+        <Widget
+          src={"${REPL_DEVHUB}/widget/devhub.entity.proposal.Proposal"}
+          props={passProps}
+        />
+      );
+    }
+    // ?page=about
+    case "about": {
+      return (
+        <Widget
+          src={"${REPL_DEVHUB}/widget/devhub.page.about"}
+          props={passProps}
+        />
+      );
+    }
+    case "admin": {
+      return (
+        <Widget
+          src={"${REPL_DEVHUB}/widget/devhub.page.admin.index"}
+          props={passProps}
+        />
+      );
+    }
+    default: {
+      return (
+        <Widget
+          src={"${REPL_DEVHUB}/widget/devhub.page.proposals"}
+          props={passProps}
+        />
+      );
+    }
+  }
+}
+
+return (
+  <Theme>
+    <AppLayout page={page}>
+      <Page />
+    </AppLayout>
+  </Theme>
+);