* . *
  • About
  • Advertise
  • Privacy & Policy
  • Contact
Friday, October 17, 2025
Earth-News
  • Home
  • Business
  • Entertainment
    Bella Thorne Shows Off Her Toned Abs in Crop Top – Yahoo

    Bella Thorne Flaunts Her Toned Abs in Stylish Crop Top

    Bricktown continues to thrive as OKC’s entertainment district – OKC VeloCity

    Bricktown Shines as Oklahoma City’s Premier Entertainment Hotspot

    This Haunting ‘60s Country Song Is Even More Tragic Than You Remember – Yahoo

    This Haunting ’60s Country Song Will Break Your Heart All Over Again

    Arts/Entertainment: ‘Wait Until Dark’ brings spooky season center stage – Times Herald Online

    Wait Until Dark’ Delivers Chilling Thrills Perfect for the Spooky Season

    Bluesman James Montgomery Will Perform In Falmouth – CapeNews.net

    Blues Legend James Montgomery Ready to Ignite the Stage in Falmouth

    Mexican singer Pedro Fernández to make Ave Fénix tour stop in Stockton. Tickets, schedule – Yahoo

    Mexican Singer Pedro Fernández Brings the Ave Fénix Tour to Stockton – Don’t Miss It!

  • General
  • Health
  • News

    Cracking the Code: Why China’s Economic Challenges Aren’t Shaking Markets, Unlike America’s” – Bloomberg

    Trump’s Narrow Window to Spread the Truth About Harris

    Trump’s Narrow Window to Spread the Truth About Harris

    Israel-Gaza war live updates: Hamas leader Ismail Haniyeh assassinated in Iran, group says

    Israel-Gaza war live updates: Hamas leader Ismail Haniyeh assassinated in Iran, group says

    PAP Boss to Niger Delta Youths, Stay Away from the Protest

    PAP Boss to Niger Delta Youths, Stay Away from the Protest

    Court Restricts Protests In Lagos To Freedom, Peace Park

    Court Restricts Protests In Lagos To Freedom, Peace Park

    Fans React to Jazz Jennings’ Inspiring Weight Loss Journey

    Fans React to Jazz Jennings’ Inspiring Weight Loss Journey

    Trending Tags

    • Trump Inauguration
    • United Stated
    • White House
    • Market Stories
    • Election Results
  • Science
  • Sports
  • Technology
    Spanning the Gulf: Global Defence Technology 155 – Army Technology

    Spanning the Gulf: Exploring Cutting-Edge Global Defence Technology

    A Nobel Prize for explaining when technology leads to growth – NPR

    Nobel Prize Awarded for Unraveling How Technology Drives Economic Growth

    Erie Canal’s 200th anniversary: How a technological marvel for trade changed the environment forever – The Conversation

    Erie Canal’s 200th Anniversary: How a Trade Marvel Transformed the Environment Forever

    Day 5 of Gains Streak for Solidion Technology Stock with 475% Return (vs. -20% YTD) [10/14/2025] – Trefis

    Solidion Technology Stock Rockets for 5th Consecutive Day, Soaring an Astonishing 475% Year-to-Date

    Tracking DNA and RNA Together To Unlock Disease Insights – Technology Networks

    Unlocking Disease Insights by Tracking DNA and RNA Together

    The future of battery technology – Engineer Live

    Revolutionizing Energy: Exploring the Future of Battery Technology

    Trending Tags

    • Nintendo Switch
    • CES 2017
    • Playstation 4 Pro
    • Mark Zuckerberg
