Featherframe NPM

Use Featherframe at your own Risk!

Featherframe is a simple, lightweight and easy-to-understand solution for building Web Applications.

Logo

Logo comes from game-icons.net/lorc/feather and was made by Lorc

Recommended VSCode Extensions

lit-html

Documentation

Visit the Wiki to view the full Documentation. It also contains important security Informations.

Authors

FishingHacks

Featherframe snippets for VSCode or VSCodium

"featherframecfg": {
	"prefix": "featherframecfg",
	"body": [
		"/**",
		" * @param {string} path",
		" * @returns {{name: string,description: string,launch?: Array<string>,customHTML?: string}}",
		" */",
		"",
		"module.exports = (path) => ({",
		"    name: \"$1\",",
		"    description: \"$2\",",
		"    customHTML: require(\"fs\").readFileSync(join(path, \"index.html\")).toString(),",
		"    e404page: require(\"fs\").readFileSync(join(path, \"404.html\")).toString()",
		"});"
	],
	"description": "Add a Config for featherframe"
},
"featherframecreatepage": {
	"prefix": "ffcreatepage",
	"body": [
		"const { html } = require(\"feahterframe\");",
		"",
		"export async function render() {",
		"",
		"return html`",
		"$1",
		"`",
		"}"
	],
	"description": "Create A featherframe Page boilerplate"
}

Thanks to RedCrafter07 for an unused Logo Design

Changelogs

1.0.0

Routing
Render Engine
Error pages
Exception Pages
CLI

1.1.0

Context API
NPM Integration

1.2.0

XML Support
useState & useIDState overhaul Fixes:
Improperly rerender

1.2.1

Better Module Support

1.2.2

Bugfixes:

CWD is set to installing Directory, not the current application directory
CWD is set to installing Directory, when used outside of blocking code (Promises, Certain Callbacks like setTimeout)