[ADD] estate: create new estate module manifest

.gitignore

@@ -127,3 +127,6 @@ dmypy.json
 
 # Pyre type checker
 .pyre/
+
+# VSCode config files
+.vscode/

awesome_clicker/static/src/click_rewards.js

@@ -0,0 +1,24 @@
+export const rewards = [
+    {
+        description: "Get 1 ClickBot",
+        apply(clicker) {
+            clicker.bots.clickbot.quantity++;
+        },
+        maxLevel: 3,
+    },
+    {
+        description: "Get 1 BigBot",
+        apply(clicker) {
+            clicker.bots.bigbot.quantity++;
+        },
+        minLevel: 3,
+        maxLevel: 4,
+    },
+    {
+        description: "Increase bot power!",
+        apply(clicker) {
+            clicker.power++;
+        },
+        minLevel: 3,
+    },
+];

awesome_clicker/static/src/click_value/click_value.js

@@ -0,0 +1,17 @@
+import { Component } from "@odoo/owl";
+import { humanNumber } from "@web/core/utils/numbers";
+
+import { useClicker } from "../clicker_service";
+
+
+export class ClickValue extends Component {
+    static template = "awesome_clicker.ClickValue";
+
+    setup() {
+        this.clicker = useClicker();
+    }
+
+    getClickValueDisplay() {
+        return humanNumber(this.clicker.clicks, { decimals: 1 });
+    }
+}

awesome_clicker/static/src/click_value/click_value.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+    <t t-name="awesome_clicker.ClickValue">
+        <span t-att-data-tooltip="this.clicker.clicks">
+            <t t-esc="getClickValueDisplay()"/>
+        </span>
+    </t>
+</templates>

awesome_clicker/static/src/clicker_model.js

@@ -0,0 +1,117 @@
+import { EventBus } from "@odoo/owl";
+import { browser } from "@web/core/browser/browser";
+import { Reactive } from "@web/core/utils/reactive";
+
+import { chooseReward } from "./utils";
+
+
+export const LEVEL_REQUIREMENTS = [
+    { level: 1, requirement: 1000, event_name: "MILESTONE_1k", message: "Level up! You have unlocked ClickBots." },
+    { level: 2, requirement: 5000, event_name: "MILESTONE_5k", message: "Level up! You have unlocked BigBots." },
+    { level: 3, requirement: 100000, event_name: "MILESTONE_100k", message: "Level up! You have unlocked Power." },
+    { level: 4, requirement: 1000000, event_name: "MILESTONE_1M", message: "Level up! You have unlocked Trees." },
+];
+
+export class ClickerModel extends Reactive {
+
+    constructor() {
+        super();
+
+        this.version = "1.1";
+        this.clicks = 0;
+        this.level = 0;
+        this.power = 1;
+        this.bots = {
+            clickbot: {
+                name: "ClickBot",
+                quantity: 0,
+                price: 1000,
+                yield: 10,
+                level_required: 1,
+            },
+            bigbot: {
+                name: "BigBot",
+                quantity: 0,
+                price: 5000,
+                yield: 100,
+                level_required: 2,
+            }
+        };
+        this.trees = {
+            pear: {
+                name: "Pear Tree",
+                fruit_name: "Pear",
+                quantity: 0,
+                price: 1000000,
+                fruits: 0,
+                level_required: 4,
+            },
+            cherry: {
+                name: "Cherry Tree",
+                fruit_name: "Cherry",
+                quantity: 0,
+                price: 1000000,
+                fruits: 0,
+                level_required: 4,
+            },
+            peach: {
+                name: "Peach Tree",
+                fruit_name: "Peach",
+                quantity: 0,
+                price: 1000000,
+                fruits: 0,
+                level_required: 4,
+            }
+        }
+
+        this.bus = new EventBus();
+        document.addEventListener("click", () => this.increment(1), { capture: true });
+        setInterval(() => {
+            Object.values(this.bots).forEach(bot => this.clicks += bot.yield * this.power * bot.quantity);
+            browser.localStorage.setItem("clicker_state", JSON.stringify(this));
+        }, 10 * 1000);
+        setInterval(() => {
+            Object.values(this.trees).forEach(tree => tree.fruits += tree.quantity);
+        }, 30 * 1000);
+    }
+
+    increment(inc) {
+        this.clicks += inc;
+
+        LEVEL_REQUIREMENTS.forEach(milestone => {
+            if (this.clicks >= milestone.requirement && this.level < milestone.level) {
+                this.level++;
+                this.bus.trigger(milestone.event_name);
+            }
+        })
+    }
+
+    purchaseBot(bot_name) {
+        let purchased_bot = Object.values(this.bots).find(bot => bot.name === bot_name);
+        purchased_bot.quantity++;
+        this.clicks -= purchased_bot.price;
+    }
+
+    purchaseTree(tree_name) {
+        let purchased_tree = Object.values(this.trees).find(tree => tree.name === tree_name);
+        purchased_tree.quantity++;
+        this.clicks -= purchased_tree.price;
+    }
+
+    purchasePower() {
+        this.power++;
+        this.clicks -= 50000;
+    }
+
+    getReward() {
+        this.bus.trigger("RANDOM_REWARD", chooseReward(this.level));
+    }
+
+    getTotalTreeCount() {
+        return Object.values(this.trees).map(tree => tree.quantity).reduce((sum, qty) => { sum + qty }, 0);
+    }
+
+    getTotalFruitCount() {
+        return Object.values(this.trees).map(tree => tree.fruits).reduce((sum, qty) => { sum + qty }, 0);
+    }
+}

