@variousjs/create 0.1.0 → 0.3.1

package/demo/dist/next.js.map

@@ -1 +1 @@
-{"version":3,"file":"next.js","mappings":";;;;;;;;;;AAAA;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;UCAA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,eAAe,4BAA4B;WAC3C,eAAe;WACf,iCAAiC,WAAW;WAC5C;WACA;;;;;WCPA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA;;;;;WCPA,8CAA8C;;;;;WCA9C;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACNA;AACA;AAEA;;AAMA,kBAKI,IAAIE,mDAAJ,EALJ;AAAA,IACEE,WADF,eACEA,WADF;AAAA,IAEEC,OAFF,eAEEA,OAFF;AAAA,IAGEC,QAHF,eAGEA,QAHF;AAAA,IAIEC,QAJF,eAIEA,QAJF;;AAOAH,WAAW,CAAC;AAAEI,EAAAA,KAAK,EAAE;AAAT,CAAD,CAAX;;IAEMC;;;;;;;;;;;;;WAMJ,kBAAS;AACP,UAAQC,IAAR,GAAiB,KAAKC,KAAL,CAAWC,MAA5B,CAAQF,IAAR;AACA,UAAQF,KAAR,GAAkB,KAAKG,KAAvB,CAAQH,KAAR;AAEA,0BACE,2DAAC,8CAAD;AACE,aAAK,EAAE;AAAEK,UAAAA,SAAS,EAAE;AAAb,SADT;AAEE,gBAAQ,MAFV;AAGE,aAAK,EAAC,gBAHR;AAIE,YAAI,EAAC;AAJP,sBAME,2DAAC,mDAAD;AAAmB,aAAK,EAAC;AAAzB,SAAkCH,IAAI,CAACI,IAAvC,CANF,eAOE,2DAAC,mDAAD;AAAmB,aAAK,EAAC;AAAzB,SAAkCN,KAAlC,CAPF,CADF;AAWD;;;;EArBaP;;gBAAVQ;qEACc,iBAAOD,KAAP;AAAA;AAAA;AAAA;AAAA;AAAA;AACVO,YAAAA,KADU,GACFR,QAAQ,EADN;AAEhBD,YAAAA,QAAQ,CAAC;AAAEE,cAAAA,KAAK,EAAEA,KAAK,GAAGO,KAAK,CAACP;AAAvB,aAAD,EAAiC,IAAjC,CAAR;;AAFgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;AAuBpB,+DAAeH,OAAO,CAAC,OAAD,CAAP,CAAiBI,CAAjB,CAAf,E","sources":["webpack://@variousjs/create/external amd {\"root\":\"Nycticorax\",\"amd\":\"nycticorax\"}","webpack://@variousjs/create/external amd {\"root\":\"React\",\"amd\":\"react\"}","webpack://@variousjs/create/external amd {\"root\":\"antd\",\"amd\":\"antd\"}","webpack://@variousjs/create/webpack/bootstrap","webpack://@variousjs/create/webpack/runtime/compat get default export","webpack://@variousjs/create/webpack/runtime/define property getters","webpack://@variousjs/create/webpack/runtime/hasOwnProperty shorthand","webpack://@variousjs/create/webpack/runtime/make namespace object","webpack://@variousjs/create/./src/components/next.tsx"],"sourcesContent":["module.exports = __WEBPACK_EXTERNAL_MODULE_nycticorax__;","module.exports = __WEBPACK_EXTERNAL_MODULE_react__;","module.exports = __WEBPACK_EXTERNAL_MODULE_antd__;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React, { Component } from 'react'\nimport Nycticorax, { Connect as CT } from 'nycticorax'\nimport { ComponentProps } from '@variousjs/various'\nimport { Descriptions } from 'antd'\nimport { Store as GlobalStore } from '../types'\n\ntype Store = { value: number }\ntype Connect = CT<Store>\n\nconst {\n  createStore,\n  connect,\n  dispatch,\n  getStore,\n} = new Nycticorax<Store>()\n\ncreateStore({ value: 0 })\n\nclass X extends Component<Connect & ComponentProps<GlobalStore>> {\n  static setValue = async (value: number) => {\n    const store = getStore()\n    dispatch({ value: value + store.value }, true)\n  }\n\n  render() {\n    const { user } = this.props.$store\n    const { value } = this.props\n\n    return (\n      <Descriptions\n        style={{ marginTop: 30 }}\n        bordered\n        title=\"Next Component\"\n        size=\"small\"\n      >\n        <Descriptions.Item label=\"Store\">{user.name}</Descriptions.Item>\n        <Descriptions.Item label=\"Value\">{value}</Descriptions.Item>\n      </Descriptions>\n    )\n  }\n}\n\nexport default connect('value')(X)\n"],"names":["React","Component","Nycticorax","Descriptions","createStore","connect","dispatch","getStore","value","X","user","props","$store","marginTop","name","store"],"sourceRoot":""}
+{"version":3,"file":"next.js","mappings":"oHAAAA,EAAOC,QAAUC,G,gBCAjBF,EAAOC,QAAUE,G,gBCAjBH,EAAOC,QAAUG,ICCbC,EAA2B,GAG/B,SAASC,EAAoBC,GAE5B,IAAIC,EAAeH,EAAyBE,GAC5C,QAAqBE,IAAjBD,EACH,OAAOA,EAAaP,QAGrB,IAAID,EAASK,EAAyBE,GAAY,CAGjDN,QAAS,IAOV,OAHAS,EAAoBH,GAAUP,EAAQA,EAAOC,QAASK,GAG/CN,EAAOC,QCpBfK,EAAoBK,EAAI,SAASX,GAChC,IAAIY,EAASZ,GAAUA,EAAOa,WAC7B,WAAa,OAAOb,EAAgB,SACpC,WAAa,OAAOA,GAErB,OADAM,EAAoBQ,EAAEF,EAAQ,CAAEG,EAAGH,IAC5BA,GCLRN,EAAoBQ,EAAI,SAASb,EAASe,GACzC,IAAI,IAAIC,KAAOD,EACXV,EAAoBY,EAAEF,EAAYC,KAASX,EAAoBY,EAAEjB,EAASgB,IAC5EE,OAAOC,eAAenB,EAASgB,EAAK,CAAEI,YAAY,EAAMC,IAAKN,EAAWC,MCJ3EX,EAAoBY,EAAI,SAASK,EAAKC,GAAQ,OAAOL,OAAOM,UAAUC,eAAeC,KAAKJ,EAAKC,ICC/FlB,EAAoBsB,EAAI,SAAS3B,GACX,oBAAX4B,QAA0BA,OAAOC,aAC1CX,OAAOC,eAAenB,EAAS4B,OAAOC,YAAa,CAAEC,MAAO,WAE7DZ,OAAOC,eAAenB,EAAS,aAAc,CAAE8B,OAAO,K,qrCCGvD,MAKI,IAAIC,EAAAA,MAJNC,EADF,EACEA,YACAC,EAFF,EAEEA,QACAC,EAHF,EAGEA,SACAC,EAJF,EAIEA,SAGFH,EAAY,CAAEF,MAAO,I,UAEfM,EAAAA,SAAAA,I,muBAMJ,WACE,IAAQC,EAASC,KAAKC,MAAMC,OAApBH,KACAP,EAAUQ,KAAKC,MAAfT,MAER,OACE,kBAAC,EAAAW,aAAD,CACEC,MAAO,CAAEC,UAAW,IACpBC,UAAQ,EACRC,MAAM,iBACNC,KAAK,SAEL,kBAAC,EAAAL,aAAA,KAAD,CAAmBM,MAAM,SAASV,EAAKW,MACvC,kBAAC,EAAAP,aAAA,KAAD,CAAmBM,MAAM,SAASjB,S,mBAlBpCM,CAAUa,EAAAA,W,EAAVb,E,EAAAA,W,EAAAA,W,oCACc,WAAON,GAAP,sFACVoB,EAAQf,IACdD,EAAS,CAAEJ,MAAOA,EAAQoB,EAAMpB,QAAS,GAFzB,0C,kOADdM,G,6FAwBN,UAAeH,EAAQ,QAAvB,CAAgCG,G","sources":["webpack://@variousjs/create/external amd {\"root\":\"React\",\"amd\":\"react\"}","webpack://@variousjs/create/external amd {\"root\":\"antd\",\"amd\":\"antd\"}","webpack://@variousjs/create/external amd {\"root\":\"various\",\"amd\":\"@variousjs/various\"}","webpack://@variousjs/create/webpack/bootstrap","webpack://@variousjs/create/webpack/runtime/compat get default export","webpack://@variousjs/create/webpack/runtime/define property getters","webpack://@variousjs/create/webpack/runtime/hasOwnProperty shorthand","webpack://@variousjs/create/webpack/runtime/make namespace object","webpack://@variousjs/create/./src/components/next.tsx"],"sourcesContent":["module.exports = __WEBPACK_EXTERNAL_MODULE__161__;","module.exports = __WEBPACK_EXTERNAL_MODULE__937__;","module.exports = __WEBPACK_EXTERNAL_MODULE__437__;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React, { Component } from 'react'\nimport { ComponentProps, Store, Connect as CT } from '@variousjs/various'\nimport { Descriptions } from 'antd'\nimport { Store as GlobalStore } from '../types'\n\ntype S = { value: number }\ntype Connect = CT<S>\n\nconst {\n  createStore,\n  connect,\n  dispatch,\n  getStore,\n} = new Store<S>()\n\ncreateStore({ value: 0 })\n\nclass X extends Component<Connect & ComponentProps<GlobalStore>> {\n  static setValue = async (value: number) => {\n    const store = getStore()\n    dispatch({ value: value + store.value }, true)\n  }\n\n  render() {\n    const { user } = this.props.$store\n    const { value } = this.props\n\n    return (\n      <Descriptions\n        style={{ marginTop: 30 }}\n        bordered\n        title=\"Next Component\"\n        size=\"small\"\n      >\n        <Descriptions.Item label=\"Store\">{user.name}</Descriptions.Item>\n        <Descriptions.Item label=\"Value\">{value}</Descriptions.Item>\n      </Descriptions>\n    )\n  }\n}\n\nexport default connect('value')(X)\n"],"names":["module","exports","__WEBPACK_EXTERNAL_MODULE__161__","__WEBPACK_EXTERNAL_MODULE__937__","__WEBPACK_EXTERNAL_MODULE__437__","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","n","getter","__esModule","d","a","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","r","Symbol","toStringTag","value","Store","createStore","connect","dispatch","getStore","X","user","this","props","$store","Descriptions","style","marginTop","bordered","title","size","label","name","Component","store"],"sourceRoot":""}

