refactor: initial typescript rewrite

Author: pi0

examples/kitchen-sink/nuxt.config.js renamed to examples/kitchen-sink/nuxt.config.ts

@@ -1,19 +1,15 @@
-const { resolve } = require('path')
+import type { NuxtConfig } from '@nuxt/types'
+import nuxt7 from '../../src/module'
 
-module.exports = {
-  rootDir: resolve(__dirname, '../..'),
-  srcDir: __dirname,
-  modules: [
-    '@@/lib/module',
+export default <NuxtConfig> {
+  buildModules: [
+    nuxt7,
     '@nuxtjs/pwa'
   ],
   loadingIndicator: false,
   build: {
     extractCSS: true
   },
-  generate: {
-    dir: resolve(__dirname, 'dist')
-  },
   manifest: {
     name: 'Nuxt7',
     description: 'Nuxt7 PWA Demo'

lib/utils.js

@@ -2,11 +2,12 @@
   "name": "nuxt7",
   "version": "4.0.2",
   "license": "MIT",
-  "main": "lib/module.js",
+  "main": "dist/module.js",
   "files": [
     "lib"
   ],
   "scripts": {
+    "build": "siroc && mkdist --src src/runtime --dist dist/runtime",
     "dev": "yarn ks:dev",
     "ks:analyze": "nuxt build --analyze examples/kitchen-sink",
     "ks:build": "nuxt build examples/kitchen-sink",
@@ -23,13 +24,17 @@
     "framework7-icons": "^3.0.1",
     "framework7-vue": "^5.7.14",
     "less": "^4.1.0",
-    "less-loader": "^6"
+    "less-loader": "^6",
+    "upath": "^2.0.1"
   },
   "devDependencies": {
+    "@nuxt/types": "^2.14.12",
     "@nuxtjs/eslint-config": "latest",
     "@nuxtjs/pwa": "latest",
     "eslint": "latest",
+    "mkdist": "^0.1.0",
     "nuxt-edge": "latest",
+    "siroc": "^0.6.2",
     "standard-version": "latest",
     "surge": "latest"
   }

package.json

@@ -1,6 +1,6 @@
 // Source: https://github.com/framework7io/framework7/blob/master/scripts/build-config.js
 
-const config = {
+export const config = {
   rtl: false,
   components: [
     // Appbar
@@ -146,4 +146,3 @@ const config = {
   }
 }
 
-module.exports = config

lib/build-config.js renamed to src/build-config.ts

@@ -1,6 +1,8 @@
-const { themeColor, colors, themes, components } = require('./build-config')
+import { config } from './build-config'
 
-module.exports = {
+const { themeColor, colors, themes, components } = config
+
+export const defaults = {
   app: {
     theme: 'auto'
   },

lib/defaults.js renamed to src/defaults.ts

@@ -1,9 +1,10 @@
 
-const { resolvePath } = require('./utils')
-const templates = require('./templates')
-const getOptions = require('./options')
+import type { Module } from '@nuxt/types'
+import { resolveRuntimePath } from './utils'
+import { templates } from'./runtime/_templates'
+import { getOptions } from './options'
 
-module.exports = function nuxt7 (options) {
+export default <Module> function nuxt7 (options) {
   this.nuxt.hook('build:before', () => {
     prepareBuild.call(this, options)
   })
@@ -54,15 +55,15 @@ function prepareBuild (_options) {
 
   // Framework7 plugin
   this.addPlugin({
-    src: resolvePath('templates/framework7/plugin.js'),
+    src: resolveRuntimePath('framework7/plugin.js'),
     fileName: 'framework7/plugin.js',
     options
   })
 
   // Copy all templates
   for (const template of templates) {
     this.addTemplate({
-      src: resolvePath('templates/' + template),
+      src: resolveRuntimePath(template),
       fileName: template,
       options
     })

lib/module.js renamed to src/module.ts

@@ -1,8 +1,9 @@
-const defu = require('defu')
-const { resolvePath } = require('./utils')
-const defaults = require('./defaults')
+import defu from 'defu'
+import { resolveRuntimePath } from './utils'
+import { defaults } from './defaults'
+import { normalize } from 'upath'
 
-module.exports = function getOptions (_options) {
+export function getOptions (_options) {
   const options = defu({ ...this.options.framework7, ..._options }, defaults)
 
   // History mode
@@ -23,11 +24,11 @@ module.exports = function getOptions (_options) {
 
   // Icons
   if (options.f7Icons) {
-    options.f7IconsSrc = require.resolve('framework7-icons/css/framework7-icons.css')
+    options.f7IconsSrc = normalize(require.resolve('framework7-icons/css/framework7-icons.css'))
   }
 
   if (options.mdIcons) {
-    options.mdIconsSrc = resolvePath('fonts/material-icons.css').replace(/\\/g, '\\\\')
+    options.mdIconsSrc = resolveRuntimePath('fonts/material-icons.css')
   }
 
   return options

lib/options.js renamed to src/options.ts

@@ -1,4 +1,4 @@
-module.exports = [
+export const templates = [
   // Framework 7
   'framework7/routes.js',
   'framework7/components.js',