MC Web Component Coding Template

This is a template for web component coding using the micro component library.

The progress of coding is being streamed on twitch and youtube.

Usage

Please only use this in a fresh repository! This may otherwise destroy your existing structure.

Linux

Prerequisites

• Packages: npm, jq
• Ad-Hoc Server: I use php

Optional:

• You have created your own (empty) repository using npm init or from github/gitlab
• You are in the directory for it in a terminal

Quick try without the repo stuff

mkdir test
cd test
npm init --init-type module

Hit [ENTER] until done, then:

mv package.json _package.json && rm -rf node_modules && npm i @twobirds/mc_template_webcomponents && tar -xzf node_modules/@twobirds/mc_template_webcomponents/public/mc_template_webcomponents.tar.gz && rm package-lock.json && rm -rf node_modules && jq -s '.[0] * .[1]' _remote_package.json _package.json > package.json && echo -e "\n\nPLEASE CHECK\n\n package.json\n\nTHEN RUN\n\n npm i\n"

then:

npm i
npm run build
# Ad-Hoc server
cd public; php -S 0.0.0.0:10000; cd ..;

In your browser, open localhost:10000 and use the console to check the example element and its ._mc property...