package/demo/index.html

@@ -4,13 +4,8 @@
 <meta charset="UTF-8" />
 <title> VariousJS </title>
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/antd@4.16.13/dist/antd.compact.min.css" />
-</head>
-<body>
-<div id="root"></div>
-<script src="https://cdn.jsdelivr.net/npm/requirejs@2.3.6/require.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/@variousjs/various/dist/index.js"></script>
 <script>
-var config = {
+var VARIOUS_CONFIG = {
   root: '#root',
   entry: './dist/entry.js',
   routerMode: 'hash',
@@ -18,8 +13,6 @@ var config = {
     // 内置依赖，如果不定义会默认使用 unpkg cdn 链接
     react: 'https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.production.min.js',
     'react-dom': 'https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js',
-    'react-router-dom': 'https://cdn.jsdelivr.net/npm/react-router-dom@5.3.0/umd/react-router-dom.min.js',
-    nycticorax: 'https://cdn.jsdelivr.net/npm/nycticorax@2.0.6/dist/umd/index.js',
 
     // 依赖定义
     moment: 'https://cdn.jsdelivr.net/npm/moment@2.29.1/min/moment.min.js',
@@ -57,16 +50,11 @@ var config = {
     },
   ],
 }
-
-var various = new window.Various(config)
-
-various.onError = function(e) {
-  console.log(e)
-  document.write(e.message)
-}
-
-various.start()
 </script>
-
+</head>
+<body>
+<div id="root"></div>
+<script src="https://cdn.jsdelivr.net/npm/requirejs@2.3.6/require.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@variousjs/various@0.4.0/dist/index.js"></script>
 </body>
 </html>

package/package.json

@@ -1,17 +1,16 @@
 {
   "name": "@variousjs/create",
-  "version": "0.1.0",
+  "version": "0.3.1",
   "description": "VariousJS boilerplate",
   "bin": "bin/create.js",
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "lint": "eslint . --ext .ts,.tsx,.js",
-    "start": "webpack --progress --config webpack.component.config.js & webpack serve --config webpack.entry.config.js --progress",
-    "build": "webpack --progress --config webpack.base.config.js",
-    "prepublishOnly": "COPY_ENV=publish node bin/copy.js",
-    "postinstall": "COPY_ENV=init node bin/copy.js"
+    "lint": "tsc --noemit && eslint . --ext .ts,.tsx,.js",
+    "start": "webpack --progress --config ./webpack/component.js & webpack serve --config ./webpack/entry.js --progress",
+    "build": "webpack --progress --config ./webpack/base.js",
+    "prepublishOnly": "node bin/copy.js"
   },
   "repository": {
     "type": "git",
@@ -37,7 +36,7 @@
     "@types/react-router-dom": "^5.3.1",
     "@typescript-eslint/eslint-plugin": "^4.31.2",
     "@typescript-eslint/parser": "^4.31.2",
-    "@variousjs/various": "0.0.2",
+    "@variousjs/various": "^0.4.0",
     "babel-loader": "^8.2.2",
     "css-loader": "^6.3.0",
     "eslint": "^7.32.0",
@@ -48,7 +47,6 @@
     "eslint-plugin-react-hooks": "^4.2.0",
     "less": "^4.1.1",
     "less-loader": "^10.0.1",
-    "nycticorax": "^2.0.6",
     "style-loader": "^3.3.0",
     "typescript": "^4.4.3",
     "webpack": "^5.54.0",

package/src/components/next.tsx

@@ -1,18 +1,17 @@
 import React, { Component } from 'react'
-import Nycticorax, { Connect as CT } from 'nycticorax'
-import { ComponentProps } from '@variousjs/various'
+import { ComponentProps, Store, Connect as CT } from '@variousjs/various'
 import { Descriptions } from 'antd'
 import { Store as GlobalStore } from '../types'
 
-type Store = { value: number }
-type Connect = CT<Store>
+type S = { value: number }
+type Connect = CT<S>
 
 const {
   createStore,
   connect,
   dispatch,
   getStore,
-} = new Nycticorax<Store>()
+} = new Store<S>()
 
 createStore({ value: 0 })
 

package/src/entry/container.tsx

@@ -1,6 +1,5 @@
 import React, { Component, ComponentType } from 'react'
-import { Route } from 'react-router-dom'
-import { ContainerProps } from '@variousjs/various'
+import { ContainerProps, Router, Route } from '@variousjs/various'
 import { Radio, Badge, Button } from 'antd'
 import { Store, Config } from '../types'
 import csses from './entry.less'
@@ -20,7 +19,7 @@ class Container extends Component<ContainerProps<Store, Config>> {
   }
 
   render() {
-    const { Router, $component, $config, $store } = this.props
+    const { $component, $config, $store } = this.props
 
     return (
       <div className={csses.container}>

package/{webpack.base.config.js → webpack/base.js}

@@ -3,14 +3,14 @@ const path = require('path')
 const config = {
   stats: 'minimal',
   entry: {
-    entry: path.join(__dirname, './src/entry'),
+    entry: path.join(__dirname, '../src/entry'),
 
     // 组件入口定义
-    card: path.join(__dirname, './src/components/card.tsx'),
-    next: path.join(__dirname, './src/components/next.tsx'),
+    card: path.join(__dirname, '../src/components/card.tsx'),
+    next: path.join(__dirname, '../src/components/next.tsx'),
   },
   output: {
-    path: path.resolve(__dirname, './demo/dist'),
+    path: path.resolve(__dirname, '../demo/dist'),
     publicPath: '/dist/',
     filename: '[name].js',
     libraryTarget: 'amd',
@@ -26,13 +26,9 @@ const config = {
       root: 'ReactDOM',
       amd: 'react-dom',
     },
-    'react-router-dom': {
-      root: 'ReactRouterDOM',
-      amd: 'react-router-dom',
-    },
-    nycticorax: {
-      root: 'Nycticorax',
-      amd: 'nycticorax',
+    '@variousjs/various': {
+      root: 'various',
+      amd: '@variousjs/various',
     },
 
     // 自定义
@@ -53,7 +49,7 @@ const config = {
     host: '0.0.0.0',
     https: true,
     static: {
-      directory: path.join(__dirname, './demo'),
+      directory: path.join(__dirname, '../demo'),
     },
     // 监听文件构建后重新刷新页面，包括 html 文件
     watchFiles: ['demo'],

package/{webpack.component.config.js → webpack/component.js}

@@ -1,4 +1,4 @@
-const base = require('./webpack.base.config')
+const base = require('./base')
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const { entry, ...rest } = base.entry

package/{webpack.entry.config.js → webpack/entry.js}

@@ -1,4 +1,4 @@
-const base = require('./webpack.base.config')
+const base = require('./base')
 
 const { entry } = base.entry
 const config = {

package/.gitignore.copy

@@ -1,3 +0,0 @@
-.DS_Store
-node_modules/
-*.copy