feat: refacto with jsbox

.gitignore

@@ -3,7 +3,10 @@ bower_components
 coverage
 npm-debug.log
 yarn.lock
+Gemfile.lock
+yarn-error.log
 package-lock.json
 .DS_Store
 .idea
 .vscode
+dist

.npmignore

@@ -3,3 +3,12 @@ node_modules
 src
 docs
 test
+__tests__
+.prettierrc
+.editorconfig
+gulpfile.js
+LICENSE.txt
+Rakefile
+server.js
+.prettierrc
+.release-it.json

.npmrc

@@ -1 +1,2 @@
 sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
+package-lock=false

.prettierrc

@@ -0,0 +1,27 @@
+{
+  "trailingComma": "es5",
+  "arrowParens": "always",
+  "bracketSpacing": true,
+  "jsxBracketSameLine": true,
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": true,
+  "overrides": [
+    {
+      "files": "*.scss",
+      "options": {
+        "trailingComma": "none",
+        "tabWidth": 2,
+        "parser": "scss"
+      }
+    },
+    {
+      "files": "*.json",
+      "options": {
+        "trailingComma": "none",
+        "tabWidth": 2,
+        "parser": "json"
+      }
+    }
+  ]
+}

.release-it.json

@@ -0,0 +1,16 @@
+{
+  "git": {
+    "requireCleanWorkingDir": false
+  },
+  "hooks": {
+    "after:init": [
+      "t2k"
+    ],
+    "after:bump": [
+      "npm run build"
+    ]
+  },
+  "github": {
+    "release": true
+  }
+}

LICENSE.txt

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2016 afei <1290657123@qq.com>
+Copyright (c) 2020 afei <1290657123@qq.com>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,19 +1,39 @@
-# webkit-sassui-position-box
-> Position box for sassui
-
-## help:
-<center>
-  <img src="position-er.png" width="300"/>
-</center>
-
-## position:
-```conf
-1. Absolute Position: top/right/bottom/left
-2. Corner Position: tl/tr bl/br
+# wsui-position-box
+> Position box for wsui.
+
+[![version][version-image]][version-url]
+[![license][license-image]][license-url]
+[![size][size-image]][size-url]
+[![download][download-image]][download-url]
+
+## installation
+```shell
+npm i @jswork/wsui-position-box
 ```
 
-## usage:
-+ https://afeiship.github.io/webkit-sassui-position-box/
+## usage
+```scss
+// use sass
+@import '~@jswork/wsui-position-box/dist/index.scss';
+// use css
+@import '~@jswork/wsui-position-box/dist/style.css';
+```
+
+## preview
+- https://afeiship.github.io/wsui-position-box/
+
+## license
+Code released under [the MIT license](https://github.com/afeiship/wsui-position-box/blob/master/LICENSE.txt).
+
+[version-image]: https://img.shields.io/npm/v/@jswork/wsui-position-box
+[version-url]: https://npmjs.org/package/@jswork/wsui-position-box
+
+[license-image]: https://img.shields.io/npm/l/@jswork/wsui-position-box
+[license-url]: https://github.com/afeiship/wsui-position-box/blob/master/LICENSE.txt
+
+[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-position-box
+[size-url]: https://github.com/afeiship/wsui-position-box/blob/master/dist/wsui-position-box.min.js
+
+[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-position-box
+[download-url]: https://www.npmjs.com/package/@jswork/wsui-position-box
 
-## resources:
-+ https://github.com/afeiship/generator-webkit-sassui

build/clean.js

@@ -1,16 +1,12 @@
 (function() {
-
   'use strict';
   var gulp = require('gulp');
-  var config = require('./config');
-  var argv = require('yargs').argv;
   var $ = require('gulp-load-plugins')({
-    pattern: ['gulp-*', 'gulp.*', 'del']
+    pattern: ['gulp-*', 'gulp.*', 'del'],
   });
-  
+
   //clean
   gulp.task('clean', function() {
     return $.del('dist');
   });
-
-}());
+})();

build/docs.js

@@ -0,0 +1,15 @@
+(function () {
+  'use strict';
+
+  var gulp = require('gulp');
+  var $ = require('gulp-load-plugins')({
+    pattern: ['gulp-*', 'gulp.*', 'del'],
+  });
+  //styles
+  gulp.task('docs', function () {
+    return gulp
+      .src('docs/style.scss')
+      .pipe($.sass({ outputStyle: 'expanded' }).on('error', $.sass.logError))
+      .pipe(gulp.dest('docs'));
+  });
+})();

build/styles.js

@@ -1,18 +1,21 @@
-(function() {
-
+(function () {
   'use strict';
 
   var gulp = require('gulp');
-  var config = require('./config');
-  var argv = require('yargs').argv;
+  var autoprefixer = require('autoprefixer');
   var $ = require('gulp-load-plugins')({
-    pattern: ['gulp-*', 'gulp.*', 'del']
+    pattern: ['gulp-*', 'gulp.*', 'del', '@jswork/gulp-*'],
   });
 
   //styles
-  gulp.task('styles',function() {
-    return gulp.src('src/*.scss')
+  gulp.task('styles', function () {
+    return gulp
+      .src('src/*.scss')
+      .pipe($.jswork.pkgHeader())
+      .pipe(gulp.dest('dist'))
+      .pipe($.sass())
+      .pipe($.postcss([autoprefixer()]))
+      .pipe($.rename('style.css'))
       .pipe(gulp.dest('dist'));
   });
-
-}());
+})();