awesome_clicker/static/src/clicker_service.js

@@ -0,0 +1,72 @@
+import { useState } from "@odoo/owl";
+import { browser } from "@web/core/browser/browser";
+import { registry } from "@web/core/registry";
+import { useService } from "@web/core/utils/hooks";
+
+import { ClickerModel, LEVEL_REQUIREMENTS } from "./clicker_model";
+import { migrate } from "./migration";
+
+
+function initClickerState() {
+    let clicker_model = new ClickerModel();
+    let local_state = JSON.parse(browser.localStorage.getItem("clicker_state"));
+
+    if (!local_state) {
+        return clicker_model;
+    }
+
+    if (local_state.version != clicker_model.version) {
+        migrate(local_state, clicker_model.version);
+    }
+
+    delete local_state.bus;
+    return Object.assign(clicker_model, local_state);
+}
+
+const clickerService = {
+    dependencies: ["action", "effect", "notification"],
+    start(env, services) {
+        let clicker_model = initClickerState();
+
+        LEVEL_REQUIREMENTS.forEach(milestone =>
+            clicker_model.bus.addEventListener(
+                milestone.event_name,
+                () => services.effect.add({ message: milestone.message }),
+            )
+        )
+
+        clicker_model.bus.addEventListener(
+            "RANDOM_REWARD",
+            (ev) => {
+                const closeNotification = services.notification.add(
+                    `Congratulations, you won a reward: '${ev.detail.description}'`,
+                    {
+                        type: "success",
+                        sticky: true,
+                        buttons: [{
+                            name: "Collect",
+                            onClick: () => {
+                                ev.detail.apply(clicker_model);
+                                closeNotification();
+                                services.action.doAction({
+                                    type: "ir.actions.client",
+                                    tag: "awesome_clicker.client_action",
+                                    target: "new",
+                                    name: "Clicker"
+                                });
+                            }
+                        }],
+                    }
+                )
+            }
+        )
+
+        return clicker_model;
+    }
+}
+
+export function useClicker() {
+    return useState(useService("awesome_clicker.clicker_service"));
+}
+
+registry.category("services").add("awesome_clicker.clicker_service", clickerService);

awesome_clicker/static/src/clicker_systray_item/clicker_systray_item.js

@@ -0,0 +1,30 @@
+import { Component } from "@odoo/owl";
+import { Dropdown } from "@web/core/dropdown/dropdown";
+import { DropdownItem } from "@web/core/dropdown/dropdown_item";
+import { registry } from "@web/core/registry";
+import { useService } from "@web/core/utils/hooks";
+
+import { useClicker } from "../clicker_service";
+import { ClickValue } from "../click_value/click_value";
+
+
+export class ClickerSystrayItem extends Component {
+    static template = "awesome_clicker.ClickerSystrayItem";
+    static components = { ClickValue, Dropdown, DropdownItem };
+
+    setup() {
+        this.clicker = useClicker();
+        this.action_service = useService("action");
+    }
+
+    openClickerWindow() {
+        this.action_service.doAction({
+            type: "ir.actions.client",
+            tag: "awesome_clicker.client_action",
+            target: "new",
+            name: "Clicker"
+        });
+    }
+}
+
+registry.category("systray").add("awesome_clicker.ClickerSystrayItem", { Component: ClickerSystrayItem });

