Clock In with Jibble API on New Task from TimeCamp API

Pipedream makes it easy to connect APIs for Jibble, TimeCamp and 2,700+ other apps remarkably fast.

Trigger workflow on

New Task from the TimeCamp API

Next, do this

Clock In with the Jibble API

No credit card required

▶

Watch us build a workflow

8 min

Watch now ➜

Trusted by 1,000,000+ developers from startups to Fortune 500 companies

Developers ♥ Pipedream

Getting Started#

This integration creates a workflow with a TimeCamp trigger and Jibble action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Select this integration
Configure the New Task trigger
1. Connect your TimeCamp account
2. Configure timer
Configure the Clock In action
1. Connect your Jibble account
2. Select a Person ID
3. Select a Activity ID
4. Configure Client Type
5. Configure Client Version
6. Configure OS
7. Configure Device Model
8. Configure Device Name
9. Configure Latitude
10. Configure Longitude
11. Optional- Select a Project ID
Deploy the workflow
Send a test event to validate your setup
Turn on the trigger

Details#

This integration uses pre-built, source-available components from Pipedream's GitHub repo. These components are developed by Pipedream and the community, and verified and maintained by Pipedream.

To contribute an update to an existing component or create a new component, create a PR on GitHub. If you're new to Pipedream component development, you can start with quickstarts for trigger span and action development, and then review the component API reference.

Trigger#

New Task on TimeCamp

Description:Emit new event on each created task.

Version:0.0.3

Key:timecamp-new-task

View on GitHub

TimeCamp Overview#

TimeCamp's API unlocks the potential to automate and integrate time tracking data with a myriad of services and platforms. By leveraging Pipedream's capabilities, you can create custom workflows that respond to events in TimeCamp, such as new time entries, projects, or tasks. These workflows can then trigger actions in other apps, or even process and analyze time tracking data to provide insights and streamline operations.

Trigger Code#

import timecamp from "../../timecamp.app.mjs";
import { DEFAULT_POLLING_SOURCE_TIMER_INTERVAL } from "@pipedream/platform";

export default {
  name: "New Task",
  version: "0.0.3",
  key: "timecamp-new-task",
  description: "Emit new event on each created task.",
  type: "source",
  dedupe: "unique",
  props: {
    timecamp,
    db: "$.service.db",
    timer: {
      type: "$.interface.timer",
      static: {
        intervalSeconds: DEFAULT_POLLING_SOURCE_TIMER_INTERVAL,
      },
    },
  },
  methods: {
    emitEvent(data) {
      this.$emit(data, {
        id: data.task_id,
        summary: `New task with id ${data.task_id}`,
        ts: Date.parse(data.add_date),
      });
    },
    async emitAllTasks() {
      const tasks = await this.timecamp.getTasks({});

      tasks.reverse().forEach(this.emitEvent);
    },
  },
  hooks: {
    async deploy() {
      await this.emitAllTasks();
    },
  },
  async run() {
    await this.emitAllTasks();
  },
};

Trigger Configuration#

This component may be configured based on the props defined in the component code. Pipedream automatically prompts for input values in the UI and CLI.

Label	Prop	Type	Description
TimeCamp	`timecamp`	`app`	This component uses the TimeCamp app.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
	`timer`	`$.interface.timer`

Trigger Authentication#

TimeCamp uses API keys for authentication. When you connect your TimeCamp account, Pipedream securely stores the keys so you can easily authenticate to TimeCamp APIs in both code and no-code steps.

To get your API token,

Sign in to your TimeCamp account
Click on your avatar in the upper-right corner
Select your name to navigate to your Profile’s settings

About TimeCamp#

TimeCamp helps you and your team to track time. Automatic time-tracking software that tracks websites and applications usage, projects and helps you understand how your time is spent.

Action#

Clock In on Jibble

Description:Create a new clock in time entry [See the documentation](https://docs.api.jibble.io/#ec4b4f62-5832-4911-92b1-81501b7d681c).

Version:0.0.1

Key:jibble-clock-in

View on GitHub

Jibble Overview#

The Jibble API provides programmatic access to Jibble's time and attendance tracking features, allowing you to manage team timesheets, attendance, and work reports. Integrating the Jibble API with Pipedream opens up possibilities for automating routine tasks, syncing data across platforms, and triggering actions based on time tracking events. You can create workflows that respond to specific triggers like clock-ins and clock-outs, or schedule regular data syncs to maintain up-to-date records in other systems.

Action Code#

import app from "../../jibble.app.mjs";

export default {
  name: "Clock In",
  description: "Create a new clock in time entry [See the documentation](https://docs.api.jibble.io/#ec4b4f62-5832-4911-92b1-81501b7d681c).",
  key: "jibble-clock-in",
  version: "0.0.1",
  type: "action",
  props: {
    app,
    personId: {
      propDefinition: [
        app,
        "personId",
      ],
      description: "The ID of the person to clock in.",
    },
    activityId: {
      propDefinition: [
        app,
        "activityId",
      ],
      description: "The ID of the activity to clock in.",
    },
    clientType: {
      propDefinition: [
        app,
        "clientType",
      ],
    },
    clientVersion: {
      propDefinition: [
        app,
        "clientVersion",
      ],
    },
    os: {
      propDefinition: [
        app,
        "os",
      ],
    },
    deviceModel: {
      propDefinition: [
        app,
        "deviceModel",
      ],
    },
    deviceName: {
      propDefinition: [
        app,
        "deviceName",
      ],
    },
    latitude: {
      propDefinition: [
        app,
        "latitude",
      ],
    },
    longitude: {
      propDefinition: [
        app,
        "longitude",
      ],
    },
    projectId: {
      propDefinition: [
        app,
        "projectId",
      ],
      description: "The ID of the project to clock in.",
      optional: true,
    },
  },
  async run({ $ }) {
    const data = {
      personId: this.personId,
      activityId: this.activityId,
      projectId: this.projectId,
      clientType: this.clientType,
      platform: {
        clientVersion: this.clientVersion,
        os: this.os,
        deviceModel: this.deviceModel,
        deviceName: this.deviceName,
      },
      coordinates: {
        latitude: this.latitude,
        longitude: this.longitude,
      },
    };
    const res = await this.app.clockIn(data, $);
    $.export("summary", "Clock in successfully created.");
    return res;
  },
};

Action Configuration#

This component may be configured based on the props defined in the component code. Pipedream automatically prompts for input values in the UI.

Label	Prop	Type	Description
Jibble	`app`	`app`	This component uses the Jibble app.
Person ID	`personId`	`string`	Select a value from the drop down menu.
Activity ID	`activityId`	`string`	Select a value from the drop down menu.
Client Type	`clientType`	`string`	The client type. Ex: `Web`.
Client Version	`clientVersion`	`string`	The client version. Ex: `web 3.0`.
OS	`os`	`string`	The operating system. Ex: `Windows 10`.
Device Model	`deviceModel`	`string`	The device model. Ex: `MacbookPro`.
Device Name	`deviceName`	`string`	The device name. Ex: `TestLaptop`.
Latitude	`latitude`	`string`	The latitude of the location.
Longitude	`longitude`	`string`	The longitude of the location.
Project ID	`projectId`	`string`	Select a value from the drop down menu.

Action Authentication#

Jibble uses OAuth authentication. When you connect your Jibble account, Pipedream will open a popup window where you can sign into Jibble and grant Pipedream permission to connect to your account. Pipedream securely stores and automatically refreshes the OAuth tokens so you can easily authenticate any Jibble API.

Pipedream requests the following authorization scopes when you connect your account: