PS E:\cf-projects> npm create cloudflare@latest

using create-cloudflare version 2.21.3

╭ Create an application with Cloudflare Step 1 of 3
│
├ In which directory do you want to create your application?
│ dir ./alterion-dev
│
├ What type of application do you want to create?
│ type Website or web app
│
├ Which development framework do you want to use?
│ framework Solid
│
├ Continue with Solid via `npx create-solid@0.5.5 -p alterion-dev -s`
│

npm ERR! code ENOENT
npm ERR! syscall lstat
npm ERR! path C:\Users\eslac\AppData\Roaming\npm
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\eslac\AppData\Roaming\npm'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

npm ERR! A complete log of this run can be found in: C:\Users\eslac\AppData\Local\npm-cache\_logs\2024-05-28T02_57_29_983Z-debug-0.log
╰  ERROR  Error
npm ERR! code 1
npm ERR! path E:\cf-projects
npm ERR! command failed
npm ERR! command C:\Windows\system32\cmd.exe /d /s /c create-cloudflare

npm ERR! A complete log of this run can be found in: C:\Users\eslac\AppData\Local\npm-cache\_logs\2024-05-28T02_56_57_300Z-debug-0.log
PS E:\cf-projects>

PS E:\cf-projects> npm create cloudflare@latest

using create-cloudflare version 2.21.3

╭ Create an application with Cloudflare Step 1 of 3
│
├ In which directory do you want to create your application?
│ dir ./alterion-dev
│
├ What type of application do you want to create?
│ type Website or web app
│
├ Which development framework do you want to use?
│ framework Solid
│
├ Continue with Solid via `npx create-solid@0.5.5 -p alterion-dev -s`
│

npm ERR! code ENOENT
npm ERR! syscall lstat
npm ERR! path C:\Users\eslac\AppData\Roaming\npm
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\eslac\AppData\Roaming\npm'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

npm ERR! A complete log of this run can be found in: C:\Users\eslac\AppData\Local\npm-cache\_logs\2024-05-28T02_57_29_983Z-debug-0.log
╰  ERROR  Error
npm ERR! code 1
npm ERR! path E:\cf-projects
npm ERR! command failed
npm ERR! command C:\Windows\system32\cmd.exe /d /s /c create-cloudflare

npm ERR! A complete log of this run can be found in: C:\Users\eslac\AppData\Local\npm-cache\_logs\2024-05-28T02_56_57_300Z-debug-0.log
PS E:\cf-projects>

   <script>
     globalThis.import_meta_env = JSON.parse('"import_meta_env_placeholder"');
     console.log(import_meta_env); // import_meta_env_placeholder
   </script>

   <script>
     globalThis.import_meta_env = JSON.parse('"import_meta_env_placeholder"');
     console.log(import_meta_env); // import_meta_env_placeholder
   </script>

The reactive variable 'head' should be wrapped in a function for reactivity. This includes event handler bindings on native elements, which are not reactive like other JSX props.

The reactive variable 'head' should be wrapped in a function for reactivity. This includes event handler bindings on native elements, which are not reactive like other JSX props.

export const Program = (props) => {
  const { showProgram } = useResult()
  const head = () => props.majors[0]
  return (
    <a onClick={[showProgram, head().program.id]} >
      <span class="i-mdi-eye mr-2 ml-1" />
      Unhide
    </a>
  )
}

export const Program = (props) => {
  const { showProgram } = useResult()
  const head = () => props.majors[0]
  return (
    <a onClick={[showProgram, head().program.id]} >
      <span class="i-mdi-eye mr-2 ml-1" />
      Unhide
    </a>
  )
}

export const FilteringDropdown = (props) => {
  const [isShown, setIsShown] = createSignal(false)
  return (
    <div class="relative">
      <button class="border-0 bg-transparent cursor-pointer m-0 p-2 whitespace-nowrap" onClick={() => setIsShown(!isShown())}>
        <span class={`px-2 h-[24px] w-[24px] ${props.icon}`}></span>
        {props.title}
        <span class="h-[24px] w-[24px] i-material-symbols-keyboard-arrow-down"></span>
      </button>
      {isShown() && <div class="absolute top-10 left-0 w-lg bg-white border-1">FILTERS!</div>}
    </div>
  )
}

export const FilteringDropdown = (props) => {
  const [isShown, setIsShown] = createSignal(false)
  return (
    <div class="relative">
      <button class="border-0 bg-transparent cursor-pointer m-0 p-2 whitespace-nowrap" onClick={() => setIsShown(!isShown())}>
        <span class={`px-2 h-[24px] w-[24px] ${props.icon}`}></span>
        {props.title}
        <span class="h-[24px] w-[24px] i-material-symbols-keyboard-arrow-down"></span>
      </button>
      {isShown() && <div class="absolute top-10 left-0 w-lg bg-white border-1">FILTERS!</div>}
    </div>
  )
}