Skip to content

Commit 9ec911e

Browse files
committed
feat(package): The initial merge of styleguidekit-assets-default and styleguidekit-mustache-default
1 parent 30837db commit 9ec911e

11 files changed

+160
-64
lines changed

packages/uikit-default/.editorconfig

+2-2
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@ root = true
22

33
[*]
44
charset = utf-8
5-
indent_style = tab
6-
indent_size = 4
5+
indent_size = 2
6+
indent_style = space
77
trim_trailing_whitespace = false
88
end_of_line = lf
99
insert_final_newline = true

packages/uikit-default/LICENSE

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
The MIT License (MIT)
22

3-
Copyright (c) 2015 Brad Frost, http://bradfrostweb.com & Dave Olsen, http://dmolsen.com
3+
Copyright (c) 2018 Brian Muenzenmeyer, http://www.brianmuenzenmeyer.com & Brad Frost, http://bradfrostweb.com
44

55
Permission is hereby granted, free of charge, to any person obtaining a copy of
66
this software and associated documentation files (the "Software"), to deal in
@@ -18,3 +18,4 @@ FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
1818
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
1919
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
2020
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
21+

packages/uikit-default/README.md

+8-14
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,27 @@
1-
![license](https://img.shields.io/github/license/pattern-lab/styleguidekit-assets-default.svg) ![current release](https://img.shields.io/npm/v/@pattern-lab/styleguidekit-assets-default.svg)
2-
[![Packagist](https://img.shields.io/packagist/v/pattern-lab/styleguidekit-assets-default.svg)](https://packagist.org/packages/pattern-lab/styleguidekit-assets-default) [![Gitter](https://img.shields.io/gitter/room/pattern-lab/frontend-viewer.svg)](https://gitter.im/pattern-lab/frontend-viewer)
1+
![license](https://img.shields.io/github/license/pattern-lab/uikit-default.svg) ![current release](https://img.shields.io/npm/v/@pattern-lab/uikit-default.svg)
2+
[![Packagist](https://img.shields.io/packagist/v/pattern-lab/uikit-default.svg)](https://packagist.org/packages/pattern-lab/uikit-default) [![Gitter](https://img.shields.io/gitter/room/pattern-lab/frontend-viewer.svg)](https://gitter.im/pattern-lab/frontend-viewer)
33

4-
# Static Assets for the Default StyleguideKit
4+
# UIKit Default
55

6-
This code is responsible for creating Pattern Lab's UI look, feel, and functionality. These assets are are meant to be used in conjunction with the default [Mustache](https://github.com/pattern-lab/styleguidekit-mustache-default) and [Twig](https://github.com/pattern-lab/styleguidekit-twig-default) StyleguideKits, which control Pattern Lab-specific UI _inside_ the iframe.
6+
Front-end assets and templates for the default Pattern Lab [workshop](http://bradfrost.com/blog/post/the-workshop-and-the-storefront/) view.
7+
8+
This code is responsible for creating Pattern Lab's default workshop UI look, feel, and functionality.
79

810
## Installation
911

1012
### Node
1113
Pattern Lab Node uses [npm](https://www.npmjs.com/) to manage project dependencies. To install the default static assets run:
1214

13-
npm install @pattern-lab/styleguidekit-assets-default
14-
15-
16-
### PHP
17-
18-
Pattern Lab PHP uses [Composer](https://getcomposer.org/) to manage project dependencies. To install the default static assets run:
19-
20-
composer require pattern-lab/styleguidekit-assets-default
15+
npm install @pattern-lab/uikit-default
2116

2217
## Development Requirements
2318

2419
In order to modify these assets you need to install the following:
2520

26-
* the [Development Edition of Pattern Lab](https://github.com/pattern-lab/edition-php-development)
2721
* [Node.js](http://nodejs.org) and NPM
2822
* [Bower](http://bower.io)
2923
* [Ruby Sass](http://sass-lang.com/install)
3024

3125
## Development Set-up
3226

33-
Read the [contribution guidelines](https://github.com/pattern-lab/styleguidekit-assets-default/blob/master/.github/CONTRIBUTING.md)
27+
Read the [contribution guidelines](https://github.com/pattern-lab/uikit-default/blob/master/.github/CONTRIBUTING.md)

packages/uikit-default/composer.json

-40
This file was deleted.

packages/uikit-default/package.json

+22-7
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,32 @@
11
{
2-
"name": "@pattern-lab/styleguidekit-assets-default",
3-
"version": "4.0.0-alpha.3",
4-
"description": "The default set of front-end assets for Pattern Lab.",
2+
"name": "@pattern-lab/uikit-default",
3+
"version": "1.0.0-alpha.1",
4+
"description": "Front-end assets and templates for the default Pattern Lab workshop view",
55
"repository": {
66
"type": "git",
7-
"url": "git://github.com/pattern-lab/styleguidekit-assets-default.git"
7+
"url": "git://github.com/pattern-lab/uikit-default.git"
88
},
9-
"author": "Brad Frost",
9+
"main": "gulpfile.js",
10+
"scripts": {
11+
"test": "echo \"Error: no test specified\" && exit 1"
12+
},
13+
"authors": [
14+
{
15+
"name": "Brad Frost",
16+
"homepage": "http://bradfrostweb.com",
17+
"role": "Creator"
18+
},
19+
{
20+
"name": "Brian Muenzenmeyer",
21+
"homepage": "http://brianmuenzenmeyer.com",
22+
"role": "Developer"
23+
}
24+
],
1025
"license": "MIT",
1126
"bugs": {
12-
"url": "https://github.com/pattern-lab/styleguidekit-assets-default/issues"
27+
"url": "https://github.com/pattern-lab/uikit-default/issues"
1328
},
14-
"homepage": "https://github.com/pattern-lab/styleguidekit-assets-default",
29+
"homepage": "https://github.com/pattern-lab/uikit-default",
1530
"devDependencies": {
1631
"del": "^1.1.1",
1732
"gulp": "^3.8.6",

packages/uikit-default/views/README

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
There should be no reason to touch these files in day-to-day use.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
2+
{{{ patternData }}}
3+
</script>
4+
5+
<script>
6+
/*!
7+
* scriptLoader - v0.1
8+
*
9+
* Copyright (c) 2014 Dave Olsen, http://dmolsen.com
10+
* Licensed under the MIT license
11+
*
12+
*/
13+
14+
var scriptLoader = {
15+
16+
run: function(js,cb,target) {
17+
var s = document.getElementById(target+'-'+cb);
18+
for (var i = 0; i < js.length; i++) {
19+
var src = (typeof js[i] != 'string') ? js[i].src : js[i];
20+
var c = document.createElement('script');
21+
c.src = '../../'+src+'?'+cb;
22+
if (typeof js[i] != 'string') {
23+
if (js[i].dep !== undefined) {
24+
c.onload = function(dep,cb,target) {
25+
return function() {
26+
scriptLoader.run(dep,cb,target);
27+
}
28+
}(js[i].dep,cb,target);
29+
}
30+
}
31+
s.parentNode.insertBefore(c,s);
32+
}
33+
}
34+
35+
}
36+
</script>
37+
38+
<script id="pl-js-polyfill-insert-{{ cacheBuster }}">
39+
(function() {
40+
if (self != top) {
41+
var cb = '{{ cacheBuster}}';
42+
var js = [];
43+
if (typeof document !== 'undefined' && !('classList' in document.documentElement)) {
44+
js.push('styleguide/bower_components/classList.min.js');
45+
}
46+
scriptLoader.run(js,cb,'pl-js-polyfill-insert');
47+
}
48+
})();
49+
</script>
50+
51+
<script id="pl-js-insert-{{ cacheBuster }}">
52+
(function() {
53+
if (self != top) {
54+
var cb = '{{ cacheBuster}}';
55+
var js = [ { 'src': 'styleguide/bower_components/jwerty.min.js', 'dep': [ 'styleguide/js/patternlab-pattern.min.js' ] } ];
56+
scriptLoader.run(js,cb,'pl-js-insert');
57+
}
58+
})();
59+
</script>
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?{{ cacheBuster }}" media="all">
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
<div id="{{ patternPartial }}" class="pl-c-pattern">
2+
3+
<div class="pl-c-pattern__header">
4+
5+
<h3 class="pl-c-pattern__title">
6+
7+
<a href="../../patterns/{{ patternLink }}" class="pl-c-pattern__title-link patternLink" data-patternpartial="{{ patternPartial }}" title="Link to Pattern">
8+
{{ patternName }}
9+
10+
{{# patternState }}
11+
<span class="pl-c-pattern-state pl-c-pattern-state--{{ patternState }}" title="{{ patternState }}"></span>
12+
{{/ patternState }}
13+
14+
</a><!--end pl-c-pattern__title-link-->
15+
16+
</h3><!--end pl-c-pattern__title-->
17+
18+
<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-{{patternPartial}}" data-patternpartial="{{ patternPartial }}" title="View Pattern Info">
19+
<span class="pl-c-pattern__toggle-icon">&#9660;</span>
20+
</button><!--end pl-c-pattern__extra-toggle-->
21+
22+
</div><!--end pl-c-pattern__header-->
23+
24+
<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-{{ patternPartial }}">
25+
</div><!--end pl-c-pattern__extra-->
26+
27+
<div class="pl-js-pattern-example">
28+
{{{ patternPartialCode }}}
29+
</div><!--end pl-js-pattern-example-->
30+
31+
<script type="text/json" id="pl-pattern-data-{{patternPartial}}" class="pl-js-pattern-data">
32+
{{{ patternData }}}
33+
</script>
34+
35+
</div><!--end pl-c-pattern-->
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<div id="{{ patternPartial }}" class="pl-c-category">
2+
3+
<h2 class="pl-c-category__title">
4+
<a href="../../patterns/{{ patternLink }}" class="pl-c-category__title-link patternLink" data-patternpartial="{{ patternPartial }}">{{ patternName }}</a>
5+
</h2><!--end pl-c-category__title-->
6+
7+
<div class="pl-c-category__description pl-c-text-passage">
8+
{{{ patternDesc }}}
9+
</div><!--end pl-c-category__description-->
10+
11+
</div><!--end pl-c-category-->
12+
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<!-- View All Patterns in a Pattern Sub-Type -->
2+
<div class="pl-c-main">
3+
4+
<!-- Index of Patterns -->
5+
<div class="pl-c-pattern-index">
6+
7+
{{# partials }}
8+
{{# patternSectionSubtype }}
9+
{{> patternSectionSubtype }}
10+
{{/ patternSectionSubtype }}
11+
{{^ patternSectionSubtype }}
12+
{{> patternSection }}
13+
{{/ patternSectionSubtype }}
14+
{{/ partials }}
15+
16+
</div><!--end pl-c-pattern-index-->
17+
18+
</div><!--end pl-c-main-->

0 commit comments

Comments
 (0)