DataWorks DataMap Omnibox Chrome Extension

Usage Documents

Demo

应用安装 Extension Installation

• 插件安装地址 link

• 此插件能将输入的搜索字跳转至 DataWorks 数据地图

• 只需于 Chrome URL 框上打 dmc+Tab键 (或dmc+空白键) 即可呼起使用。敲入关键字、地域名及表类型，即跳至对应地域的数据地图，并填入搜索文字，如 hangzhou holo test，代表在杭州地域搜索 test 的 Hologres 表，而且插件会记住此次使用的地域与表类型，下次直接搜关键字即可。

• 支持选取文字后透过右键将文字送至数据地图进行搜索

• 地域支持 inner, shanghai, hangzhou, beijing, shenzhen, hongkong, singapore, tokyo 等

• 表类型支持 maxcompute, emr, hologres, postgresql, mysql, ots, cdh, ads, sqlserver, oracle, analyticdb_for_mysql, hybriddb_for_postgresql, dlf

• 若需要进阶能力如在 Chrome URL 框上直接进行搜表，可参考此插件 link

操作影片

• YouTube

URL 框搜索 (能根据输入文字判断地域、表类型并跳转 DataWorks 数据地图)

支持选取文字后透过右键进行表搜索

Table of Contents

• Intro
• Features
• Installation
  • Procedures
    • Chrome
    • Firefox
• Documents

Intro

This is a Chrome extension source code.

Features

• React 18
• TypeScript
• Vitest
• React Testing Library
• Vite
• SASS
• Prettier
• ESLint
• Husky
• Commitlint
• Conventional Commits
• Chrome Extension Manifest Version 3
• HRR(Hot Rebuild & Refresh/Reload)

Installation

Procedures:

1. Clone this repository.
2. Change name and description in package.json => Auto synchronize with manifest
3. Install pnpm globally: npm install -g pnpm (check your node version >= 16.6, recommended >= 18)
4. Run pnpm install

And next, depending on the needs:

For Chrome:

1. Run:
   • Dev: pnpm dev or npm run dev
   • Prod: pnpm build or npm run build
2. Open in browser - chrome://extensions
3. Check - Developer mode
4. Find and Click - Load unpacked extension
5. Select - dist folder

For Firefox:

1. Run:
   • Dev: pnpm dev:firefox or npm run dev:firefox
   • Prod: pnpm build:firefox or npm run build:firefox
2. Open in browser - about:debugging#/runtime/this-firefox
3. Find and Click - Load Temporary Add-on...
4. Select - manifest.json from dist folder

Remember in firefox you add plugin in temporary mode, that's mean it's disappear after close browser, you must do it again, on next launch.

Documents

• Vite Plugin
• ChromeExtension
• Rollup
• Rollup-plugin-chrome-extension