Rename start package to cookies

Author: thetarnav

packages/start/LICENSE packages/cookies/LICENSEpackages/start/LICENSE renamed to packages/cookies/LICENSE

@@ -0,0 +1,79 @@
+<p>
+  <img width="100%" src="https://assets.solidjs.com/banner?type=Primitives&background=tiles&project=cookies" alt="Solid Primitives cookies">
+</p>
+
+# @solid-primitives/cookies
+
+[![turborepo](https://img.shields.io/badge/built%20with-turborepo-cc00ff.svg?style=for-the-badge&logo=turborepo)](https://turborepo.org/)
+[![size](https://img.shields.io/bundlephobia/minzip/@solid-primitives/cookies?style=for-the-badge&label=size)](https://bundlephobia.com/package/@solid-primitives/cookies)
+[![version](https://img.shields.io/npm/v/@solid-primitives/cookies?style=for-the-badge)](https://www.npmjs.com/package/@solid-primitives/cookies)
+[![stage](https://img.shields.io/endpoint?style=for-the-badge&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-0.json)](https://github.com/solidjs-community/solid-primitives#contribution-process)
+
+A set of primitives for handling cookies in solid
+
+- [`createServerCookie`](#createservercookie) - Provides a getter and setter for a reactive cookie, which works isomorphically.
+- [`createUserTheme`](#createusertheme) - Creates a Server Cookie providing a type safe way to store a theme and access it on the server or client.
+
+## Installation
+
+```bash
+npm install @solid-primitives/cookies
+# or
+yarn add @solid-primitives/cookies
+# or
+pnpm add @solid-primitives/cookies
+```
+
+## How to use it
+
+## `createServerCookie`
+
+A primitive for creating a cookie that can be accessed isomorphically on the client, or the server.
+
+```ts
+const [cookie, setCookie] = createServerCookie("cookieName");
+
+cookie(); // => string | undefined
+```
+
+### Custom serialization
+
+Custom cookie serializers and deserializers can also be implemented
+
+```ts
+const [serverCookie, setServerCookie] = createServerCookie("coolCookie", {
+  deserialize: str => (str ? str.split(" ") : []), // Deserializes cookie into a string[]
+  serialize: val => (val ? val.join(" ") : ""), // serializes the value back into a string
+});
+
+serverCookie(); // => string[]
+```
+
+## `createUserTheme`
+
+Composes `createServerCookie` to provide a type safe way to store a theme and access it on the server or client.
+
+```ts
+const [theme, setTheme] = createUserTheme("cookieName");
+
+theme(); // => "light" | "dark" | undefined
+
+// with default value
+const [theme, setTheme] = createUserTheme("cookieName", {
+  defaultValue: "light",
+});
+
+theme(); // => "light" | "dark"
+```
+
+## Examples
+
+Coming soon
+
+## Demo
+
+You can view a demo of this primitive here: <https://codesandbox.io/p/sandbox/amazing-easley-wqk38i?file=%2Fsrc%2Fcookies_primitive%2Findex.ts%3A36%2C20>
+
+## Changelog
+
+See [CHANGELOG.md](./CHANGELOG.md)

packages/cookies/README.md

@@ -0,0 +1,20 @@
+import { Component, createSignal } from "solid-js";
+
+const App: Component = () => {
+  const [count, setCount] = createSignal(0);
+  const increment = () => setCount(count() + 1);
+
+  return (
+    <div class="box-border flex min-h-screen w-full flex-col items-center justify-center space-y-4 bg-gray-800 p-24 text-white">
+      <div class="wrapper-v">
+        <h4>Counter component</h4>
+        <p class="caption">it's very important...</p>
+        <button class="btn" onClick={increment}>
+          {count()}
+        </button>
+      </div>
+    </div>
+  );
+};
+
+export default App;

packages/cookies/dev/index.tsx

@@ -1,13 +1,14 @@
 {
-  "name": "@solid-primitives/start",
-  "version": "0.0.4",
-  "description": "A set of primitives for Solid Start",
-  "author": "Thomas",
+  "name": "@solid-primitives/cookies",
+  "version": "0.0.1",
+  "description": "A set of primitives for handling cookies in solid",
+  "author": "Thomas Beer (https://github.com/Tommypop2)",
   "contributors": [
-    "Damian Tarnawski <gthetarnav@gmail.com>"
+    "Damian Tarnawski <gthetarnav@gmail.com>",
+    "Seth Murphy (https://github.com/eagerestwolf)"
   ],
   "license": "MIT",
-  "homepage": "https://primitives.solidjs.community/package/start",
+  "homepage": "https://primitives.solidjs.community/package/cookies",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/solidjs-community/solid-primitives.git"
@@ -16,7 +17,7 @@
     "url": "https://github.com/solidjs-community/solid-primitives/issues"
   },
   "primitive": {
-    "name": "start",
+    "name": "cookies",
     "stage": 0,
     "list": [
       "createServerCookie",
@@ -27,7 +28,6 @@
   "keywords": [
     "solid",
     "primitives",
-    "solid-start",
     "ssr"
   ],
   "private": false,
@@ -59,11 +59,9 @@
     "test:ssr": "pnpm run vitest --mode ssr"
   },
   "peerDependencies": {
-    "solid-js": "^1.6.12",
-    "solid-start": ">=0.2.26"
+    "solid-js": "^1.8.18"
   },
   "devDependencies": {
-    "solid-js": "^1.8.7",
-    "solid-start": "^0.3.10"
+    "solid-js": "^1.8.18"
   }
 }

packages/start/package.json packages/cookies/package.jsonpackages/start/package.json renamed to packages/cookies/package.json

@@ -1,7 +1,5 @@
 import { createSignal, createEffect, Signal } from "solid-js";
-import { isServer } from "solid-js/web";
-import { parseCookie } from "solid-start";
-import { useRequest } from "solid-start/server/ServerContext.jsx";
+import { getRequestEvent, isServer } from "solid-js/web";
 
 export type MaxAgeOptions = {
   /**
@@ -23,6 +21,18 @@ export type ServerCookieOptions<T = string> = MaxAgeOptions & {
 
 const YEAR = 365 * 24 * 60 * 60;
 
+/*
+ Original code by Chakra UI
+ MIT Licensed, Copyright (c) 2019 Segun Adebayo.
+
+ Credits to the Chakra UI team:
+ https://github.com/chakra-ui/chakra-ui/blob/%40chakra-ui/toast%401.2.0/packages/color-mode/src/storage-manager.ts
+*/
+
+export function parseCookie(cookie: string, key: string): string | undefined {
+  return cookie.match(new RegExp(`(^| )${key}=([^;]+)`))?.[2];
+}
+
 /**
  * A primitive for creating a cookie that can be accessed isomorphically on the client, or the server
  *
@@ -53,9 +63,10 @@ export function createServerCookie<T>(
 
   const [cookie, setCookie] = createSignal(
     deserialize(
-      parseCookie(isServer ? (useRequest().request.headers.get("cookie") ?? "") : document.cookie)[
-        name
-      ],
+      parseCookie(
+        isServer ? getRequestEvent()?.request.headers.get("cookie") ?? "" : document.cookie,
+        name,
+      ),
     ),
   );
 

packages/start/src/index.ts packages/cookies/src/index.tspackages/start/src/index.ts renamed to packages/cookies/src/index.ts

@@ -0,0 +1,19 @@
+import { describe, test, expect } from "vitest";
+import { createRoot } from "solid-js";
+import { createPrimitiveTemplate } from "../src/index.js";
+
+describe("createPrimitiveTemplate", () => {
+  test("createPrimitiveTemplate return values", () => {
+    const { value, setValue, dispose } = createRoot(dispose => {
+      const [value, setValue] = createPrimitiveTemplate(true);
+      expect(value(), "initial value should be true").toBe(true);
+
+      return { value, setValue, dispose };
+    });
+
+    setValue(false);
+    expect(value(), "value after change should be false").toBe(false);
+
+    dispose();
+  });
+});

packages/cookies/test/index.test.ts

@@ -0,0 +1,9 @@
+import { describe, test, expect } from "vitest";
+import { createPrimitiveTemplate } from "../src/index.js";
+
+describe("createPrimitiveTemplate", () => {
+  test("doesn't break in SSR", () => {
+    const [value, setValue] = createPrimitiveTemplate(true);
+    expect(value(), "initial value should be true").toBe(true);
+  });
+});