@texonom/nreact 1.4.7 → 1.5.1

package/build/third-party/equation.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-import { EquationBlock } from '@texonom/ntypes';
-export declare const Equation: React.FC<{
-    block: EquationBlock;
-    math?: string;
-    inline?: boolean;
-    className?: string;
-}>;
+import { default as React } from 'react';
+import { EquationBlock } from '@texonom/ntypes';
+export declare const Equation: React.FC<{
+    block: EquationBlock;
+    math?: string;
+    inline?: boolean;
+    className?: string;
+}>;
 //# sourceMappingURL=equation.d.ts.map

package/build/third-party/equation.js

@@ -1,34 +1,44 @@
-import {
-  useNotionContext
-} from "../chunk-YMM43AZ3.js";
-import {
-  __objRest,
-  __spreadValues
-} from "../chunk-C6BUIPAM.js";
-
-// src/third-party/equation.tsx
-import React from "react";
-import Katex from "@matejmazur/react-katex";
-import { getBlockTitle } from "@texonom/nutils";
-var katexSettings = {
-  throwOnError: false,
-  strict: false
+var x = Object.defineProperty;
+var r = Object.getOwnPropertySymbols;
+var s = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
+var a = (o, t, e) => t in o ? x(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, c = (o, t) => {
+  for (var e in t || (t = {}))
+    s.call(t, e) && a(o, e, t[e]);
+  if (r)
+    for (var e of r(t))
+      l.call(t, e) && a(o, e, t[e]);
+  return o;
 };
-var Equation = (_a) => {
-  var _b = _a, { block, math, inline = false, className } = _b, rest = __objRest(_b, ["block", "math", "inline", "className"]);
-  const { recordMap } = useNotionContext();
-  math = math || getBlockTitle(block, recordMap);
-  if (!math) return null;
-  return /* @__PURE__ */ React.createElement(
+var u = (o, t) => {
+  var e = {};
+  for (var n in o)
+    s.call(o, n) && t.indexOf(n) < 0 && (e[n] = o[n]);
+  if (o != null && r)
+    for (var n of r(o))
+      t.indexOf(n) < 0 && l.call(o, n) && (e[n] = o[n]);
+  return e;
+};
+import f from "react";
+import q from "@matejmazur/react-katex";
+import { getBlockTitle as E } from "@texonom/nutils";
+import { u as b } from "../asset-wrapper-CmbIDPIw.js";
+const g = {
+  throwOnError: !1,
+  strict: !1
+}, C = (k) => {
+  var i = k, { block: o, math: t, inline: e = !1, className: n } = i, m = u(i, ["block", "math", "inline", "className"]);
+  const { recordMap: p } = b();
+  return t = t || E(o, p), t ? /* @__PURE__ */ f.createElement(
     "span",
     {
       role: "button",
       tabIndex: 0,
-      className: `notion-equation ${inline ? "notion-equation-inline" : "notion-equation-block"} ${className || ""}`
+      className: `notion-equation ${e ? "notion-equation-inline" : "notion-equation-block"} ${n || ""}`
     },
-    /* @__PURE__ */ React.createElement(Katex, __spreadValues({ math, settings: katexSettings }, rest))
-  );
+    /* @__PURE__ */ f.createElement(q, c({ math: t, settings: g }, m))
+  ) : null;
 };
 export {
-  Equation
+  C as Equation
 };
+//# sourceMappingURL=equation.js.map

package/build/third-party/equation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"equation.js","sources":["../../src/third-party/equation.tsx"],"sourcesContent":["import React from 'react'\n\nimport Katex from '@matejmazur/react-katex'\nimport { EquationBlock } from '@texonom/ntypes'\nimport { getBlockTitle } from '@texonom/nutils'\n\nimport { useNotionContext } from '../context'\n\nconst katexSettings = {\n  throwOnError: false,\n  strict: false\n}\n\nexport const Equation: React.FC<{\n  block: EquationBlock\n  math?: string\n  inline?: boolean\n  className?: string\n}> = ({ block, math, inline = false, className, ...rest }) => {\n  const { recordMap } = useNotionContext()\n  math = math || getBlockTitle(block, recordMap)\n  if (!math) return null\n\n  return (\n    <span\n      role='button'\n      tabIndex={0}\n      className={`notion-equation ${inline ? 'notion-equation-inline' : 'notion-equation-block'} ${className || ''}`}>\n      <Katex math={math} settings={katexSettings} {...rest} />\n    </span>\n  )\n}\n"],"names":["katexSettings","Equation","_a","_b","block","math","inline","className","rest","__objRest","recordMap","useNotionContext","getBlockTitle","React","Katex","__spreadValues"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAMA,IAAgB;AAAA,EACpB,cAAc;AAAA,EACd,QAAQ;AACV,GAEaC,IAKR,CAACC,MAAwD;AAAxD,MAAAC,IAAAD,GAAE,SAAAE,GAAO,MAAAC,GAAM,QAAAC,IAAS,IAAO,WAAAC,MAA/BJ,GAA6CK,IAAAC,EAA7CN,GAA6C,CAA3C,SAAO,QAAM,UAAgB;AACnC,QAAM,EAAE,WAAAO,EAAA,IAAcC,EAAA;AAEtB,SADAN,IAAOA,KAAQO,EAAcR,GAAOM,CAAS,GACxCL,IAGH,gBAAAQ,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAW,mBAAmBP,IAAS,2BAA2B,uBAAuB,IAAIC,KAAa,EAAE;AAAA,IAAA;AAAA,oCAC3GO,GAAAC,EAAA,EAAM,MAAAV,GAAY,UAAUL,KAAmBQ,EAAM;AAAA,EAAA,IAPxC;AAUpB;"}

package/build/third-party/eval-formula.d.ts

@@ -1,21 +1,21 @@
-import type { PropertyMap, CollectionPropertySchemaMap, Formula, FormulaResult } from '@texonom/ntypes';
-export interface EvalFormulaContext {
-    properties: PropertyMap;
-    schema: CollectionPropertySchemaMap;
-    endDate?: boolean;
-}
-/**
- * Evaluates a Notion formula expression to a result value.
- *
- * All built-in functions and operators are supported.
- *
- * NOTE: this needs a lot more testing, especially around covering all the different
- * function types and coercing different property values correctly.
- *
- * It does work for many of our test cases, however.
- *
- * @param formula - Formula to evaluate.
- * @param context - Collection context containing property schema and values.
- */
-export declare function evalFormula(formula: Formula, context: EvalFormulaContext): FormulaResult;
+import { PropertyMap, CollectionPropertySchemaMap, Formula, FormulaResult } from '@texonom/ntypes';
+export interface EvalFormulaContext {
+    properties: PropertyMap;
+    schema: CollectionPropertySchemaMap;
+    endDate?: boolean;
+}
+/**
+ * Evaluates a Notion formula expression to a result value.
+ *
+ * All built-in functions and operators are supported.
+ *
+ * NOTE: this needs a lot more testing, especially around covering all the different
+ * function types and coercing different property values correctly.
+ *
+ * It does work for many of our test cases, however.
+ *
+ * @param formula - Formula to evaluate.
+ * @param context - Collection context containing property schema and values.
+ */
+export declare function evalFormula(formula: Formula, context: EvalFormulaContext): FormulaResult;
 //# sourceMappingURL=eval-formula.d.ts.map

package/build/third-party/modal.d.ts

@@ -1,3 +1,3 @@
-import Modal from 'react-modal';
-export { Modal };
+import { default as Modal } from 'react-modal';
+export { Modal };
 //# sourceMappingURL=modal.d.ts.map

package/build/third-party/modal.js

@@ -1,7 +1,5 @@
-import "../chunk-C6BUIPAM.js";
-
-// src/third-party/modal.tsx
-import Modal from "react-modal";
+import { default as d } from "react-modal";
 export {
-  Modal
+  d as Modal
 };
+//# sourceMappingURL=modal.js.map

package/build/third-party/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/build/third-party/pdf.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-export declare const Pdf: React.FC<{
-    file: string;
-}>;
+import { default as React } from 'react';
+export declare const Pdf: React.FC<{
+    file: string;
+}>;
 //# sourceMappingURL=pdf.d.ts.map

package/build/third-party/property.d.ts

@@ -1,22 +1,22 @@
-import React from 'react';
-import type { CollectionPropertySchema, Decoration, Block, Collection } from '@texonom/ntypes';
-export interface IPropertyProps {
-    propertyId?: string;
-    schema?: CollectionPropertySchema;
-    data?: Decoration[];
-    block?: Block;
-    collection?: Collection;
-    inline?: boolean;
-    linkToTitlePage?: boolean;
-    pageHeader?: boolean;
-}
-/**
- * Renders a single value of structured Notion data according to its schema.
- *
- * This corresponds to rendering the content of a single cell in a table.
- * Property rendering is re-used across all the different types of collection views.
- */
-export declare const Property: React.FC<IPropertyProps>;
-export declare const PropertyImpl: React.FC<IPropertyProps>;
-export declare const PropertyImplMemo: React.NamedExoticComponent<IPropertyProps>;
+import { default as React } from 'react';
+import { CollectionPropertySchema, Decoration, Block, Collection } from '@texonom/ntypes';
+export interface IPropertyProps {
+    propertyId?: string;
+    schema?: CollectionPropertySchema;
+    data?: Decoration[];
+    block?: Block;
+    collection?: Collection;
+    inline?: boolean;
+    linkToTitlePage?: boolean;
+    pageHeader?: boolean;
+}
+/**
+ * Renders a single value of structured Notion data according to its schema.
+ *
+ * This corresponds to rendering the content of a single cell in a table.
+ * Property rendering is re-used across all the different types of collection views.
+ */
+export declare const Property: React.FC<IPropertyProps>;
+export declare const PropertyImpl: React.FC<IPropertyProps>;
+export declare const PropertyImplMemo: React.NamedExoticComponent<IPropertyProps>;
 //# sourceMappingURL=property.d.ts.map

package/build/types.d.ts

@@ -1,94 +1,94 @@
-import React from 'react';
-import type { ExtendedRecordMap, Block, SearchParams, SearchResults, CollectionView, CollectionQueryResult, PageBlock, CollectionCardCover, CollectionCardCoverSize, CollectionCardCoverAspect, PropertyID, Collection, CodeBlock } from '@texonom/ntypes';
-export type MapPageUrlFn = (pageId: string, recordMap?: ExtendedRecordMap | undefined) => string;
-export type MapImageUrlFn = (url: string, block: Block) => string;
-export type SearchNotionFn = (params: SearchParams) => Promise<SearchResults>;
-export type ComponentOverrideFn = (props: any, defaultValueFn: () => React.ReactNode) => any;
-export interface NotionComponents {
-    Image: React.ComponentType<{
-        [prop: string]: unknown;
-    }>;
-    Link: React.ComponentType<{
-        [prop: string]: unknown;
-    }>;
-    PageLink: React.ComponentType<{
-        [prop: string]: unknown;
-    }>;
-    Checkbox: React.FC<{
-        isChecked: boolean;
-        blockId: string;
-    }>;
-    Code: React.ComponentType<{
-        block: CodeBlock;
-    }>;
-    Equation: any;
-    Callout?: React.ComponentType<{
-        [prop: string]: unknown;
-    }>;
-    Collection: any;
-    Property?: React.ComponentType<{
-        [prop: string]: unknown;
-    }>;
-    propertyTextValue: ComponentOverrideFn;
-    propertySelectValue: ComponentOverrideFn;
-    propertyRelationValue: ComponentOverrideFn;
-    propertyFormulaValue: ComponentOverrideFn;
-    propertyTitleValue: ComponentOverrideFn;
-    propertyPersonValue: ComponentOverrideFn;
-    propertyFileValue: ComponentOverrideFn;
-    propertyCheckboxValue: ComponentOverrideFn;
-    propertyUrlValue: ComponentOverrideFn;
-    propertyEmailValue: ComponentOverrideFn;
-    propertyPhoneNumberValue: ComponentOverrideFn;
-    propertyNumberValue: ComponentOverrideFn;
-    propertyLastEditedTimeValue: ComponentOverrideFn;
-    propertyCreatedTimeValue: ComponentOverrideFn;
-    propertyDateValue: ComponentOverrideFn;
-    Pdf: React.ComponentType<{
-        [prop: string]: unknown;
-    }>;
-    Tweet: React.ComponentType<{
-        [prop: string]: unknown;
-    }>;
-    Modal: React.ComponentType<{
-        [prop: string]: unknown;
-    }>;
-    Embed: React.ComponentType<{
-        [prop: string]: unknown;
-    }>;
-    Header: React.ComponentType<{
-        [prop: string]: unknown;
-    }>;
-    nextImage?: any;
-    nextLink?: any;
-}
-export interface CollectionViewProps {
-    collection: Collection;
-    collectionView: CollectionView;
-    collectionData: CollectionQueryResult;
-    padding?: number;
-    width?: number;
-}
-export interface CollectionCardProps {
-    collection: Collection;
-    block: PageBlock;
-    cover: CollectionCardCover;
-    coverSize: CollectionCardCoverSize;
-    coverAspect: CollectionCardCoverAspect;
-    properties?: Array<{
-        property: PropertyID;
-        visible: boolean;
-    }>;
-    className?: string;
-}
-export interface CollectionGroupProps {
-    collection: Collection;
-    collectionViewComponent: React.ElementType;
-    collectionGroup: any;
-    hidden: boolean;
-    schema: any;
-    value: any;
-    summaryProps: any;
-    detailsProps: any;
-}
+import { default as React } from 'react';
+import { ExtendedRecordMap, Block, SearchParams, SearchResults, CollectionView, CollectionQueryResult, PageBlock, CollectionCardCover, CollectionCardCoverSize, CollectionCardCoverAspect, PropertyID, Collection, CodeBlock } from '@texonom/ntypes';
+export type MapPageUrlFn = (pageId: string, recordMap?: ExtendedRecordMap | undefined) => string;
+export type MapImageUrlFn = (url: string, block: Block) => string;
+export type SearchNotionFn = (params: SearchParams) => Promise<SearchResults>;
+export type ComponentOverrideFn = (props: any, defaultValueFn: () => React.ReactNode) => any;
+export interface NotionComponents {
+    Image: React.ComponentType<{
+        [prop: string]: unknown;
+    }>;
+    Link: React.ComponentType<{
+        [prop: string]: unknown;
+    }>;
+    PageLink: React.ComponentType<{
+        [prop: string]: unknown;
+    }>;
+    Checkbox: React.FC<{
+        isChecked: boolean;
+        blockId: string;
+    }>;
+    Code: React.ComponentType<{
+        block: CodeBlock;
+    }>;
+    Equation: any;
+    Callout?: React.ComponentType<{
+        [prop: string]: unknown;
+    }>;
+    Collection: any;
+    Property?: React.ComponentType<{
+        [prop: string]: unknown;
+    }>;
+    propertyTextValue: ComponentOverrideFn;
+    propertySelectValue: ComponentOverrideFn;
+    propertyRelationValue: ComponentOverrideFn;
+    propertyFormulaValue: ComponentOverrideFn;
+    propertyTitleValue: ComponentOverrideFn;
+    propertyPersonValue: ComponentOverrideFn;
+    propertyFileValue: ComponentOverrideFn;
+    propertyCheckboxValue: ComponentOverrideFn;
+    propertyUrlValue: ComponentOverrideFn;
+    propertyEmailValue: ComponentOverrideFn;
+    propertyPhoneNumberValue: ComponentOverrideFn;
+    propertyNumberValue: ComponentOverrideFn;
+    propertyLastEditedTimeValue: ComponentOverrideFn;
+    propertyCreatedTimeValue: ComponentOverrideFn;
+    propertyDateValue: ComponentOverrideFn;
+    Pdf: React.ComponentType<{
+        [prop: string]: unknown;
+    }>;
+    Tweet: React.ComponentType<{
+        [prop: string]: unknown;
+    }>;
+    Modal: React.ComponentType<{
+        [prop: string]: unknown;
+    }>;
+    Embed: React.ComponentType<{
+        [prop: string]: unknown;
+    }>;
+    Header: React.ComponentType<{
+        [prop: string]: unknown;
+    }>;
+    nextImage?: any;
+    nextLink?: any;
+}
+export interface CollectionViewProps {
+    collection: Collection;
+    collectionView: CollectionView;
+    collectionData: CollectionQueryResult;
+    padding?: number;
+    width?: number;
+}
+export interface CollectionCardProps {
+    collection: Collection;
+    block: PageBlock;
+    cover: CollectionCardCover;
+    coverSize: CollectionCardCoverSize;
+    coverAspect: CollectionCardCoverAspect;
+    properties?: Array<{
+        property: PropertyID;
+        visible: boolean;
+    }>;
+    className?: string;
+}
+export interface CollectionGroupProps {
+    collection: Collection;
+    collectionViewComponent: React.ElementType;
+    collectionGroup: any;
+    hidden: boolean;
+    schema: any;
+    value: any;
+    summaryProps: any;
+    detailsProps: any;
+}
 //# sourceMappingURL=types.d.ts.map

package/build/utils.d.ts

@@ -1,7 +1,7 @@
-import { BlockMap } from '@texonom/ntypes';
-export { isUrl, formatDate, formatNotionDateTime } from '@texonom/nutils';
-export declare const getListNumber: (blockId: string, blockMap: BlockMap) => number;
-export declare const getHashFragmentValue: (url: string) => string;
-export declare const isBrowser: boolean;
-export declare const getYoutubeId: (url: string) => string | null;
+import { BlockMap } from '@texonom/ntypes';
+export { isUrl, formatDate, formatNotionDateTime } from '@texonom/nutils';
+export declare const getListNumber: (blockId: string, blockMap: BlockMap) => number;
+export declare const getHashFragmentValue: (url: string) => string;
+export declare const isBrowser: boolean;
+export declare const getYoutubeId: (url: string) => string | null;
 //# sourceMappingURL=utils.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@texonom/nreact",
-  "version": "1.4.7",
+  "version": "1.5.1",
   "type": "module",
   "description": "Fast and accurate React renderer for Notion.",
   "repository": "texonom/notion-node",
@@ -15,32 +15,32 @@
     "src/styles.css"
   ],
   "engines": {
-    "node": ">=22.16.0"
+    "node": ">=22.22.0"
   },
   "dependencies": {
     "@fisch0920/medium-zoom": "^1.0.7",
     "@matejmazur/react-katex": "^3.1.3",
-    "katex": "^0.16.22",
+    "katex": "^0.16.28",
     "prismjs": "^1.30.0",
     "react-fast-compare": "^3.2.2",
-    "react-hotkeys-hook": "^5.1.0",
+    "react-hotkeys-hook": "^5.2.4",
     "react-image": "^4.1.0",
     "react-modal": "^3.16.3",
-    "react-pdf": "^9.2.1",
+    "react-pdf": "^10.3.0",
     "react-use": "^17.6.0",
-    "@texonom/ntypes": "^1.4.7",
-    "@texonom/nutils": "^1.4.7"
+    "@texonom/ntypes": "^1.5.1",
+    "@texonom/nutils": "^1.5.1"
   },
   "devDependencies": {
     "@types/lodash.throttle": "^4.1.9",
-    "@types/node": "^22.15.30",
-    "@types/react": "^19.1.6",
+    "@types/node": "^22.19.11",
+    "@types/react": "^19.2.14",
     "clipboard-copy": "^4.0.1",
     "date-fns": "^2.30.0",
     "format-number": "^3.0.0",
     "lodash.throttle": "^4.1.1",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0"
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4"
   },
   "peerDependencies": {
     "react": ">=16",
@@ -53,8 +53,8 @@
     }
   },
   "scripts": {
-    "build": "tsc && tsup",
-    "watch": "tsup --watch --silent --onSuccess 'echo build successful'",
+    "build": "tsc && vite build",
+    "watch": "vite build --watch --mode development",
     "prerelease": "standard-version --skip.changelog --prerelease",
     "release": "standard-version --release-as",
     "pu": "pnpm publish"

package/readme.md

@@ -0,0 +1,59 @@
+# React Notion X
+
+Fast and accurate React renderer for Notion.
+
+[![NPM](https://img.shields.io/npm/v/@texonom/nreact.svg)](https://www.npmjs.com/package/@texonom/nreact) [![Build Status](https://github.com/texonom/notion-node/actions/workflows/test.yml/badge.svg)](https://github.com/texonom/notion-node/actions/workflows/test.yml) [![Prettier Code Formatting](https://img.shields.io/badge/code_style-prettier-brightgreen.svg)](https://prettier.io)
+
+## Features
+
+- Render pages from `@texonom/nclient` or `@texonom/ncompat` record maps
+- Built-in search dialog and Table of Contents
+- Lightweight components with sensible defaults
+
+Use the renderer as a drop-in component or import pieces for your own UI.
+
+## Usage
+
+```tsx
+import { NotionRenderer } from '@texonom/nreact'
+;<NotionRenderer recordMap={recordMap} fullPage />
+```
+
+```tsx
+// customize links and image urls
+<NotionRenderer
+  recordMap={recordMap}
+  fullPage
+  mapPageUrl={id => `/docs/${id}`}
+  mapImageUrl={url => `/api/image/${encodeURIComponent(url)}`}
+  components={{
+    nextLink: ({ href, children }) => <a href={href}>{children}</a>
+  }}
+/>
+```
+
+```tsx
+// use a single component
+import { Text } from '@texonom/nreact'
+
+function Title({ value }) {
+  return <Text value={value} />
+}
+```
+
+## API
+
+Exports:
+
+- `NotionRenderer`
+- block components like `Text`, `Header`, `PageIcon`, `PageAside` and more
+- helper hooks and context
+
+## Difference from the original
+
+This fork keeps the renderer from React Notion X but integrates extra features such as backlink rendering and improved property display.
+
+## Source code
+
+- `block.tsx` – block type switch
+- `text.tsx` – decoration switch

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2022 Seonglae Cho
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/README.md

@@ -1,19 +0,0 @@
-# React Notion X
-
-> Fast and accurate React renderer for Notion.
-
-[![NPM](https://img.shields.io/npm/v/@texonom/nreact.svg)](https://www.npmjs.com/package/@texonom/nreact) [![Build Status](https://github.com/texonom/notion-node/actions/workflows/test.yml/badge.svg)](https://github.com/texonom/notion-node/actions/workflows/test.yml) [![Prettier Code Formatting](https://img.shields.io/badge/code_style-prettier-brightgreen.svg)](https://prettier.io)
-
-## Docs
-
-See the [full docs](https://github.com/texonom/notion-node).
-
-## Source code
-
-### `block.tsx`
-
-for block type switch case
-
-### `text.tsx`
-
-for decoration switch case