build: update all dependencies (riccardoperra#383)

* build: update all dependencies
* fix: fix solid-dnd module resolution
* fix: fix solid-headless dependency
* chore: fix build
* chore: fix api types

Author: riccardoperra

apps/api/package.json

@@ -32,33 +32,33 @@
   "license": "ISC",
   "dependencies": {
     "@codeimage/prisma-models": "workspace:*",
-    "@fastify/autoload": "^5.4.0",
+    "@fastify/autoload": "^5.4.1",
     "@fastify/cors": "^8.1.0",
     "@fastify/env": "^4.1.0",
     "@fastify/jwt": "^6.3.2",
     "@fastify/sensible": "^5.1.1",
-    "@fastify/swagger": "^7.5.1",
+    "@fastify/swagger": "^8.0.0",
     "@fastify/type-provider-typebox": "^2.3.0",
-    "@prisma/client": "^4.3.1",
-    "@sinclair/typebox": "^0.24.42",
+    "@prisma/client": "^4.4.0",
+    "@sinclair/typebox": "^0.24.46",
     "close-with-grace": "^1.1.0",
-    "dotenv": "^16.0.2",
+    "dotenv": "^16.0.3",
     "dotenv-cli": "^6.0.0",
-    "fastify": "^4.6.0",
-    "fastify-auth0-verify": "^0.8.2",
-    "fastify-cli": "^5.4.1",
+    "fastify": "^4.8.1",
+    "fastify-auth0-verify": "^0.8.3",
+    "fastify-cli": "^5.5.0",
     "fastify-healthcheck": "^4.2.0",
-    "fastify-plugin": "^4.2.1",
-    "fluent-json-schema": "^3.1.0",
-    "prisma": "^4.3.1"
+    "fastify-plugin": "^4.3.0",
+    "fluent-json-schema": "^4.0.0",
+    "prisma": "^4.4.0"
   },
   "devDependencies": {
-    "@types/node": "^18.7.18",
+    "@types/node": "^18.11.0",
     "@types/sinon": "^10.0.13",
     "@types/tap": "^15.0.7",
     "concurrently": "^7.4.0",
     "fastify-tsconfig": "^1.0.1",
-    "sinon": "^14.0.0",
+    "sinon": "^14.0.1",
     "tap": "^16.3.0",
     "typescript": "^4.8.4"
   }

apps/api/src/plugins/swagger.ts

@@ -1,10 +1,8 @@
-// import {prismaModelJsonSchema} from '@codeimage/prisma-models';
 import fastifySwagger from '@fastify/swagger';
 import fp from 'fastify-plugin';
 
 export default fp(async fastify => {
   fastify.register(fastifySwagger, {
-    routePrefix: '/documentation',
     swagger: {
       info: {
         title: 'CodeImage swagger',
@@ -16,11 +14,5 @@ export default fp(async fastify => {
       consumes: ['application/json'],
       produces: ['application/json'],
     },
-    uiConfig: {
-      docExpansion: 'full',
-      deepLinking: false,
-    },
-    staticCSP: true,
-    exposeRoute: true,
   });
 });

apps/codeimage/package.json

@@ -22,86 +22,86 @@
     "cross-env": "^7.0.3",
     "https-localhost": "^4.7.1",
     "msw": "^0.47.4",
-    "prettier": "^2.6.2",
+    "prettier": "^2.7.1",
     "rimraf": "^3.0.2",
-    "sass": "^1.52.1",
+    "sass": "^1.55.0",
     "typescript": "^4.8.4",
-    "vite": "^3.0.9",
-    "vite-plugin-pwa": "^0.12.3",
-    "vite-plugin-solid": "^2.3.0",
-    "vite-tsconfig-paths": "^3.5.0",
+    "vite": "^3.1.8",
+    "vite-plugin-pwa": "^0.13.1",
+    "vite-plugin-solid": "^2.3.9",
+    "vite-tsconfig-paths": "^3.5.1",
     "workbox-core": "^6.5.4",
     "workbox-window": "^6.5.4"
   },
   "dependencies": {
-    "@auth0/auth0-spa-js": "1.22.2",
-    "@codeimage/api": "workspace:*",
-    "@codeimage/atomic-state": "workspace:*",
-    "@codeimage/config": "workspace:*",
-    "@codeimage/dom-export": "workspace:*",
-    "@codeimage/highlight": "workspace:*",
-    "@codeimage/locale": "workspace:*",
-    "@codeimage/prisma-models": "workspace:*",
-    "@codeimage/ui": "workspace:*",
-    "@codeimage/vanilla-extract": "workspace:*",
-    "@codemirror/autocomplete": "^6.1.0",
-    "@codemirror/commands": "^6.1.0",
+    "@auth0/auth0-spa-js": "1.22.5",
+    "@codeimage/api": "workspace:0.0.1",
+    "@codeimage/atomic-state": "workspace:0.1.0",
+    "@codeimage/config": "workspace:8.0.2",
+    "@codeimage/dom-export": "workspace:1.10.1",
+    "@codeimage/highlight": "workspace:0.10.2",
+    "@codeimage/locale": "workspace:0.6.1",
+    "@codeimage/prisma-models": "workspace:0.0.1",
+    "@codeimage/ui": "workspace:0.9.0",
+    "@codeimage/vanilla-extract": "workspace:0.1.0",
+    "@codemirror/autocomplete": "^6.3.0",
+    "@codemirror/commands": "^6.1.2",
     "@codemirror/lang-cpp": "^6.0.1",
     "@codemirror/lang-css": "^6.0.0",
-    "@codemirror/lang-html": "^6.1.0",
+    "@codemirror/lang-html": "^6.1.2",
     "@codemirror/lang-java": "^6.0.0",
-    "@codemirror/lang-javascript": "^6.0.2",
+    "@codemirror/lang-javascript": "^6.1.0",
     "@codemirror/lang-json": "^6.0.0",
-    "@codemirror/lang-markdown": "^6.0.1",
+    "@codemirror/lang-markdown": "^6.0.2",
     "@codemirror/lang-php": "^6.0.0",
-    "@codemirror/lang-python": "^6.0.1",
+    "@codemirror/lang-python": "^6.0.2",
     "@codemirror/lang-rust": "^6.0.0",
     "@codemirror/lang-sql": "^6.3.0",
     "@codemirror/language": "^6.2.1",
     "@codemirror/lint": "^6.0.0",
-    "@codemirror/search": "^6.2.0",
-    "@codemirror/state": "^6.1.1",
-    "@codemirror/view": "^6.2.1",
+    "@codemirror/search": "^6.2.1",
+    "@codemirror/state": "^6.1.2",
+    "@codemirror/view": "^6.3.1",
     "@floating-ui/core": "^1.0.1",
-    "@floating-ui/dom": "^1.0.1",
-    "@formatjs/intl-relativetimeformat": "11.1.2",
-    "@lezer/highlight": "^1.0.0",
-    "@lion/combobox": "^0.11.0",
-    "@lion/core": "^0.23.1",
-    "@lion/listbox": "^0.14.0",
-    "@motionone/solid": "^10.14.1",
+    "@floating-ui/dom": "^1.0.2",
+    "@formatjs/intl-relativetimeformat": "11.1.4",
+    "@lezer/highlight": "^1.1.1",
+    "@lion/combobox": "^0.11.1",
+    "@lion/core": "^0.24.0",
+    "@lion/listbox": "^0.14.1",
+    "@motionone/solid": "^10.14.2",
     "@ngneat/falso": "^6.1.0",
     "@solid-aria/button": "^0.1.3",
     "@solid-aria/collection": "^0.2.0",
     "@solid-aria/overlays": "^0.1.3",
-    "@solid-primitives/context": "^0.1.0",
-    "@solid-primitives/i18n": "^1.1.0",
-    "@solid-primitives/immutable": "^0.1.1",
+    "@solid-primitives/context": "^0.1.1",
+    "@solid-primitives/i18n": "^1.1.1",
+    "@solid-primitives/immutable": "^0.1.2",
     "@solid-primitives/platform": "^0.0.101",
-    "@solid-primitives/resize-observer": "^2.0.3",
-    "@solidjs/router": "^0.4.2",
-    "@thisbeyond/solid-dnd": "^0.7.1",
+    "@solid-primitives/resize-observer": "^2.0.4",
+    "@solidjs/router": "^0.5.0",
+    "@thisbeyond/solid-dnd": "0.7.2",
     "@vanilla-extract/css": "^1.9.1",
     "@vanilla-extract/dynamic": "^2.0.2",
     "@vanilla-extract/recipes": "^0.2.5",
     "@vanilla-extract/sprinkles": "^1.5.0",
     "bind-event-listener": "^2.1.1",
     "clsx": "^1.2.1",
-    "csstype": "^3.1.0",
+    "csstype": "^3.1.1",
     "downloadjs": "^1.4.7",
     "idb-keyval": "^6.2.0",
     "inter-ui": "^3.19.3",
     "modern-normalize": "^1.1.0",
     "polished": "^4.2.2",
-    "rxjs": "^7.5.6",
+    "rxjs": "^7.5.7",
     "solid-codemirror": "^2.0.2",
-    "solid-headless": "^0.11.1",
-    "solid-js": "^1.5.2",
+    "solid-headless": "^0.13.0",
+    "solid-js": "^1.5.7",
     "solid-use": "^0.5.0",
     "tinykeys": "^1.4.0",
-    "workbox-precaching": "^6.5.3",
-    "workbox-routing": "^6.5.3",
-    "workbox-strategies": "^6.5.3"
+    "workbox-precaching": "^6.5.4",
+    "workbox-routing": "^6.5.4",
+    "workbox-strategies": "^6.5.4"
   },
   "msw": {
     "workerDirectory": "public"

apps/codeimage/src/components/CustomEditor/CustomEditor.tsx

@@ -167,7 +167,7 @@ export default function CustomEditor(props: VoidProps<CustomEditorProps>) {
     });
 
   onMount(() => {
-    setRef(editorEl);
+    setRef(() => editorEl);
     import('./fix-cm-aria-roles-lighthouse').then(m => {
       if (!owner) return;
       runWithOwner(owner, () => m.fixCodeMirrorAriaRole(() => editorEl));

apps/codeimage/src/components/CustomEditor/CustomEditorPreview.tsx

@@ -87,7 +87,7 @@ export default function CustomEditorPreview(
   const reconfigure = createExtension(extensions());
 
   onMount(() => {
-    setEditorRef(editorEl);
+    setEditorRef(() => editorEl);
     import('./fix-cm-aria-roles-lighthouse').then(m => {
       if (!owner) return;
       runWithOwner(owner, () => m.fixCodeMirrorAriaRole(() => editorEl));

apps/codeimage/src/components/Frame/Frame.tsx

@@ -1,9 +1,9 @@
 import {Box, FadeInOutTransition} from '@codeimage/ui';
-import {assignInlineVars} from '@vanilla-extract/dynamic';
-import {ParentComponent, Show} from 'solid-js';
 import {exportExclude as _exportExclude} from '@core/directives/exportExclude';
 import {useModality} from '@core/hooks/isMobile';
 import {createHorizontalResize} from '@core/hooks/resizable';
+import {assignInlineVars} from '@vanilla-extract/dynamic';
+import {ParentComponent, Show} from 'solid-js';
 import * as styles from './Frame.css';
 
 export const exportExclude = _exportExclude;
@@ -63,7 +63,10 @@ export const Frame: ParentComponent<{
       </div>
 
       <FadeInOutTransition show={resizing()}>
-        <Box class={styles.resizeLine} use:exportExclude={true}>
+        <Box
+          class={styles.resizeLine}
+          ref={el => exportExclude(el, () => true)}
+        >
           <Box class={styles.resizeBadge}>{roundedWidth()}</Box>
           <hr class={styles.resizeLineDivider} />
         </Box>

apps/codeimage/src/components/KeyboardShortcuts/KeyboardShortcuts.tsx

@@ -108,7 +108,7 @@ export function KeyboardShortcuts(): JSXElement {
   });
 
   return (
-    <Popover>
+    <Popover defaultOpen={false}>
       <>
         <PopoverButton
           ref={floating.setReference}

apps/codeimage/src/components/Terminal/Tabs/Tab/WindowTab.tsx

@@ -50,14 +50,15 @@ export function WindowTab(props: VoidProps<WindowTabProps>) {
 
   return (
     <div
-      // @ts-expect-error Update solid-dnd
-      use:sortable
       use:exportExclude={props.exportExclude}
       class={styles.tab({
         accent: props.accentMode,
         active: props.active,
       })}
-      ref={ref}
+      ref={el => {
+        ref = el;
+        sortable(ref);
+      }}
       data-active-drag={sortable.isActiveDraggable}
       data-host-index={props.index}
       data-accent-visible={props.accentMode}

package.json

@@ -46,41 +46,43 @@
     "build:prod": "pnpm libs:build && pnpm --filter=@codeimage/app build",
     "changeset:pr": "changeset version && tsx scripts/sync-package.ts",
     "pre-commit": "lint-staged --relative",
+    "patch-solid-exports": "cross-env APPLY_PATCH=true tsx scripts/patch-solid-exports.ts",
+    "unpatch-solid-exports": "cross-env APPLY_PATCH=false tsx scripts/patch-solid-exports.ts",
     "pre-commit-prettier": "prettier --write",
     "pre-commit-eslint": "eslint --ext .js,.jsx,.mjs,.ts,.tsx -c .eslintrc.js --fix",
     "prepare:env": "tsx ./scripts/make-env.ts",
     "prepare:env:codesandbox": "RUN_ON_CODESANDBOX=true tsx ./scripts/make-env",
     "prepare:api:deploy": "pnpm-bundle-workspace-package @codeimage/api --outDir=dist/api-bundle && rm -rf dist/api-bundle/workspace-dependencies/prisma-models/.gitignore"
   },
   "devDependencies": {
-    "@changesets/assemble-release-plan": "^5.1.2",
-    "@changesets/changelog-github": "^0.4.4",
-    "@changesets/cli": "^2.22.0",
-    "@changesets/config": "^1.7.0",
-    "@changesets/pre": "^1.0.11",
-    "@changesets/read": "^0.5.5",
-    "@commitlint/cli": "16.2.3",
-    "@commitlint/config-angular": "16.2.3",
-    "@commitlint/config-conventional": "^16.2.4",
-    "@types/node": "^17.0.40",
-    "@types/prettier": "^2.6.3",
-    "@typescript-eslint/eslint-plugin": "^5.27.0",
-    "@typescript-eslint/parser": "^5.27.0",
-    "chalk": "4.1.2",
+    "@changesets/assemble-release-plan": "^5.2.2",
+    "@changesets/changelog-github": "^0.4.7",
+    "@changesets/cli": "^2.25.0",
+    "@changesets/config": "^2.2.0",
+    "@changesets/pre": "^1.0.13",
+    "@changesets/read": "^0.5.8",
+    "@commitlint/cli": "17.1.2",
+    "@commitlint/config-angular": "17.1.0",
+    "@commitlint/config-conventional": "^17.1.0",
+    "@types/node": "^18.11.0",
+    "@types/prettier": "^2.7.1",
+    "@typescript-eslint/eslint-plugin": "^5.40.0",
+    "@typescript-eslint/parser": "^5.40.0",
+    "chalk": "5.1.2",
     "cross-env": "^7.0.3",
     "enquirer": "2.3.6",
-    "eslint": "^8.17.0",
+    "eslint": "^8.25.0",
     "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-solid": "^0.4.7",
-    "husky": "7.0.4",
-    "lint-staged": "^12.5.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-solid": "^0.7.3",
+    "husky": "8.0.1",
+    "lint-staged": "^13.0.3",
     "pnpm-bundle-workspace-package": "^1.0.2",
-    "prettier": "^2.6.2",
+    "prettier": "^2.7.1",
     "tslib": "^2.4.0",
-    "tsx": "^3.9.0",
+    "tsx": "^3.10.1",
     "typescript": "^4.8.4",
-    "vite": "^3.0.9"
+    "vite": "^3.1.8"
   },
   "engines": {
     "pnpm": ">=7"

packages/atomic-state/package.json

@@ -5,6 +5,7 @@
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
+  "type": "module",
   "files": [
     "dist"
   ],
@@ -35,13 +36,13 @@
     "solid-js": "^1.5.2"
   },
   "devDependencies": {
-    "@types/node": "^18.7.13",
-    "rollup": "^2.78.1",
+    "@types/node": "^18.11.0",
+    "rollup": "^2.79.1",
     "rollup-preset-solid": "^1.4.0",
-    "rxjs": "^7.5.6",
-    "solid-js": "^1.5.2",
-    "vite": "^3.0.9",
-    "vite-plugin-dts": "^1.4.1",
-    "vite-plugin-solid": "^2.3.0"
+    "rxjs": "^7.5.7",
+    "solid-js": "^1.5.7",
+    "vite": "^3.1.8",
+    "vite-plugin-dts": "^1.6.6",
+    "vite-plugin-solid": "^2.3.9"
   }
 }