awesome_clicker/static/src/clicker_systray_item/clicker_systray_item.xml

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+    <t t-name="awesome_clicker.ClickerSystrayItem">
+        <Dropdown>
+            <button>
+                <b><ClickValue/><div class="ms-1 fa fa-mouse-pointer"/></b>
+                <div t-if="this.clicker.level >= 4">
+                    <b>, <t t-esc="this.clicker.getTotalTreeCount()"/> <div class="ms-1 fa fa-tree"/></b>
+                    <b>, <t t-esc="this.clicker.getTotalFruitCount()"/> <div class="ms-1 fa fa-apple"/></b>
+                </div>
+            </button>
+
+            <t t-set-slot="content">
+                <DropdownItem>
+                    <button class="btn btn-primary" t-on-click="this.openClickerWindow">Open Clicker Game</button>
+                </DropdownItem>
+                <DropdownItem>
+                    <button class="btn btn-primary" t-on-click="() => this.clicker.purchaseBot('ClickBot')">Buy ClickBot</button>
+                </DropdownItem>
+
+                <t t-foreach="Object.values(this.clicker.trees)" t-as="tree" t-key="tree.name">
+                    <DropdownItem t-if="this.clicker.level >= tree.level_required">
+                        <t t-esc="tree.quantity"/>x <t t-esc="tree.name"/>
+                        (<t t-esc="tree.fruits"/> <t t-esc="tree.fruit_name"/>)
+                    </DropdownItem>
+                </t>
+            </t>
+        </Dropdown>
+    </t>
+</templates>

awesome_clicker/static/src/client_action/client_action.js

@@ -0,0 +1,18 @@
+import { Component } from "@odoo/owl";
+import { Notebook } from "@web/core/notebook/notebook";
+import { registry } from "@web/core/registry";
+
+import { useClicker } from "../clicker_service";
+import { ClickValue } from "../click_value/click_value";
+
+
+export class ClientAction extends Component {
+    static template = "awesome_clicker.ClientAction";
+    static components = { ClickValue, Notebook };
+
+    setup() {
+        this.clicker = useClicker();
+    }
+}
+
+registry.category("actions").add("awesome_clicker.client_action", ClientAction);

awesome_clicker/static/src/client_action/client_action.xml

@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+    <t t-name="awesome_clicker.ClientAction">
+        <div class="p-3">
+            <div class="m-2 d-inline-block">
+                <b>Clicks: <ClickValue/></b>
+                <button class="btn btn-secondary fa fa-plus ms-1" t-on-click="() => this.clicker.increment(9)"/>
+            </div>
+
+            <Notebook>
+                <t t-set-slot="page_bots" title="'Clicks'" isVisible="this.clicker.level >= 1">
+                    <h1>Bots</h1>
+                    <t t-foreach="Object.values(this.clicker.bots)" t-as="bot" t-key="bot.name">
+                        <div class="m-2" t-if="this.clicker.level >= bot.level_required">
+                            <a><t t-esc="bot.quantity"/>x <t t-esc="bot.name"/> (<t t-esc="bot.yield"/> clicks/10s)</a>
+                            <button class="btn btn-primary ms-1" t-on-click="() => this.clicker.purchaseBot(bot.name)" t-att-disabled="this.clicker.clicks &lt; bot.price">
+                                Buy <t t-esc="bot.name"/> (<t t-esc="bot.price"/>)
+                            </button>
+                        </div>
+                    </t>
+
+                    <div class="m-2" t-if="this.clicker.level >= 3">
+                        <a><t t-esc="this.clicker.power"/>x multiplier to all bot clicks</a>
+                        <button class="btn btn-primary ms-1" t-on-click="() => this.clicker.purchasePower()" t-att-disabled="this.clicker.clicks &lt; 50000">
+                            Buy power (50000)
+                        </button>
+                    </div>
+                </t>
+
+                <t t-set-slot="page_trees" title="'Trees'" isVisible="this.clicker.level >= 4">
+                    <h1>Fruits</h1>
+                    <t t-foreach="Object.values(this.clicker.trees)" t-as="tree" t-key="tree.name">
+                        <b class="ms-2" t-if="this.clicker.level >= tree.level_required">
+                            <t t-esc="tree.fruits"/>x <t t-esc="tree.fruit_name"/>
+                        </b>
+                    </t>
+                    <h1>Trees</h1>
+                    <t t-foreach="Object.values(this.clicker.trees)" t-as="tree" t-key="tree.name">
+                        <div class="m-2" t-if="this.clicker.level >= tree.level_required">
+                            <a><t t-esc="tree.quantity"/>x <t t-esc="tree.name"/> (1 <t t-esc="tree.fruit_name"/>/30s)</a>
+                            <button class="btn btn-primary ms-1" t-on-click="() => this.clicker.purchaseTree(tree.name)" t-att-disabled="this.clicker.clicks &lt; tree.price">
+                                Buy <t t-esc="tree.name"/> (<t t-esc="tree.price"/>)
+                            </button>
+                        </div>
+                    </t>
+                </t>
+            </Notebook>
+        </div>
+    </t>
+</templates>