No Result
View All Result
  • Home
  • Business
  • Entertainment
    Bella Thorne Shows Off Her Toned Abs in Crop Top – Yahoo

    Bella Thorne Flaunts Her Toned Abs in Stylish Crop Top

    Bricktown continues to thrive as OKC’s entertainment district – OKC VeloCity

    Bricktown Shines as Oklahoma City’s Premier Entertainment Hotspot

    This Haunting ‘60s Country Song Is Even More Tragic Than You Remember – Yahoo

    This Haunting ’60s Country Song Will Break Your Heart All Over Again

    Arts/Entertainment: ‘Wait Until Dark’ brings spooky season center stage – Times Herald Online

    Wait Until Dark’ Delivers Chilling Thrills Perfect for the Spooky Season

    Bluesman James Montgomery Will Perform In Falmouth – CapeNews.net

    Blues Legend James Montgomery Ready to Ignite the Stage in Falmouth

    Mexican singer Pedro Fernández to make Ave Fénix tour stop in Stockton. Tickets, schedule – Yahoo

    Mexican Singer Pedro Fernández Brings the Ave Fénix Tour to Stockton – Don’t Miss It!

  • General
  • Health
  • News

    Cracking the Code: Why China’s Economic Challenges Aren’t Shaking Markets, Unlike America’s” – Bloomberg

    Trump’s Narrow Window to Spread the Truth About Harris

    Trump’s Narrow Window to Spread the Truth About Harris

    Israel-Gaza war live updates: Hamas leader Ismail Haniyeh assassinated in Iran, group says

    Israel-Gaza war live updates: Hamas leader Ismail Haniyeh assassinated in Iran, group says

    PAP Boss to Niger Delta Youths, Stay Away from the Protest

    PAP Boss to Niger Delta Youths, Stay Away from the Protest

    Court Restricts Protests In Lagos To Freedom, Peace Park

    Court Restricts Protests In Lagos To Freedom, Peace Park

    Fans React to Jazz Jennings’ Inspiring Weight Loss Journey

    Fans React to Jazz Jennings’ Inspiring Weight Loss Journey

    Trending Tags

    • Trump Inauguration
    • United Stated
    • White House
    • Market Stories
    • Election Results
  • Science
  • Sports
  • Technology
    Spanning the Gulf: Global Defence Technology 155 – Army Technology

    Spanning the Gulf: Exploring Cutting-Edge Global Defence Technology

    A Nobel Prize for explaining when technology leads to growth – NPR

    Nobel Prize Awarded for Unraveling How Technology Drives Economic Growth

    Erie Canal’s 200th anniversary: How a technological marvel for trade changed the environment forever – The Conversation

    Erie Canal’s 200th Anniversary: How a Trade Marvel Transformed the Environment Forever

    Day 5 of Gains Streak for Solidion Technology Stock with 475% Return (vs. -20% YTD) [10/14/2025] – Trefis

    Solidion Technology Stock Rockets for 5th Consecutive Day, Soaring an Astonishing 475% Year-to-Date

    Tracking DNA and RNA Together To Unlock Disease Insights – Technology Networks

    Unlocking Disease Insights by Tracking DNA and RNA Together

    The future of battery technology – Engineer Live

    Revolutionizing Energy: Exploring the Future of Battery Technology

    Trending Tags

    • Nintendo Switch
    • CES 2017
    • Playstation 4 Pro
    • Mark Zuckerberg
No Result
View All Result
Earth-News
No Result
View All Result
Home Technology

Show HN: I made a CLI tool to create web extensions with no build configuration

April 30, 2024
in Technology
Show HN: I made a CLI tool to create web extensions with no build configuration
Share on FacebookShare on Twitter

Plug-and-play, zero-config, cross-browser extension development tool.

Screenshot 2024-03-25 at 13 06 15

Logo

Create cross-browser extensions with no build configuration.

Create A New Extension — How to create a new extension.
Get Started Immediately — Get work done in no time.
I have An Extension – Use only specific parts of Extension.js.

Extension.js is a plug-and-play, zero-config, cross-browser extension development tool with built-in support for TypeScript, WebAssembly, React, and modern JavaScript.

npx extension create my-extension
cd my-extension
npm run dev

A new browser instance will open up with your extension ready for development.

You are done. Time to hack on your extension!

create-a-new-extension.mp4

Kickstart Any Sample from Chrome Extension Samples

Dive right into development by starting with a sample from the Chrome Extension Samples repository. It’s a great way to get acquainted with best practices and save time:

Open your terminal.
Navigate to the directory where you want your project.
Run the command:
npx extension dev
Replace with the name of the sample you wish to use from Chrome Extension Samples.

See the example below where we request the sample page-redder from Google Chrome Extension Samples.

npx extension dev https://github.com/GoogleChrome/chrome-extensions-samples/tree/main/functional-samples/sample.page-redder –browser=edge

chrome-extension-sample-page-redder-on-edge.mp4

Extension.js supports a variety of browsers, including Microsoft Edge. To start an Edge-compatible extension, simply:

Open your terminal.
Navigate to your desired project directory.
Execute:
npx extension dev –browser=edge
Tailor your command by replacing with the specific sample you’re interested in.

See the example below where we request the sample magic8ball from from Google Chrome Extension Samples using Edge as the runtime browser.

npx extension dev https://github.com/GoogleChrome/chrome-extensions-samples/tree/main/api-samples/topSites/magic8ball –browser=edge

chrome-extension-sample-magic8ball-on-edge.mp4

Run Mozilla Add-Ons Using Edge

Bridge the gap between Firefox and Edge by running Mozilla Add-Ons using Edge:

Navigate to your project directory.
Use the command:
npx extension dev –browser=edge –polyfill=true
This will fetch a Mozilla Add-On and adapt it for Edge.

