@stanlemon/app-template 0.3.55 → 0.3.57

package/eslint.config.js

@@ -0,0 +1 @@
+export { default } from "@stanlemon/eslint-config";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stanlemon/app-template",
-  "version": "0.3.55",
+  "version": "0.3.57",
   "description": "A template for creating apps using the webdev package.",
   "author": "Stan Lemon <stanlemon@users.noreply.github.com>",
   "license": "MIT",
@@ -11,14 +11,14 @@
     "start:dev": "NODE_ENV=development nodemon --ignore ./db.json app.js",
     "build": "npm run webpack:build",
     "tsc": "tsc",
-    "webpack:serve": "webpack serve",
+    "webpack:serve": "NODE_ENV=development webpack serve",
     "webpack:build": "NODE_ENV=production webpack",
     "dev": "NODE_ENV=development concurrently \"npm run webpack:serve\" \"npm run start:dev\"",
     "test": "jest --detectOpenHandles",
     "test:watch": "jest -w",
     "test:coverage": "jest --coverage",
-    "lint": "eslint --ext js,jsx,ts,tsx ./src/",
-    "lint:fix": "eslint --fix --ext js,jsx,ts,tsx ./src/"
+    "lint": "eslint .",
+    "lint:fix": "eslint --fix ."
   },
   "dependencies": {
     "@stanlemon/server-with-auth": "*",
@@ -31,9 +31,11 @@
   "devDependencies": {
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
-    "@types/react": "^18.3.11",
+    "@types/jest": "^29.5.13",
+    "@types/react": "^18.3.8",
     "@types/react-dom": "^18.3.0",
     "concurrently": "^9.0.1",
+    "nodemon": "^3.1.7",
     "supertest": "^7.0.0"
   }
 }

package/src/App.test.tsx

@@ -3,7 +3,7 @@ import { render, screen, waitFor } from "@testing-library/react";
 import App from "./App";
 import { ItemData } from "./views";
 import { SessionAware } from "./Session";
-import fetchApi from "./helpers/fetchApi";
+import { fetchApi } from "./helpers/fetchApi";
 
 jest.mock("./helpers/fetchApi");
 

package/src/Session.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useContext, createContext } from "react";
 import { useCookies } from "react-cookie";
 import { ErrorMessage } from "./components/";
-import fetchApi from "./helpers/fetchApi";
+import { fetchApi } from "./helpers/fetchApi";
 
 type SessionContextProperties = {
   initialized: boolean;

package/src/components/Column.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { createElement } from "react";
 
 export function Column({
   as = "div",
@@ -7,7 +7,7 @@ export function Column({
   as?: keyof React.JSX.IntrinsicElements;
   children?: React.ReactNode;
 }) {
-  return React.createElement(
+  return createElement(
     as,
     {
       style: {

package/src/components/Row.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { createElement } from "react";
 
 export function Row({
   as = "div",
@@ -7,7 +7,7 @@ export function Row({
   as?: keyof React.JSX.IntrinsicElements;
   children?: React.ReactNode;
 }) {
-  return React.createElement(
+  return createElement(
     as,
     {
       style: {

package/src/views/Account.test.tsx

@@ -3,7 +3,7 @@ import { render, screen, fireEvent, waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { Account, PasswordRequest, ProfileForm } from "./";
 import { SessionAware } from "../Session";
-import fetchApi from "../helpers/fetchApi";
+import { fetchApi } from "../helpers/fetchApi";
 
 jest.mock("../helpers/fetchApi");
 

package/src/views/Items.test.tsx

@@ -1,9 +1,9 @@
 import "@testing-library/jest-dom";
 import { render, screen, fireEvent } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import Items, { ItemData } from "./Items";
+import { Items, ItemData } from "./Items";
 import { SessionAware } from "../Session";
-import fetchApi from "../helpers/fetchApi";
+import { fetchApi } from "../helpers/fetchApi";
 
 jest.mock("../helpers/fetchApi");
 

package/src/views/Login.tsx

@@ -2,7 +2,7 @@ import { useState, useContext } from "react";
 import { useCookies } from "react-cookie";
 import { Input, Spacer } from "../components/";
 import { ProfileData, SessionContext, SessionData } from "../Session";
-import fetchApi, { ApiError } from "../helpers/fetchApi";
+import { fetchApi, ApiError } from "../helpers/fetchApi";
 
 export type LoginForm = {
   username: string;

package/src/views/Password.tsx

@@ -1,7 +1,7 @@
 import { useContext, useState } from "react";
 import { SessionContext } from "../Session";
 import { Header, Input } from "../components";
-import fetchApi, { ApiError } from "../helpers/fetchApi";
+import { fetchApi, ApiError } from "../helpers/fetchApi";
 
 export type PasswordForm = {
   current_password: string;

package/src/views/Profile.tsx

@@ -1,7 +1,7 @@
 import { useContext, useState } from "react";
 import { ProfileData, SessionContext } from "../Session";
 import { Header, Input } from "../components";
-import fetchApi, { ApiError } from "../helpers/fetchApi";
+import { fetchApi, ApiError } from "../helpers/fetchApi";
 
 export type ProfileForm = {
   name: string;

package/src/views/SignUp.tsx

@@ -1,7 +1,7 @@
 import { useState, useContext } from "react";
 import { Input, Spacer } from "../components/";
 import { SessionContext, ProfileData, SessionData } from "../Session";
-import fetchApi, { ApiError } from "../helpers/fetchApi";
+import { fetchApi, ApiError } from "../helpers/fetchApi";
 
 export type FormErrors = {
   errors: Record<string, string>;

package/src/views/Verify.tsx

@@ -1,5 +1,5 @@
 import { useContext, useEffect } from "react";
-import fetchApi, { ApiError } from "../helpers/fetchApi";
+import { fetchApi, ApiError } from "../helpers/fetchApi";
 import { SessionContext } from "../Session";
 
 export function Verify({ token = null }: { token: string | null }) {

package/.eslintrc.json

@@ -1,5 +0,0 @@
-{
-  "extends": [
-    "@stanlemon"
-  ]
-}