move files under packages/marko

This commit is contained in:
Michael Rawlings 2020-02-24 13:19:52 -08:00
parent fe172b1464
commit 2d5a2232f4
No known key found for this signature in database
GPG Key ID: B9088328804D407C
6819 changed files with 10193 additions and 7976 deletions

6
.gitignore vendored
View File

@ -16,7 +16,7 @@ coverage
/test/generated/
.nyc_output
*.swp
/dist/
/test-dist/
/test-generated/
/**/dist/
/**/test-dist/
/**/test-generated/
.vs/

View File

@ -7,9 +7,9 @@
input.*
# generated
/dist/
/test-dist/
/test-generated/
/**/dist/
/**/test-dist/
/**/test-generated/
*.marko.js
*.html.js
*.xml.js

158
README.md
View File

@ -1,158 +0,0 @@
<h1 align="center">
<a href="https://markojs.com/"><img src="https://raw.githubusercontent.com/marko-js/branding/master/marko-logo-medium-cropped.png" alt="Marko" width="250" /></a>
</h1>
<p align="center">
<strong>A declarative, HTML-based language that makes building web apps fun 🔥</strong>
</p>
<p align="center">
<a href="https://www.npmjs.com/package/marko"><img alt="NPM" src="https://img.shields.io/npm/v/marko.svg"/></a>
<a href="https://gitter.im/marko-js/marko"><img alt="Gitter" src="https://badges.gitter.im/Join%20Chat.svg"/></a>
<a href="https://travis-ci.org/marko-js/marko"><img alt="Build Status" src="https://travis-ci.org/marko-js/marko.svg?branch=master"/></a>
<a href="https://codecov.io/gh/marko-js/marko"><img alt="Coverage Status" src="https://codecov.io/gh/marko-js/marko/branch/master/graph/badge.svg"/></a>
<a href="http://npm-stat.com/charts.html?package=marko"><img alt="Downloads" src="https://img.shields.io/npm/dm/marko.svg"/></a>
</p>
<p align="center">
<a href="https://markojs.com/docs/">Docs</a><a href="https://markojs.com/try-online/">Try Online</a><a href="#contributors">Contribute</a><a href="#community--support">Get Support</a>
</p>
# Intro
Marko is HTML _re-imagined_ as a language for building dynamic and reactive user interfaces.
Just about any valid HTML is valid Marko, but Marko extends the HTML language to allow
building modern applications in a declarative way.
Among these extensions are [conditionals](https://markojs.com/docs/conditionals-and-lists/#conditionals), [lists](https://markojs.com/docs/conditionals-and-lists/#lists), [state](https://markojs.com/docs/state/), and [components](https://markojs.com/docs/class-components/).
Marko supports both single-file components and components broken into separate files.
## Single file component
The following single-file component renders a button and a counter with the
number of times the button has been clicked.
**click-count.marko**
```marko
class {
onCreate() {
this.state = { count:0 };
}
increment() {
this.state.count++;
}
}
style {
.count {
color:#09c;
font-size:3em;
}
.example-button {
font-size:1em;
padding:0.5em;
}
}
<div.count>
${state.count}
</div>
<button.example-button on-click('increment')>
Click me!
</button>
```
## Multi-file component
The same component as above split into an `index.marko` template file,
`component.js` containing your component logic, and `style.css` containing your
component style:
**index.marko**
```marko
<div.count>
${state.count}
</div>
<button.example-button on-click('increment')>
Click me!
</button>
```
**component.js**
```js
module.exports = {
onCreate() {
this.state = { count: 0 };
},
increment() {
this.state.count++;
}
};
```
**style.css**
```css
.count {
color: #09c;
font-size: 3em;
}
.example-button {
font-size: 1em;
padding: 0.5em;
}
```
## Concise Syntax
Marko also supports a beautifully concise syntax as an alternative to its HTML
syntax. Find out more about the [concise syntax here](https://markojs.com/docs/concise/).
```marko
<!-- Marko HTML syntax -->
<ul class="example-list">
<for|color| of=['a', 'b', 'c']>
<li>${color}</li>
</for>
</ul>
```
```marko
// Marko concise syntax
ul.example-list
for|color| of=['a', 'b', 'c']
li -- ${color}
```
# Getting Started
1. `npm install marko`
2. Read the [docs](https://markojs.com/docs/)
# Community & Support
| <a href="https://stackoverflow.com/questions/tagged/marko"><img src="https://user-images.githubusercontent.com/1958812/56055468-619b3e00-5d0e-11e9-92ae-200c212cafb8.png" height="50px"/></a> | <a href="https://gitter.im/marko-js/marko"><img src="https://user-images.githubusercontent.com/1958812/56055573-9c04db00-5d0e-11e9-9fd3-0395edf631a0.png" height="60px"/></a> | <a href="https://twitter.com/intent/tweet?hashtags=markojs"><img src="https://user-images.githubusercontent.com/1958812/56055707-07e74380-5d0f-11e9-8a59-d529fbb5a81e.png" height="40px"/></a> |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Ask and answer StackOverflow questions with the [`marko` tag](https://stackoverflow.com/questions/tagged/marko) | Come hang out in our Gitter chat room, ask questions, and discuss project direction | Tweet to [`@MarkoDevTeam`](https://twitter.com/MarkoDevTeam) or with the [`#markojs` hashtag](https://twitter.com/search?q=%23markojs&f=live) |
# Contributors
Marko would not be what it is without all those who have contributed ✨
<a href="https://github.com/marko-js/marko/graphs/contributors">
<img src="https://opencollective.com/marko-js/contributors.svg?width=890&button=false"/>
</a>
## Get Involved!
- Pull requests are welcome!
- Read [`CONTRIBUTING.md`](.github/CONTRIBUTING.md) and check out our [bite-sized](https://github.com/marko-js/marko/issues?q=is%3Aissue+is%3Aopen+label%3Adifficulty%3Abite-sized) and [help-wanted](https://github.com/marko-js/marko/issues?q=is%3Aissue+is%3Aopen+label%3Astatus%3Ahelp-wanted) issues
- Submit github issues for any feature enhancements, bugs or documentation problems
- By participating in this project you agree to abide by its [Code of Conduct](https://ebay.github.io/codeofconduct).
# License
MIT

1
README.md Symbolic link
View File

@ -0,0 +1 @@
packages/marko/README.md

13769
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -1,164 +1,55 @@
{
"name": "marko",
"version": "4.18.48",
"license": "MIT",
"description": "UI Components + streaming, async, high performance, HTML templating for Node.js and the browser.",
"scripts": {
"build": "node scripts/build.js",
"build-src": "node scripts/build.js src",
"prepublish": "npm run build-src",
"precommit": "lint-staged",
"test": "mocha --timeout 10000 ./test/*/*.test.js",
"test-ci": "npm run lint && npm run check-format && npm run test-generate-coverage",
"test-coverage": "npm run test-generate-coverage && nyc report --reporter=html && opn ./coverage/index.html",
"test-generate-coverage": "nyc -asc npm test",
"lint": "eslint .",
"format": "prettier \"**/*.{js,json,css,md}\" --write",
"check-format": "prettier \"**/*.{js,json,css,md}\" -l",
"codecov": "nyc report --reporter=text-lcov > coverage.lcov && codecov"
},
"lint-staged": {
"*.js": [
"eslint"
],
"*.{js,json,css,md}": [
"prettier --write",
"git add"
]
},
"dependencies": {
"app-module-path": "^2.2.0",
"argly": "^1.0.0",
"browser-refresh-client": "^1.0.0",
"camelcase": "^5.0.0",
"char-props": "~0.1.5",
"complain": "^1.6.0",
"deresolve": "^1.1.2",
"escodegen": "^1.8.1",
"esprima": "^4.0.0",
"estraverse": "^4.3.0",
"events-light": "^1.0.0",
"he": "^1.1.0",
"htmljs-parser": "^2.7.1",
"lasso-caching-fs": "^1.0.1",
"lasso-modules-client": "^2.0.4",
"lasso-package-root": "^1.0.1",
"listener-tracker": "^2.0.0",
"minimatch": "^3.0.2",
"property-handlers": "^1.0.0",
"raptor-regexp": "^1.0.0",
"raptor-util": "^3.2.0",
"resolve-from": "^2.0.0",
"self-closing-tags": "^1.0.1",
"simple-sha1": "^2.1.0",
"strip-json-comments": "^2.0.1",
"warp10": "^2.0.1"
},
"devDependencies": {
"@marko/migrate": "^5.1.0",
"babel-cli": "^6.24.1",
"babel-core": "^6.24.1",
"babel-plugin-minprops": "^2.0.1",
"benchmark": "^2.1.1",
"bluebird": "^3.4.7",
"caller-path": "^2.0.0",
"chai": "^3.3.0",
"codecov": "^3.0.2",
"diffable-html": "^2.1.0",
"eslint": "^4.11.0",
"eslint-config-prettier": "^2.9.0",
"express": "^4.16.1",
"husky": "^0.14.3",
"it-fails": "^1.0.0",
"jquery": "^3.1.1",
"jsdom-context-require": "^1.0.1",
"lasso-resolve-from": "^1.2.0",
"lint-staged": "^7.0.0",
"marko-widgets": "^7.0.1",
"micromatch": "^3.0.4",
"mocha": "^5.0.1",
"nyc": "^13.0.0",
"prettier": "^1.13.5",
"request": "^2.72.0",
"shelljs": "^0.7.7",
"through": "^2.3.4",
"through2": "^2.0.1"
},
"main": "index.js",
"browser": {
"./compiler.js": "./compiler-browser.marko",
"./components.js": "./components-browser.marko",
"./index.js": "./index-browser.marko",
"./legacy-components.js": "./legacy-components-browser.marko"
},
"bin": {
"markoc": "bin/markoc"
},
"nyc": {
"exclude": [
"**/benchmark/**",
"**/scripts/**",
"**/coverage/**",
"**/test/**",
"**/test-dist/**",
"**/test-generated/**",
"**/dist/**"
]
},
"homepage": "http://markojs.com/",
"logo": {
"url": "https://raw.githubusercontent.com/marko-js/branding/master/marko-logo-small.png"
},
"repository": {
"type": "git",
"url": "https://github.com/marko-js/marko.git"
},
"publishConfig": {
"registry": "https://registry.npmjs.org/"
},
"author": "Patrick Steele-Idem <pnidem@gmail.com>",
"maintainers": [
"Patrick Steele-Idem <pnidem@gmail.com>",
"Michael Rawlings <ml.rawlings@gmail.com>",
"Phillip Gates-Idem <phillip.idem@gmail.com>",
"Austin Kelleher <a@alk.im>",
"Dylan Piercey <pierceydylan@gmail.com>",
"Martin Aberer"
],
"keywords": [
"front-end",
"templating",
"template",
"async",
"streaming",
"components",
"ui",
"vdom",
"dom",
"morphdom",
"virtual",
"virtual-dom"
],
"files": [
"bin",
"dist",
"docs",
"helpers",
"src",
"browser-refresh.js",
"compiler-browser.marko",
"compiler.js",
"components-browser.marko",
"components.js",
"env.js",
"express.js",
"hot-reload.js",
"index-browser.marko",
"index.js",
"jquery.marko",
"legacy-components-browser.marko",
"legacy-components.js",
"node-require.js",
"ready.marko"
]
"name": "marko",
"version": "4.0.0",
"private": true,
"scripts": {
"build": "node scripts/build.js",
"build-src": "node scripts/build.js src",
"postinstall": "cd packages/marko && npm i",
"precommit": "lint-staged",
"test": "mocha --timeout 10000 ./packages/marko/test/*/*.test.js",
"test-ci": "npm run lint && npm run check-format && npm run test-generate-coverage",
"test-coverage": "npm run test-generate-coverage && nyc report --reporter=html && opn ./coverage/index.html",
"test-generate-coverage": "nyc -asc npm test",
"lint": "eslint .",
"format": "prettier \"**/*.{js,json,css,md}\" --write",
"check-format": "prettier \"**/*.{js,json,css,md}\" -l",
"codecov": "nyc report --reporter=text-lcov > coverage.lcov && codecov"
},
"devDependencies": {
"babel-cli": "^6.24.1",
"babel-core": "^6.24.1",
"babel-plugin-minprops": "^2.0.1",
"benchmark": "^2.1.1",
"codecov": "^3.0.2",
"eslint": "^4.11.0",
"eslint-config-prettier": "^2.9.0",
"husky": "^0.14.3",
"lint-staged": "^7.0.0",
"micromatch": "^3.0.4",
"mocha": "^5.0.1",
"nyc": "^13.0.0",
"prettier": "^1.13.5",
"shelljs": "^0.7.7"
},
"lint-staged": {
"*.js": [
"eslint"
],
"*.{js,json,css,md}": [
"prettier --write",
"git add"
]
},
"nyc": {
"exclude": [
"**/benchmark/**",
"**/scripts/**",
"**/coverage/**",
"**/test/**",
"**/test-dist/**",
"**/test-generated/**",
"**/dist/**"
]
}
}

158
packages/marko/README.md Normal file
View File

@ -0,0 +1,158 @@
<h1 align="center">
<a href="https://markojs.com/"><img src="https://raw.githubusercontent.com/marko-js/branding/master/marko-logo-medium-cropped.png" alt="Marko" width="250" /></a>
</h1>
<p align="center">
<strong>A declarative, HTML-based language that makes building web apps fun 🔥</strong>
</p>
<p align="center">
<a href="https://www.npmjs.com/package/marko"><img alt="NPM" src="https://img.shields.io/npm/v/marko.svg"/></a>
<a href="https://gitter.im/marko-js/marko"><img alt="Gitter" src="https://badges.gitter.im/Join%20Chat.svg"/></a>
<a href="https://travis-ci.org/marko-js/marko"><img alt="Build Status" src="https://travis-ci.org/marko-js/marko.svg?branch=master"/></a>
<a href="https://codecov.io/gh/marko-js/marko"><img alt="Coverage Status" src="https://codecov.io/gh/marko-js/marko/branch/master/graph/badge.svg"/></a>
<a href="http://npm-stat.com/charts.html?package=marko"><img alt="Downloads" src="https://img.shields.io/npm/dm/marko.svg"/></a>
</p>
<p align="center">
<a href="https://markojs.com/docs/">Docs</a><a href="https://markojs.com/try-online/">Try Online</a><a href="#contributors">Contribute</a><a href="#community--support">Get Support</a>
</p>
# Intro
Marko is HTML _re-imagined_ as a language for building dynamic and reactive user interfaces.
Just about any valid HTML is valid Marko, but Marko extends the HTML language to allow
building modern applications in a declarative way.
Among these extensions are [conditionals](https://markojs.com/docs/conditionals-and-lists/#conditionals), [lists](https://markojs.com/docs/conditionals-and-lists/#lists), [state](https://markojs.com/docs/state/), and [components](https://markojs.com/docs/class-components/).
Marko supports both single-file components and components broken into separate files.
## Single file component
The following single-file component renders a button and a counter with the
number of times the button has been clicked.
**click-count.marko**
```marko
class {
onCreate() {
this.state = { count:0 };
}
increment() {
this.state.count++;
}
}
style {
.count {
color:#09c;
font-size:3em;
}
.example-button {
font-size:1em;
padding:0.5em;
}
}
<div.count>
${state.count}
</div>
<button.example-button on-click('increment')>
Click me!
</button>
```
## Multi-file component
The same component as above split into an `index.marko` template file,
`component.js` containing your component logic, and `style.css` containing your
component style:
**index.marko**
```marko
<div.count>
${state.count}
</div>
<button.example-button on-click('increment')>
Click me!
</button>
```
**component.js**
```js
module.exports = {
onCreate() {
this.state = { count: 0 };
},
increment() {
this.state.count++;
}
};
```
**style.css**
```css
.count {
color: #09c;
font-size: 3em;
}
.example-button {
font-size: 1em;
padding: 0.5em;
}
```
## Concise Syntax
Marko also supports a beautifully concise syntax as an alternative to its HTML
syntax. Find out more about the [concise syntax here](https://markojs.com/docs/concise/).
```marko
<!-- Marko HTML syntax -->
<ul class="example-list">
<for|color| of=['a', 'b', 'c']>
<li>${color}</li>
</for>
</ul>
```
```marko
// Marko concise syntax
ul.example-list
for|color| of=['a', 'b', 'c']
li -- ${color}
```
# Getting Started
1. `npm install marko`
2. Read the [docs](https://markojs.com/docs/)
# Community & Support
| <a href="https://stackoverflow.com/questions/tagged/marko"><img src="https://user-images.githubusercontent.com/1958812/56055468-619b3e00-5d0e-11e9-92ae-200c212cafb8.png" height="50px"/></a> | <a href="https://gitter.im/marko-js/marko"><img src="https://user-images.githubusercontent.com/1958812/56055573-9c04db00-5d0e-11e9-9fd3-0395edf631a0.png" height="60px"/></a> | <a href="https://twitter.com/intent/tweet?hashtags=markojs"><img src="https://user-images.githubusercontent.com/1958812/56055707-07e74380-5d0f-11e9-8a59-d529fbb5a81e.png" height="40px"/></a> |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Ask and answer StackOverflow questions with the [`marko` tag](https://stackoverflow.com/questions/tagged/marko) | Come hang out in our Gitter chat room, ask questions, and discuss project direction | Tweet to [`@MarkoDevTeam`](https://twitter.com/MarkoDevTeam) or with the [`#markojs` hashtag](https://twitter.com/search?q=%23markojs&f=live) |
# Contributors
Marko would not be what it is without all those who have contributed ✨
<a href="https://github.com/marko-js/marko/graphs/contributors">
<img src="https://opencollective.com/marko-js/contributors.svg?width=890&button=false"/>
</a>
## Get Involved!
- Pull requests are welcome!
- Read [`CONTRIBUTING.md`](.github/CONTRIBUTING.md) and check out our [bite-sized](https://github.com/marko-js/marko/issues?q=is%3Aissue+is%3Aopen+label%3Adifficulty%3Abite-sized) and [help-wanted](https://github.com/marko-js/marko/issues?q=is%3Aissue+is%3Aopen+label%3Astatus%3Ahelp-wanted) issues
- Submit github issues for any feature enhancements, bugs or documentation problems
- By participating in this project you agree to abide by its [Code of Conduct](https://ebay.github.io/codeofconduct).
# License
MIT

View File

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 8.6 KiB

3733
packages/marko/package-lock.json generated Normal file

File diff suppressed because it is too large Load Diff

117
packages/marko/package.json Normal file
View File

@ -0,0 +1,117 @@
{
"name": "marko",
"version": "4.18.48",
"license": "MIT",
"description": "UI Components + streaming, async, high performance, HTML templating for Node.js and the browser.",
"dependencies": {
"app-module-path": "^2.2.0",
"argly": "^1.0.0",
"browser-refresh-client": "^1.0.0",
"camelcase": "^5.0.0",
"char-props": "~0.1.5",
"complain": "^1.6.0",
"deresolve": "^1.1.2",
"escodegen": "^1.8.1",
"esprima": "^4.0.0",
"estraverse": "^4.3.0",
"events-light": "^1.0.0",
"he": "^1.1.0",
"htmljs-parser": "^2.7.1",
"lasso-caching-fs": "^1.0.1",
"lasso-modules-client": "^2.0.4",
"lasso-package-root": "^1.0.1",
"listener-tracker": "^2.0.0",
"minimatch": "^3.0.2",
"property-handlers": "^1.0.0",
"raptor-regexp": "^1.0.0",
"raptor-util": "^3.2.0",
"resolve-from": "^2.0.0",
"self-closing-tags": "^1.0.1",
"simple-sha1": "^2.1.0",
"strip-json-comments": "^2.0.1",
"warp10": "^2.0.1"
},
"devDependencies": {
"@marko/migrate": "^5.1.0",
"bluebird": "^3.4.7",
"caller-path": "^2.0.0",
"chai": "^3.3.0",
"diffable-html": "^2.1.0",
"express": "^4.16.1",
"it-fails": "^1.0.0",
"jquery": "^3.1.1",
"jsdom-context-require": "^1.0.1",
"lasso-resolve-from": "^1.2.0",
"marko-widgets": "^7.0.1",
"micromatch": "^3.0.4",
"request": "^2.72.0",
"through": "^2.3.4",
"through2": "^2.0.1"
},
"main": "index.js",
"browser": {
"./compiler.js": "./compiler-browser.marko",
"./components.js": "./components-browser.marko",
"./index.js": "./index-browser.marko",
"./legacy-components.js": "./legacy-components-browser.marko"
},
"bin": {
"markoc": "bin/markoc"
},
"homepage": "http://markojs.com/",
"logo": {
"url": "https://raw.githubusercontent.com/marko-js/branding/master/marko-logo-small.png"
},
"repository": {
"type": "git",
"url": "https://github.com/marko-js/marko.git"
},
"publishConfig": {
"registry": "https://registry.npmjs.org/"
},
"author": "Patrick Steele-Idem <pnidem@gmail.com>",
"maintainers": [
"Patrick Steele-Idem <pnidem@gmail.com>",
"Michael Rawlings <ml.rawlings@gmail.com>",
"Phillip Gates-Idem <phillip.idem@gmail.com>",
"Austin Kelleher <a@alk.im>",
"Dylan Piercey <pierceydylan@gmail.com>",
"Martin Aberer"
],
"keywords": [
"front-end",
"templating",
"template",
"async",
"streaming",
"components",
"ui",
"vdom",
"dom",
"morphdom",
"virtual",
"virtual-dom"
],
"files": [
"bin",
"dist",
"docs",
"helpers",
"src",
"browser-refresh.js",
"compiler-browser.marko",
"compiler.js",
"components-browser.marko",
"components.js",
"env.js",
"express.js",
"hot-reload.js",
"index-browser.marko",
"index.js",
"jquery.marko",
"legacy-components-browser.marko",
"legacy-components.js",
"node-require.js",
"ready.marko"
]
}

Some files were not shown because too many files have changed in this diff Show More