See the example below where we request the sample Apply CSS from MDN WebExtensions Examples using Edge as the runtime browser.

npx extension dev https://github.com/mdn/webextensions-examples/tree/main/apply-css –browser=edge –polyfill=true

mdn-webextensions-examples-apply-css-on-edge.mp4

usage-with-an-existing-extension.mp4

If you have an existing extension which is using a package manager, you can install the Extension.js package and manually create the scripts used to run your extension. See the demo above or follow these instructions to get it done:

Step 1 – Install extension as a devDependency

npm install extension –save-dev

Step 2 – Link your npm scripts with the executable Extension.js commands

{
“scripts”: {
“build”: “extension build”,
“dev”: “extension dev”,
“start”: “extension start”
},
“devDependencies”: {
// …other deps,s
“extension”: “latest”
}
}

Done. You are all set!

To develop the extension, run npm run dev.
To visualize the extension in production mode, run npm run start.
To build the extension in production mode, run npm run build.

Using a specific browser for development

☑️=Likely works but no browser runner support yet.

If you want to target a specific browser, just pass the –browser flag to the dev/start command (based on the list available above), like npx extension dev path/to/extension –browser=edge.

Hint
Pass –browser=”all” to load all available browsers at once.

extension dev –browser=all
Screenshot 2024-03-25 at 13 06 15

MIT (c) Cezar Augusto.

>>> Read full article>>>
Copyright for syndicated content belongs to the linked Source : Hacker News – https://github.com/cezaraugusto/extension.js

Tags: Createextensionstechnology
Previous Post

Autotab (YC S23) Is Hiring Founding Engineers to Build the Digital Robot

Next Post

Bytecode VMs in Surprising Places

75% of Americans report soaring prices as Trump claims inflation ‘over’ – The Guardian

75% of Americans Struggle with Soaring Prices Despite Trump’s Claim That Inflation Is ‘Over

October 17, 2025
Bella Thorne Shows Off Her Toned Abs in Crop Top – Yahoo

Bella Thorne Flaunts Her Toned Abs in Stylish Crop Top

October 17, 2025
Takeaways from the first general election debate in the NYC mayoral race – CNN

Takeaways from the first general election debate in the NYC mayoral race – CNN

October 17, 2025
Shattered concrete, dirty water and asbestos: Israeli bombing causes ‘unparalleled’ ecological crisis in Gaza – TBIJ

Devastating Israeli Bombing Triggers Unprecedented Ecological Crisis in Gaza

October 17, 2025

Celebrating 15 Years of Family Fun and Discovery at the Wisconsin Science Festival

October 17, 2025
Why are humans religious? Scientists are studying miracles to find out. – National Geographic

Why Do Humans Believe in Miracles? Scientists Explore the Mystery of Religion

October 17, 2025
Man Missing His Dog While at the Club Is Far Too Relatable – Yahoo

Man Missing His Dog While at the Club Is Far Too Relatable – Yahoo

October 17, 2025
Spanning the Gulf: Global Defence Technology 155 – Army Technology

Spanning the Gulf: Exploring Cutting-Edge Global Defence Technology

October 17, 2025
Ohio State vs. Wisconsin prediction, pick, odds, spread, where to watch live – CBS Sports

Ohio State vs. Wisconsin prediction, pick, odds, spread, where to watch live – CBS Sports

October 16, 2025
Equipping agents for the real world with Agent Skills – Anthropic

Unlocking Agent Potential: Mastering Advanced Skills to Tackle Real-World Challenges

October 16, 2025

Categories

Archives

October 2025
M T W T F S S
 12345
6789101112
13141516171819
20212223242526
2728293031  
« Sep    
Earth-News.info

The Earth News is an independent English-language daily published Website from all around the World News

Browse by Category

  • Business (20,132)
  • Ecology (871)
  • Economy (893)
  • Entertainment (21,765)
  • General (17,640)
  • Health (9,934)
  • Lifestyle (905)
  • News (22,149)
  • People (893)
  • Politics (903)
  • Science (16,103)
  • Sports (21,392)
  • Technology (15,872)
  • World (875)

Recent News

75% of Americans report soaring prices as Trump claims inflation ‘over’ – The Guardian

75% of Americans Struggle with Soaring Prices Despite Trump’s Claim That Inflation Is ‘Over

October 17, 2025
Bella Thorne Shows Off Her Toned Abs in Crop Top – Yahoo

Bella Thorne Flaunts Her Toned Abs in Stylish Crop Top

October 17, 2025
  • About
  • Advertise
  • Privacy & Policy
  • Contact

© 2023 earth-news.info

No Result
View All Result

© 2023 earth-news.info

No Result
View All Result

© 2023 earth-news.info

Go to mobile version