@stanlemon/app-template 0.3.54 → 0.3.56

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stanlemon/app-template",
-  "version": "0.3.54",
+  "version": "0.3.56",
   "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/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;
@@ -71,7 +71,7 @@ export function SessionLoader({ children }: { children: React.ReactNode }) {
     fetchApi<SessionData, null>("/auth/session", token || cookies.session_token)
       .then((session: SessionData) => {
         if (session) {
-          setCookie("session_token", session.token, { path: "/" });
+          setCookie("session_token", session.token);
           setToken(session.token);
           setUser(session.user);
         }

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

@@ -1,7 +1,8 @@
 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;
@@ -13,6 +14,7 @@ export function Login() {
     username: "",
     password: "",
   });
+  const [_, setCookie] = useCookies(["session_token"]);
 
   const { setToken, setUser, setError } = useContext(SessionContext);
 
@@ -22,6 +24,7 @@ export function Login() {
       .then((session: SessionData) => {
         setToken(session.token as string);
         setUser(session.user as ProfileData);
+        setCookie("session_token", session.token);
         setError(null);
       })
       .catch((err: ApiError) => {

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 }) {