nitro-web 0.0.86 → 0.0.88

package/client/globals.ts

@@ -1,12 +1,16 @@
-import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react'
+import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState, Dispatch, SetStateAction } from 'react'
 import { Link, useLocation, useNavigate, useParams } from 'react-router-dom'
 import { onChange } from 'nitro-web'
+import { Store } from 'nitro-web/types'
 
 declare global {
-  // Common application globals
-  const onChange: typeof import('nitro-web').onChange
+  // useTracked global (normally defined in ./client/index.ts)
+  const useTracked: () => [Store, Dispatch<SetStateAction<Store>>]
 
-  // Common aependency globals
+  // nitro-web global
+  const onChange: typeof import('nitro-web').onChange
+  
+  // common daependency globals
   /** The public API for rendering a history-aware `<a>`. */
   const Link: typeof import('react-router-dom').Link
   const useCallback: typeof import('react').useCallback
@@ -21,9 +25,9 @@ declare global {
 }
 
 Object.assign(window, {
-  // application globals
+  // nitro-web global
   onChange: onChange,
-  // dependency globals
+  // common dependency globals
   Link: Link,
   useCallback: useCallback,
   useEffect: useEffect,

package/package.json

@@ -1,26 +1,35 @@
 {
   "name": "nitro-web",
-  "version": "0.0.86",
+  "version": "0.0.88",
   "repository": "github:boycce/nitro-web",
   "homepage": "https://boycce.github.io/nitro-web/",
   "description": "Nitro is a battle-tested, modular base project to turbocharge your projects, styled using Tailwind 🚀",
-  "main": "./client/index.ts",
   "type": "module",
+  "main": "./client/index.ts",
+  "types": "./types/globals.d.ts",
   "exports": {
     ".": "./client/index.ts",
+    "./.eslintrc.json": "./.eslintrc.json",
     "./client/imgs/*": "./client/imgs/*",
     "./client/globals": "./client/globals.ts",
     "./server": "./server/index.js",
     "./types": "./types.ts",
-    "./.eslintrc.json": "./.eslintrc.json",
-    "./tsconfig.json": "./tsconfig.json",
-    "./webpack.config.js": "./webpack.config.js",
     "./util": {
       "require": "./util.js",
       "import": "./util.js",
       "types": "./types/util.d.ts"
-    }
+    },
+    "./webpack.config.js": "./webpack.config.js"
   },
+  "files": [
+    ".eslintrc.json",
+    "client",
+    "components",
+    "server",
+    "types",
+    "util.js",
+    "webpack.config.js"
+  ],
   "scripts": {
     "major": "npm run types && standard-version -a --release-as major && npm publish && cd ../webpack && npm publish",
     "minor": "npm run types && standard-version -a --release-as minor && npm publish && cd ../webpack && npm publish",

package/types/{required-globals.d.ts → globals.d.ts}

@@ -1,4 +1,3 @@
-// Required global types
 import 'twin.macro'
 import { css as cssImport } from '@emotion/react'
 import styledImport from '@emotion/styled'
@@ -17,6 +16,7 @@ declare global {
     const content: string
     export default content
   }
+  
 }
 
 // Webpack: Twin.macro css extension
@@ -37,3 +37,5 @@ declare module 'react' {
     for?: string | undefined
   }
 }
+
+export {}

package/.editorconfig

@@ -1,9 +0,0 @@
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-end_of_line = lf
-insert_final_newline = true
-trim_trailing_whitespace = true

package/semver-updater.cjs

@@ -1,13 +0,0 @@
-const versionRegex = /"(@nitro-web\/webpack|nitro-web)"\s*:\s*"([~^*><= -]*)([0-9.]+)"/
-
-module.exports.readVersion = function (contents) {
-  // This is just for showing the version in the console
-  const version = contents.match(versionRegex)?.[3]
-  return version
-}
-
-module.exports.writeVersion = function (contents, newVersion) {
-  return contents.replaceAll(new RegExp(versionRegex, 'g'), (match, packageName, prefix) => {
-    return `"${packageName}": "${prefix}${newVersion}"`
-  })
-}

package/tsconfig.json

@@ -1,38 +0,0 @@
-{
-  "compilerOptions": {
-    "allowJs": true,
-    "checkJs": true,
-    "allowSyntheticDefaultImports": true,
-    "downlevelIteration": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "isolatedModules": true,
-    "jsx": "react-jsx",
-    "lib": ["es6", "dom", "dom.iterable", "esnext"],
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "noEmit": false,
-    "noFallthroughCasesInSwitch": true,
-    "noImplicitAny": true,
-    "noImplicitReturns": false,
-    "noImplicitThis": true,
-    "noStrictGenericChecks": false,
-    "outDir": "./dist",
-    "paths": {
-      "types": ["./types.ts"]
-    },
-    "resolveJsonModule": true,
-    "rootDir": "./",
-    "skipLibCheck": true,
-    "sourceMap": true,
-    "strict": true,
-    "target": "es2022"
-  },
-  "include": [
-    "client",
-    "components/**/*.{tsx,ts,js}",
-    "server/**/*.js",
-    "types",
-    "./types/core-only-globals.d.ts"
-  ]
-}

package/tsconfig.types.json

@@ -1,15 +0,0 @@
-{
-  "compilerOptions": {
-    "allowJs": true,
-    "declaration": true,
-    "declarationMap": true,
-    "emitDeclarationOnly": true,
-    "esModuleInterop": true,
-    "jsx": "react-jsx",
-    "outDir": "./types",
-    "skipLibCheck": true,
-  },
-  "include": [
-    "util.js"
-  ]
-}

package/types/core-only-globals.d.ts

@@ -1,9 +0,0 @@
-import { Store } from 'nitro-web/types'
-import { Dispatch, SetStateAction } from 'react'
-
-// Core-only global, this global will be defined globally in the project (e.g. in ./client/index.ts)
-declare global { 
-  const useTracked: () => [Store, Dispatch<SetStateAction<Store>>]
-}
-
-export {}

package/types.ts

@@ -1,60 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-type InjectedConfig = {
-  awsUrl?: string
-  clientUrl: string
-  countries: { [key: string]: { name: string, numberFormats: { currency: string } } } // for input-currency.tsx
-  currencies: { [key: string]: { name: string, symbol: string, digits: number } } // for input-currency.tsx
-  env: string
-  googleMapsApiKey?: string
-  isDemo: boolean // implicitly defined by webpack
-  isStatic: boolean // implicitly defined by webpack
-  jwtName: string // implicitly defined by webpack
-  name: string
-  placeholderEmail?: string
-  stripePublishableKey?: string
-  titleSeparator?: string
-  version: string
-}
-
-export type Config = InjectedConfig & {
-  // Non-injectable config on the client
-  beforeApp?: () => Promise<object>
-  beforeStoreUpdate?: (prevStore: Store | null, newData: Store) => Store
-  middleware?: {[key: string]: (route: any, store: any) => undefined | { redirect: string }}
-}
-
-export type User = {
-  _id?: string
-  firstName?: string
-  lastName?: string
-  name?: string
-  avatar?: MonasteryImage
-}
-
-export type Error = { title: string, detail: string }
-export type Errors = Error[]
-
-export type MonasteryImage = {
-  url: string
-  filename: string
-  path: string
-  bucket: string
-  date?: number
-}
-
-export type MessageObject = {
-  date?: number
-  text: string | React.ReactNode
-  type?: 'error' | 'info' | 'success' | 'warning'
-  timeout?: number
-}
-
-export type Store = {
-  apiAvailable?: boolean
-  jwt?: string
-  message?: MessageObject | string
-  user?: User,
-}
-
-export type Svg = React.FC<React.SVGProps<SVGElement>>