@tinacms/app 0.0.12 → 0.0.14

package/appFiles/lib/machines/util.ts

@@ -1,205 +0,0 @@
-/**
-Copyright 2021 Forestry.io Holdings, Inc.
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-    http://www.apache.org/licenses/LICENSE-2.0
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-import { DocumentBlueprint } from '../formify/types'
-
-type Location = number[] | null
-
-export const getBlueprintValues = (
-  data: object,
-  path: string,
-  index: number = 0
-): string[] | undefined => {
-  if (!data) {
-    return
-  }
-  const pathArray = path.split('.')
-  const next = pathArray[index]
-  if (next === '[]') {
-    if (Array.isArray(data)) {
-      const values: string[] = []
-      data.forEach((item) => {
-        const res = getBlueprintValues(item, path, index + 1)
-        if (res) {
-          res.forEach((item) => {
-            values.push(item)
-          })
-        }
-      })
-      return values
-    }
-  } else {
-    const value = data[next]
-    // Is last item
-    if (pathArray.length === index + 1) {
-      if (Array.isArray(value)) {
-        return value
-      } else {
-        return [value]
-      }
-    } else {
-      return getBlueprintValues(value, path)
-    }
-  }
-}
-
-export const getAllIn = (
-  data: object | object[] | null,
-  path: string,
-  index: number = 0,
-  location: Location = null
-): { value: { id: string }; location: Location }[] | undefined => {
-  if (!data) {
-    return
-  }
-  const pathArray = path.split('.')
-  const next = pathArray[index]
-  if (next === '[]') {
-    if (Array.isArray(data)) {
-      const values: { value: { id: string }; location: Location }[] = []
-      data.forEach((item, dataIndex) => {
-        const res = getAllIn(item, path, index + 1, [
-          ...(location || []),
-          dataIndex,
-        ])
-        if (res) {
-          res.forEach((item) => {
-            values.push(item)
-          })
-        }
-      })
-      return values
-    }
-  } else {
-    const value = data[next]
-    // Is last item
-    if (pathArray.length === index + 1) {
-      if (Array.isArray(value)) {
-        const v = value.map((item, index) => ({
-          value: item,
-          location: [...(location || []), index],
-        }))
-        return v
-      } else {
-        if (typeof value === 'string') {
-          const v = [{ value: { id: value }, location }]
-          return v
-        } else {
-          // FIXME: this should always be `_internalSys.path` but we're not populating the
-          // data properly on resolveData yet. But even when we are, will need to keep that out
-          // of the user-provided payload (maybe not?)
-          const id = value?._internalSys?.path || value?.id
-          if (id) {
-            const v = [{ value: { id, ...value }, location }]
-            return v
-          }
-        }
-      }
-    } else {
-      const v = getAllIn(value, path, index + 1, location)
-      return v
-    }
-  }
-}
-export const getAllInBlueprint = (
-  data: object | object[] | null,
-  path: string,
-  index: number = 0,
-  location: Location = null
-):
-  | { value: { _internalSys: { path: string } }; location: Location }[]
-  | undefined => {
-  if (!data) {
-    return
-  }
-  const pathArray = path.split('.')
-  const next = pathArray[index]
-  if (next === '[]') {
-    if (Array.isArray(data)) {
-      const values: {
-        value: { _internalSys: { path: string } }
-        location: Location
-      }[] = []
-      data.forEach((item, dataIndex) => {
-        const res = getAllInBlueprint(item, path, index + 1, [
-          ...(location || []),
-          dataIndex,
-        ])
-        if (res) {
-          res.forEach((item) => {
-            values.push(item)
-          })
-        }
-      })
-      return values
-    }
-  } else {
-    const value = data[next]
-    // Is last item
-    if (pathArray.length === index + 1) {
-      if (Array.isArray(value)) {
-        throw new Error(`Unexpected array value for getAllInBlueprint`)
-      } else {
-        if (typeof value === 'string') {
-          throw new Error(`Unexpected string value for getAllInBlueprint`)
-        } else {
-          const id = value?._internalSys?.path || value?.id
-          if (id) {
-            const v = [
-              { value: { _internalSys: value._internalSys }, location },
-            ]
-            return v
-          }
-        }
-      }
-    } else {
-      const v = getAllInBlueprint(value, path, index + 1, location)
-      return v
-    }
-  }
-}
-
-export const getBlueprintFromLocation = (
-  location: string,
-  blueprints: DocumentBlueprint[]
-) => {
-  const blueprintString = location
-    .split('.')
-    .map((item) => (isNaN(Number(item)) ? item : '[]'))
-    .join('.')
-  const blueprint = blueprints.find(({ id }) => id === blueprintString)
-  if (!blueprint) {
-    throw new Error(`Unable to find blueprint at ${blueprintString}`)
-  }
-  return blueprint
-}
-
-// FIXME: this assumes children are in order (which they
-// are AFAIK but shouldn't be relied on)
-export const getBlueprintChildren = (
-  blueprint: DocumentBlueprint,
-  blueprints: DocumentBlueprint[]
-) => {
-  const foundChildren: DocumentBlueprint[] = []
-  blueprints.forEach((otherBlueprint) => {
-    if (foundChildren.find(({ id }) => otherBlueprint.id.startsWith(id))) {
-      return
-    }
-    if (
-      otherBlueprint.id.startsWith(blueprint.id) &&
-      otherBlueprint.id !== blueprint.id
-    ) {
-      foundChildren.push(otherBlueprint)
-    }
-  })
-  return foundChildren
-}

package/appFiles/src/App.tsx

@@ -1,52 +0,0 @@
-/**
-Copyright 2021 Forestry.io Holdings, Inc.
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-    http://www.apache.org/licenses/LICENSE-2.0
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import React from 'react'
-import TinaCMS, { TinaAdmin, useCMS } from 'tinacms'
-import { TinaEditProvider, useEditState } from 'tinacms/dist/edit-state'
-import { Preview } from './preview'
-
-// TODO: Resolve this to local file in tsconfig.json
-// @ts-expect-error
-import config from 'TINA_IMPORT'
-
-const SetPreview = ({ outputFolder }: { outputFolder: string }) => {
-  const cms = useCMS()
-  cms.flags.set('tina-preview', outputFolder)
-  return null
-}
-
-export const TinaAdminWrapper = () => {
-  return (
-    // @ts-ignore JSX element type 'TinaCMS' does not have any construct or call signatures.ts(2604)
-     <TinaCMS {...config} client={{ apiUrl: __API_URL__ }}>
-      <SetPreview outputFolder={config.build.outputFolder} />
-      <TinaAdmin preview={<Preview {...config} />} />
-    </TinaCMS>
-  )
-}
-
-const GoToEdit = () => {
-  const { setEdit } = useEditState()
-  setEdit(true)
-  return <div>Going into edit mode</div>
-}
-
-function App() {
-  return (
-    <TinaEditProvider editMode={<TinaAdminWrapper />}>
-      <GoToEdit />
-    </TinaEditProvider>
-  )
-}
-export default App

package/appFiles/src/assets/tina.svg

@@ -1,6 +0,0 @@
-<svg viewBox="0 0 66 80" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <title>Tina</title>
-  <desc>A proud llama</desc>
-<path d="M39.4615 36.1782C42.763 33.4475 44.2259 17.3098 45.6551 11.5091C47.0843 5.70828 52.995 6.0025 52.995 6.0025C52.995 6.0025 51.4605 8.67299 52.0864 10.6658C52.7123 12.6587 57 14.4401 57 14.4401L56.0752 16.8781C56.0752 16.8781 54.1441 16.631 52.995 18.9297C51.8459 21.2283 53.7336 43.9882 53.7336 43.9882C53.7336 43.9882 46.8271 57.6106 46.8271 63.3621C46.8271 69.1136 49.5495 73.9338 49.5495 73.9338H45.7293C45.7293 73.9338 40.1252 67.2648 38.9759 63.9318C37.8266 60.5988 38.2861 57.2658 38.2861 57.2658C38.2861 57.2658 32.1946 56.921 26.7931 57.2658C21.3915 57.6106 17.7892 62.2539 17.1391 64.8512C16.4889 67.4486 16.2196 73.9338 16.2196 73.9338H13.1991C11.3606 68.2603 9.90043 66.2269 10.6925 63.3621C12.8866 55.4269 12.4557 50.9263 11.9476 48.9217C11.4396 46.9172 8 45.1676 8 45.1676C9.68492 41.7349 11.4048 40.0854 18.8029 39.9133C26.201 39.7413 36.1599 38.9088 39.4615 36.1782Z" fill="currentColor" />
-<path d="M20.25 63.03C20.25 63.03 21.0305 70.2533 25.1773 73.9342H28.7309C25.1773 69.9085 24.7897 59.415 24.7897 59.415C22.9822 60.0035 20.4799 62.1106 20.25 63.03Z" fill="currentColor" />
-</svg>

package/appFiles/src/index.css

@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

package/appFiles/src/main.tsx

@@ -1,24 +0,0 @@
-/**
-Copyright 2021 Forestry.io Holdings, Inc.
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-    http://www.apache.org/licenses/LICENSE-2.0
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import React from 'react'
-import ReactDOM from 'react-dom'
-import './index.css'
-import App from './App'
-
-ReactDOM.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-  document.getElementById('root')
-)

package/appFiles/src/preview/index.tsx

@@ -1,150 +0,0 @@
-/**
-Copyright 2021 Forestry.io Holdings, Inc.
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-    http://www.apache.org/licenses/LICENSE-2.0
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-import React from 'react'
-import { useMachine } from '@xstate/react'
-import { queryMachine, initialContext } from '../../lib/machines/query-machine'
-import { ChevronRightIcon, textFieldClasses, useCMS } from 'tinacms'
-import { ArrowRightIcon, ChevronLeftIcon } from '@heroicons/react/outline'
-import { useSearchParams } from 'react-router-dom'
-
-export const Preview = (props) => {
-  const cms = useCMS()
-  const [searchParams, setSearchParams] = useSearchParams()
-  React.useEffect(() => {
-    // We'll often land here with the preview route in the URL (eg. ?iframe-url=/posts)
-    setSearchParams({})
-  }, [])
-  const machine = React.useMemo(
-    () =>
-      queryMachine.withContext({
-        ...initialContext,
-        url:
-          searchParams.get('iframe-url') ||
-          localStorage.getItem('tina-url') ||
-          '/',
-        cms,
-        formifyCallback: props.formifyCallback,
-      }),
-    []
-  )
-
-  const [state, send] = useMachine(machine)
-  const ref = React.useRef<HTMLIFrameElement>(null)
-
-  React.useEffect(() => {
-    if (ref.current) {
-      send({ type: 'IFRAME_MOUNTED', value: ref.current })
-      window.addEventListener('message', (event) => {
-        console.log('parent: event received', event.data.type)
-        if (event.data.type === 'open') {
-          send({ type: 'ADD_QUERY', value: event.data })
-        }
-        if (event.data.type === 'close') {
-          send({ type: 'REMOVE_QUERY', value: event.data.id })
-        }
-      })
-    }
-  }, [ref.current])
-  React.useEffect(() => {
-    setInterval(() => {
-      if (ref.current) {
-        const href = ref.current.contentWindow?.location.pathname
-        if (href) {
-          if (href === 'blank') return
-
-          send({
-            type: 'SET_DISPLAY_URL',
-            value: href,
-          })
-        }
-      }
-    }, 300)
-  }, [ref.current])
-
-  return (
-    <div className="h-full overflow-scroll">
-      <div className="">
-        <div className="col-span-5 ">
-          <div className="h-screen flex flex-col">
-            <div className="col-span-2 bg-gray-50 border-b border-gray-200">
-              <div className="px-16 py-3 flex gap-3">
-                <div className="relative flex-1">
-                  <form
-                    onSubmit={(e) => {
-                      e.preventDefault()
-                      send({ type: 'UPDATE_URL' })
-                    }}
-                  >
-                    <input
-                      type="text"
-                      style={{ borderRadius: '50px' }}
-                      className={`${textFieldClasses}`}
-                      onChange={(e) =>
-                        send({ type: 'SET_INPUT_URL', value: e.target.value })
-                      }
-                      value={
-                        state.context.inputURL !== null
-                          ? state.context.inputURL
-                          : state.context.displayURL || state.context.url
-                      }
-                    />
-                    <div className="absolute right-2 top-0 bottom-0 flex items-center">
-                      <button
-                        className={`relative inline-flex items-center px-2 py-2 rounded-full border text-sm font-medium focus:z-10 focus:outline-none focus:ring-1 ${
-                          state.context.inputURL
-                            ? 'border-blue-300 bg-blue-500 text-white hover:bg-blue-400'
-                            : 'border-gray-300 bg-white text-gray-500 hover:bg-gray-50'
-                        } focus:ring-blue-500 focus:border-blue-500`}
-                      >
-                        <span className="sr-only">Go</span>
-                        <ArrowRightIcon
-                          className="h-3 w-3"
-                          aria-hidden="true"
-                        />
-                      </button>
-                    </div>
-                  </form>
-                </div>
-                <span className="relative z-0 inline-flex shadow-sm rounded-md">
-                  <button
-                    type="button"
-                    onClick={() => history.back()}
-                    className="relative inline-flex items-center px-2 py-2 rounded-l-full border border-gray-200 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-10 focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500"
-                  >
-                    <span className="sr-only">Previous</span>
-                    <ChevronLeftIcon className="h-5 w-5" aria-hidden="true" />
-                  </button>
-                  <button
-                    type="button"
-                    onClick={() => history.forward()}
-                    className="-ml-px relative inline-flex items-center px-2 py-2 rounded-r-full border border-gray-200 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-10 focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500"
-                  >
-                    <span className="sr-only">Next</span>
-                    <ChevronRightIcon className="h-5 w-5" aria-hidden="true" />
-                  </button>
-                </span>
-              </div>
-            </div>
-            <div className="relative flex-1 bg-gray-300 col-span-2 overflow-scroll flex items-center justify-center">
-              <iframe
-                ref={ref}
-                className="h-full w-full bg-white"
-                src={state.context.url}
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}

package/appFiles/src/vite-env.d.ts

@@ -1,16 +0,0 @@
-/**
-Copyright 2021 Forestry.io Holdings, Inc.
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-    http://www.apache.org/licenses/LICENSE-2.0
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-/// <reference types="vite/client" />
-/** This value is injected globally at build time */
-declare const __API_URL__: string

package/tsconfig.json

@@ -1,20 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ESNext",
-    "useDefineForClassFields": true,
-    "lib": ["DOM", "DOM.Iterable", "ESNext"],
-    "allowJs": false,
-    "skipLibCheck": true,
-    "esModuleInterop": false,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "module": "ESNext",
-    "moduleResolution": "Node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx"
-  },
-  "references": [{ "path": "./tsconfig.node.json" }]
-}

package/tsconfig.node.json

@@ -1,9 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "module": "ESNext",
-    "moduleResolution": "Node",
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["vite.config.ts"]
-}